《第3章Dreamweaver基础1.pptVIP

第3章 Dreamweaver基础 2010-03-18 3.2 站点的创建和管理 3.3 网页文件的基本操作 1．新建和保存网页 2．打开网页 打开已经建立好的网页的方法有： 选择“文件”|“打开”命令，在弹出的对话框中选择要打开的文件。 在站点管理器中找到相应的网页文件 ，双击打开， 按【Ctrl+O】组合键。 在页面标题处右击，在弹出的快捷菜单中选择“打开”命令。 3．设置页面的属性 3.4网页元素的添加——文字、图像和链接 1.编辑文本 （1.插入文本 在Dreamweaver中添加文本有两种方法：一是直接通过键盘输入，二是导入已有的文档。当然也可以将其他程序窗口里文本复制到网页中。 （2．插入空格 在Dreamweaver 处理文本，尽管与Word十分相似，但还是有许多不同之处。例如，在编辑窗口中，默认状态下，按Space键只能插入一个空格。若想在文档中添加更多的连续空格，则要选择以下方法之一： 选择菜单“编辑 | 首选参数”命令，然后在“常规”类别中确定选中“允许多个连续的空格”项。 在“插入”栏中，选择“文本”子工具栏，然后单击最右边的 （字符）按钮，在弹出的菜单中选择“ 不换行空格”命令。 按Ctrl+Shift+Space组合键。 将输入法切换到全角状态，直接按Space键。 （3．插入水平线 在文档中插入水平线，只要将插入点放在要插入水平线的位置，然后执行下列操作之一: 选择菜单“插入 | HTML | 水平线”命令。 在“插入”栏的“HTML”子工具栏中单击 （水平线）按钮。 （4．插入日期 ① 在“设计”视图中，将插入点定位在要插入日期的位置。 ② 选择菜单“插入 | 日期”命令或者在“插入”栏的“常用”子工具栏中，单击 （日期）按钮。 ③ 在出现的“插入日期”对话框中选择星期格式、日期格式和时间格式。 2. 添加图像 （1. Web图像格式 目前，网页中使用的图像格式主要有GIF、JPEG（包括JPG和JEPG）和PNG三种: GIF（图形交换格式）：最多只能显示256种颜色，可以制作网络动画及透明图像。适合于色彩要求较低的导航条、按钮、图标和项目符号等。 JEPG（联合图像专家组标准）：压缩率很高，可显示数大约1670万种颜色。适合于对色彩要求较高的风景画、照片等。 PNG（可移植网络图形）：是一种替代 GIF 格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及Alpha通道透明的支持。 （2. 插入图像 将图像插入 Dreamweaver 文档时，Dreamweaver 自动在HTML源代码中生成对该图像文件的引用。为了确定此引用的正确性，该图像文件必须位于当前站点中。如果图像文件不在当前站点中，Dreamweaver 会询问你是否要将此文件复制到当前站点中。 （3. 设置图像属性 将图像插入到指定位置后，还可以利用“属性”面板设置图像的属性，以便达到最佳效果。 改变图像大小 通过精确定义图像的宽度和高度，可以使浏览器更快地装载图像，以便减少页面的下载时间。 “宽”和“高”：是在浏览器中为图片所保留的宽度和高度，默认单位是像素，也可以用点、英寸、毫米为单位。当在其文本框内输入其他单位的数值时，Dreamweaver 8自动转换为像素。 设置图像的垂直边距与水平边距 “垂直边距”：是图像在垂直方向与文本或其他页面元素的间距。 “水平边距”：是图像在水平方向与文本或其他页面元素的间距 设置图片注释 “替代”：在此可输入图片的注释。当用户的浏览器不能正常显示图像时，便在图像的位置用这个注释代替图像。 [注]用户使用浏览器浏览网页时，为了加快浏览速度，可以在浏览器中关闭图片显示，原来放置图像的位置会显示图片的注释。另外，当把鼠标移动到图像上时，无论图像是否显示，都会显示替代文字。 设置图像边框 “边框”：是用来设置环绕图像四周边框的宽度，单位是像素。如果输入0，则表示没有边框 设置图像的对齐属性 （1）图像在页面中的对齐 与设置文本在页面中的对齐类似，单击“属性”面板中的对齐按钮 、 或 ，即可将图像按照相应的对齐方式进行对齐。 （2）图像与周围内容的对齐 “对齐”弹出列表：用于指定图像与周围内容的对齐方式，如图3.12所示。方法是先选中图像，然后在“属性”面板中的“对齐”下拉列表框中，选择一种对齐方式。 “默认值”：默认为基线对齐方式。 “基线”：图像与文本或其它对象的基线对齐。 “顶端”：图像顶部与当前行中最高的元素（文本或其它对象）对齐。 “居中”：图像中部与当前行对象基线对齐。 “底部”：图像与文本或其它对象的底部对齐。 “文本上方”：图像与当