网页设计与制作 普通高等教育“十一五”国家级规划教材 作者 于筱荔 第3章 基本页面元素.pptVIP

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