网页投计与制作教程 第3章基本页面元素 FIREWO DREAM
第3章 基本页面元素
网页设计与制作敦程 第3章基本页面元素 本章目录 文本和图像是 网页的核心内容， 学习网页设计也应 3.1页面文本的处理 从最基本的文本和 图像处理开始。链 3.2页面图片的处理 接是网页的灵魂， ?3.3页面链接的处理 也是网络的魅力所 在。通过点击网页 3.4本章小结 上的链接，我们才 能在网络信息的海 洋中尽情遨游。 慨要说明
第3章 基本页面元素 ❖3.1 页面文本的处理 ❖3.2 页面图片的处理 ❖3.3 页面链接的处理 ❖3.4 本章小结 文本和图像是 网页的核心内容， 学习网页设计也应 从最基本的文本和 图像处理开始。链 接是网页的灵魂， 也是网络的魅力所 在。通过点击网页 上的链接，我们才 能在网络信息的海 洋中尽情遨游
网页设计与制作敦程 3.1页面文本的处理 3.1.1页面文本的添加 Dreamweaver允许直接将文本键入页面中或从其 他文档复制和粘贴文本，这是在编辑页面时最常用的 方法。 在Dreamweaverr中不仅可以输入文字，而且还提供 了特殊字符的输入方式，选择【插入】|【HTML】I 【特殊字符】子菜单
Dreamweaver 允许直接将文本键入页面中或从其 他文档复制和粘贴文本，这是在编辑页面时最常用的 方法。 在Dreamweaver中不仅可以输入文字，而且还提供 了特殊字符的输入方式，选择【插入】|【HTML】| 【特殊字符】子菜单。 3.1.1 页面文本的添加 3.1 页面文本的处理
网页设计与制作教程 3.1页面文本的处理 3.1.2页面文本的格式设置 设置字体 “选择字号 ·色彩设置 冬样式设置 冬文本对齐和缩进 设置文本标题 冬设置段落和换行
❖ 设置字体 ❖ 选择字号 ❖ 色彩设置 ❖ 样式设置 ❖ 文本对齐和缩进 ❖ 设置文本标题 ❖ 设置段落和换行 3.1.2 页面文本的格式设置 3.1 页面文本的处理
网页设计与制作敦程 3.1页面文本的处理 3.1.3页面文本列表的设置 在网页处理文本时，对于需要逐条列出的文本项目， 我们一般将其设置为列表的形式，这样可以便读者一目 了然地了解到所要展示的文本内容。 在Dreamweaver中为我们提供了常用的两种类型的 列表：项目列表和编号列表。 列表属性 列表类型)：顶自列裹 确定 样式)：[默认] 取消 开始计数C■ 数字) 帮助 列表项目 新建样式)：默认】 重设计数⑧)：■ 数字)
3.1.3 页面文本列表的设置 在网页处理文本时，对于需要逐条列出的文本项目， 我们一般将其设置为列表的形式，这样可以便读者一目 了然地了解到所要展示的文本内容。 在Dreamweaver中为我们提供了常用的两种类型的 列表：项目列表和编号列表 。 3.1 页面文本的处理
网页设计与制作教程 3.2页面图片的处理 3.2.1页面图片简介 虽然存在很多种图形文件格式，但Web页中通常 使用的只有三种，即GIF、JPEG和PNG。 3.2.2页面图片的基本操作 。图像的插入 背景图像的插入 冬设置图像属性 冬加入图像的文字说明
3.2.1 页面图片简介 虽然存在很多种图形文件格式，但 Web 页中通常 使用的只有三种，即 GIF、JPEG 和 PNG。 3.2.2页面图片的基本操作 ❖ 图像的插入 ❖ 背景图像的插入 ❖ 设置图像属性 ❖ 加入图像的文字说明 3.2 页面图片的处理
网页设计与制作教程 3.2页面图片的处理 3.2.3页面图片的其他操作 1.使用交替图像 在浏览网页时，经常会看到这种效果：当鼠标指针 移动到某图像上时，图像就会发生变化，即变为大小和 原图像一样但图案发生变化的另一幅图像；而当鼠标指 针离开此图像时，图像又变为原来的图像，这就是交替 图像
3.2.3 页面图片的其他操作 1. 使用交替图像 在浏览网页时，经常会看到这种效果：当鼠标指针 移动到某图像上时，图像就会发生变化，即变为大小和 原图像一样但图案发生变化的另一幅图像；而当鼠标指 针离开此图像时，图像又变为原来的图像,这就是交替 图像。 3.2 页面图片的处理
网页设计与制作敦程 3.2页面图片的处理 3.2.3页面图片的其他操作 2.图像的拼接技术 如果根据需要确实要在网页中使用较大的图像，则 浏览器通常是在将图像文件的内容全部下载完后，才在 网页中显示该图像。这样会使网页的浏览者等待较长的 时间，造成用户的不方便。为此，可采用拼接图像的方 法，来解决长时间等待的问题
3.2 页面图片的处理 3.2.3 页面图片的其他操作 2. 图像的拼接技术 如果根据需要确实要在网页中使用较大的图像，则 浏览器通常是在将图像文件的内容全部下载完后，才在 网页中显示该图像。这样会使网页的浏览者等待较长的 时间，造成用户的不方便。为此，可采用拼接图像的方 法，来解决长时间等待的问题
网页设计与制作教程 3.2页面图片的处理 3.2.3页面图片的其他操作 3.建立Web相册 Web相册是将许多图片保存在一起，并且缩小显示 在网页中，浏览者单击其中的一幅图片时，便弹出该图 片的原图。制作时有一个小小的限制，就是在安装 Dreamweaver的同时还要安装Fireworks这一网页图像 处理软件。Dreamweaver使用Fireworks来为每个图像 创建一个缩略图和一个较大尺寸的图像。 返回
3.2 页面图片的处理 3.2.3 页面图片的其他操作 3. 建立Web相册 Web相册是将许多图片保存在一起，并且缩小显示 在网页中，浏览者单击其中的一幅图片时，便弹出该图 片的原图。制作时有一个小小的限制，就是在安装 Dreamweaver的同时还要安装Fireworks这一网页图像 处理软件。Dreamweaver使用 Fireworks 来为每个图像 创建一个缩略图和一个较大尺寸的图像
网页设计与制作教程 3.3页面链接的处理 3.3.1页面链接简介 Dreamweaver提供多种创建超链接的方法，可创建 到文档、图像、多媒体文件的链接。可以建立链接到文 档内任意位置的超链接。 冬绝对路径 冬文档相对路径 冬站点根目录相对路径
3.3 页面链接的处理 3.3.1 页面链接简介 Dreamweaver提供多种创建超链接的方法，可创建 到文档、图像、多媒体文件的链接。可以建立链接到文 档内任意位置的超链接。 ❖ 绝对路径 ❖ 文档相对路径 ❖ 站点根目录相对路径