网页设计实用教程 第3章 网页元素操作

《网页设计实用教程 第3章 网页元素操作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章网页元素操作制作人：王飞重点和难点网页中图片的编辑在网页中插入多媒体对象在网页中表单的应用在网页中插入其他页面元素3.1网页元素基本操作3.1.1文本操作1.插入文本2.插入特殊字符1）插入文本空格2）插入换行符3）插入特殊符号3．文本属性设置网页中的大部分信息都是通过文本表达，文字是网页的主体和构成网页最基本的元素，包括一般文字、特殊字符、滚动文字等。DreamweaverCS4可以方便的实现文本的插入和格式编辑操作。演示讲解3.1.2图像操作图像是网页的主要元素之一，它不仅丰富了网页，而且给浏览者带来视觉上的美观在网页中恰当的使

2、用图像，能使网页更加生动、形象和美观。插入图像在网页上插入图像的步骤如下：(1)使光标位于要插入图像的位置。(2)执行下列操作方法之一。单击“插入”菜单中的“图像”命令。单击“插入”面板的“常用”子面板上的“图像”按钮。按“Ctrl+Alt+I”组合键。2．设置图像属性演示讲解图像常用属性介绍如下：图像ID：表示图像的名称，可以在面板的左上角文本框内输入图像名称。宽和高：设定图像的宽度和高度。图像的原始大小尺寸会自动填充宽和高。其单位是像素。源文件：指定图像的源文件，方法是拖动“指向文件”图标（）到“站点”窗口中的一个文件上选取，或单击“

3、浏览文件”图标（）浏览并选取源文件，或者直接输入路径。链接：为图像指定一个超链接，方法是拖动“指向文件”图标（）到“站点”窗口中的一个文件上选取，也可以单击“浏览文件”图标（）选取站点上的一个文件，或者直接输入URL路径。替换：替换文本框用于指定图像显示之前或图像无法显示时显示的文本。当浏览网页时，鼠标指向图片上时将作为图片提示信息显示文本框中的文本。地图：通过在一幅图片上选取局部范围来实现超链接的方法，被选取并被标注的地方，就叫图像地图。通过这种方法，可以在一幅图片上制作出许多链接，以分别链接到不同的网页上。图像属性面板提供了矩形（）、

4、椭圆形（）与多边形（）三种局部范围地图的热点选取工具。此外，为改变选取的局部范围，还同时提供了一个“指针热点工具”（），用来移动图像地图的位置或编辑其形状。3.1.2图像操作垂直边距和水平边距：在图像的四周以像素为单位添加间隔。“垂直边距”将在图像顶部和底部添加间隔，“水平”将在图像左边和右边添加间隔。目标：指定链接页面将在哪个窗口或框架中打开（当图像没有链接到文件时该选项不可用）。低品质源：用于指定在主图像没有加载之前加载的图像。其目的在于当下载的图片过大时，为减少下载时间，可以制作一张低分辨率、低品质源的小图片，这张小图片会事先下载，

5、这样可以让访问者事先浏览到这张图像。边框：设置环绕图像的边框宽度（单位：像素）。输入0表示没有边框。可以为链接图像和无链接图像指定边框。在页面属性对话框中指定链接颜色。如果设置了没有链接的图像也要有边框，边框将和图像所在段落的文本的颜色一样。编辑：启动“外部编辑器”，并打开所选取的图像进行编辑。当保存图像文件回到Dreamweaver时，Dreamweaver将使用编辑后的图像更新编辑窗口。Dreamweaver默认的“外部编辑器”是Fireworks。如果有更适合图片编辑工具软件，也可以通过选择主菜单“编辑”/“使用外部编辑器”命令将默

6、认值进行修改。3.1.2图像操作3.1.2图像操作3．插入“鼠标经过图像”“鼠标经过图像”是指在浏览器中浏览网页时，当鼠标指针经过一幅图像时，图像随即变成另一幅图像，当鼠标离开时会恢复原来的图像。图像的轮替效果实际上是由主图像（当首次载入页面时显示的图像）和次图像（当鼠标指针移过主图像时显示的图像）的轮替显示实现的。插入鼠标经过图像的操作步骤如下：（1）在“插入面板”的“常用”选项卡中单击“图像”按钮旁边的下三角按钮▼，在弹出的下拉菜单中单击“鼠标经过图像”，弹出“插入鼠标经过图像”对话框，如图所示。演示讲解（2）在“插入鼠标经过图像”对

7、话框中，会设置各个选项，对话框各个选项介绍如下。图像名称：用来设置“鼠标经过图像”的名称。原始图像：用来设置首次载入页面时显示的图像。设置方法是在“原始图像”文本框中输入原始图像的路径及名称，或者单击文本框右侧的“浏览”按钮，打开“原始图像”对话框，浏览并选取图像源文件。鼠标经过图像：用来设置当移动鼠标指针到“原始图像”上时，原始图像替换成的图像。设置方法是在“鼠标经过图像”的文本框中输入该替换图像的路径及名称，或者单击文本框右侧的“浏览”按钮，打开“鼠标经过图像”对话框，浏览并选取图像源文件。3.1.2图像操作预载鼠标经过图像：用来设置

8、是否预先下载替换图像到本地。如果选中“预载鼠标经过图像”复选框，则网页一打开即预先下载替换图像到本地机，当移动鼠标指针移动到“鼠标经过图像”时，能迅速切换到替换图像；如果取消选中该复选框，则当