《网页设计与制作》第三章：插入网页基本元素精品名师资料

图案填充采用Fireworks 8预设的图案或用户自己选择 的图案进行填充。
渐变填充采用若干种颜色之间平滑地过渡来进行填 充。
单击颜色拾取框上的【填充选项】按钮可以选择填充 的类型并作进一步的设置。
(2) 【笔尖大小】：用于设置刷子、铅笔、橡皮擦等绘图 工具的笔头的粗细。
(3) 【边缘】：用于设置用绘图工具绘出的图像边缘的柔 和程度。
网页设计与制作课件第 3章
精品
本章重点：
位图绘图和编辑操作 位图的选区操作 矢量图绘图和编辑操作 路径的操作 文字的使用方法 路径、文字、选区互相转换
3.1位图绘制
位图是由像素组成的。Fireworks 8提供了许多 修饰位图图像的方法，包括修饰、裁剪、羽化和克隆 图像等操作。利用图层和蒙版技术还可以进行图像的 后期创作，可以取得一些特殊的效果。
3. 设置不规则选区
用于设置不规则选区的是【套索工具】。具体操作如 下：
选择【自动擦除】选项时，当【铅笔工具】在描边颜色上拖 动时会自动转为使用填充颜色绘图，相当于擦除了描边。
3.刷子工具
【刷子工具】汇集了生活中各种绘图工具的功能，可 以模拟各种作图手法画出异彩纷呈的图像。单击工具 箱中的【刷子工具】按钮，并在属性面板里设置所需 的属性，然后在画布中拖曳鼠标即可画出相应图形。
3.1.1位图的绘图操作
1. 绘图工具的常用属性
Fireworks 8 工具箱里有很多绘图工具，在属性面 板里可以设置绘图工具的各种属性，使之具有各种不 同的功能和状态，以满足各种各样的绘图需求。属性 面板里各项属性的功能如下。
(1) 【颜色】：用户可以通过单击【颜色选择按钮】 打开颜色拾取框来选择所需的颜色，颜色拾取框上列 出了网络安全色；单击【系统颜色选取器】按钮可以 打开调色板，选用其它丰富多彩的颜色。单击【透明】 按钮可以选择无色。

文本字段 1.单行文本 1.单行文本在表单中输入“用户名”，在单击工具栏上的文本字段按钮 2.密码 2.密码密码输入区用于用户输入密码信息，用户在此区域输入的所有字符都显示为“*” 或黑点。

3.多行文本 3.多行文本在单击工具栏上的文本区域按钮 2011-9-6 46
复选框单击工具栏上的复选框按钮单选按钮 1.单选按钮 1.单选按钮单击工具栏上的单选按钮按钮 2.单选按钮组 2.单选按钮组单击工具栏上的单选按钮组按钮2011-9-6 47
下拉菜单 1.列表/ 1.列表/菜单列表单击工具栏上的列表/菜单按钮 2.跳转菜单2.跳转菜单在工具栏上单击跳转菜单按钮 2011-9-6 48
隐藏区域在工具栏上单击隐藏域按钮在网页中插入一个隐藏域标志按钮在工具栏上单击按钮按钮 2011-9-6 49。

loop设置循环次数，小于1为连续循环。
Bgcolor设置滚动区域的背景颜色。
width 和height设置滚动区域的大小，沿垂直方向（up或down）
滚动时，必须设置一定的高度值，否则看不到滚动的文字。
09.10.2020
11
设置文本超级链接
1.使用属性面板 设置超级链接
2.使用工具按钮
（1）插入超级链接 单击工具栏上的超级链接按钮
对话框。
（5）在代码中出现<marquee></marquee>，在中间的两个尖括号
09.10.“20>20<”之间输入要滚动的文字，如“欢迎访问励志学社的主页！” 。
10
设置滚动字幕的属性
<marquee direction=“right”scrollamount=“8”scrolldelay=“110”
（2）在下方的设计窗口中单击要插入滚动字幕的位置，此时注意查看代码 窗口中光标的位置。
（3）将插入工具栏设置为“常规”，单击标签选择器按钮，打开标签选择
器对话框。
（4）在标签选择器对话框左边窗口逐级选择“HTML标签”→ “页元
素”→“浏览器特定”，然后在右边窗口中单击“marquee”，再单击下
面的“插入”按钮，marquee标签被插入到代码中，按“关闭”按钮关闭
09.10.2020
26
3.设置单元格属性
❖ 文字（属性面板的上半部分） ❖ 水平 ❖ 宽、高 ❖ 垂直 ❖ 标题 ❖ 背景和背景颜色 ❖ 边框
loop=“2”Bgcolor=“#00ff00”Width=“200”Height=“100”> …………
</marquee>

档内任意位置的超链接。
绝对路径 文档相对路径 站点根目录相对路径
3.3 页面链接的处理
3.3.2 链接的基本操作
建立链接
设置链接打开放式 检查链接 链接自动更新 3.3.3 其他的链接操作
设置锚记链接
设置热点链接
创建导航条
3.4 本章小结
本章主要介绍了页面中文本的使用方法，包括插
3.1 页面文本的处理
3.1.2 页面文本的格式设置 设置字体 选择字号 色彩设置
样式设置
文本对齐和缩进
设置文本标题
设置段落和换行
3.1 页面文本的处理
3.1.3 页面文本列表的设置 在网页处理文本时，对于需要逐条列出的文本项目， 我们一般将其设置为列表的形式，这样可以便读者一目 了然地了解到所要展示的文本内容。 在Dreamweaver中为我们提供了常用的两种类型的 列表：项目列表和编号列表 。
入文本，段落格式设置，设置标题，设置列表等。介
绍了图像在网页制作中的运用，包括怎样在网页中插 入图像、设置图像的各个属性、制作Web相册、插入 交替图像、图像的拼接制作等。介绍了网页中超链接 的使用，包括在网页中制作文件链接、锚记链接、热
点链接、相对路径和绝对链接，以及如何对超链接进
行管理。
Hale Waihona Puke 第3章 基本页面元素第3章 基本页面元素
文本和图像是 网页的核心内容， 学习网页设计也应 从最基本的文本和 图像处理开始。链 接是网页的灵魂， 也是网络的魅力所 在。通过点击网页 上的链接，我们才 能在网络信息的海 洋中尽情遨游。
3.1 页面文本的处理
3.2 页面图片的处理
3.3 页面链接的处理