网页设计教程-第3章.pptVIP

第3章 制作网页的基本元素 （时间：3次课，6学时） 第3章 制作网页的基本元素 教学提示：本章还将介绍如何利用Dreamweaver 8在文档中实现超链接，其中包括链接到文档或其他页面、链接到指定的锚、链接到电子邮件地址和链接到空链接等各种超链接，并将详细讲述改变这些超链接的属性设置和测试链接的方法，以便用户能创建一个具有各种超链接的网站，而且能使网站中的所有超链接都能保持完全正确的链接，从而使访问者可以方便地穿梭于网站中。 教学目标：文档操作是设计网页的基本操作，它包括打开和编辑文档、设置文档属性、定义文档标题等多个方面，在设计网页时都是必须考虑到的。Dreamweaver 8提供了强大的页面图像控制能力，能够帮助用户创建专业的图文并茂的页面。本章将介绍如何利用Dreamweaver 8创建文档，并在文档中添加和控制图像。能否掌握好这些网页基本元素的制作，对制作网页至关重要。 第3章 制作网页的基本元素 3.1 制作文本特效 3.2 设置图像效果 3.3 映射图的应用 3.4 导航条的使用 3.5 创建与管理链接 3.6 上 机 实 战 3.1 制作文本特效 3.1.1 创建文档 3.1.2 添加文本 3.1.3 设置文本格式 3.1.4 设置字符格式 3.1 制作文本特效 文本是网页中最基本的元素。好的文本格式，能够充分体现文档要表述的意图，激发读者的阅读兴趣。在网页中设置丰富的字体、多种的段落格式以及赏心悦目的文本效果，对于一个专业的网站来说，是必不可少的要求之一。在本节中将讲述如何创建一个文档，并在文档中添加各种各样的文字。 3.1.1 创建文档 在Dreamweaver中，用户可以从一个空白的HTML页面创建新文档，也可以从模板创建，还可以打开并修改其他应用程序创建的HTML文档。 1. 创建新文档 启动Dreamweaver 8后，就可直接创建一个空文档。如果已经启动Dreamweaver 8，要创建空白文档，可以在菜单栏中选择【文件】|【新建】命令，则会出现如图3.1所示的【新建文档】对话框。 该对话框中默认显示的是【常规】选项卡，可以在其中选择不同的文档格式。在【类别】列表框中选择【框架集】选项，在【框架集】列表框中选择【上方固定，左侧嵌套】选项，在右边的【预览】框中可以预览新建文档的结构。 单击并打开该对话框的【模板】选项卡，对话框如图3.2所示。可以在其中选择不同的模板，在右边的【预览】框中可以预览新建文档的结构。 3.1.1 创建文档 3.1.1 创建文档 3.1.1 创建文档 图3.3所示为新建的一个框架结构类型的空文档，其中包含3个框架，分别为：上框架、左框架和主框架。 在创建一个新文档后，如果打开HTML源代码检视器，实际上Dreamweaver已经为用户打开了一个名为“Default.htm”的模板，每次开始新建网页时，Dreamweaver都会将它打开。单击文档编辑窗口上的【代码】按钮查看，源代码如图3.4所示。 在这段源代码中设置了网页的一些基本属性如页名、标题、正文和页面背景色等。 2. 保存文档 当创建一个新的文档并编辑后，就要保存该文档。 保存文档可以单击【文件】|【保存】命令，或是按下Ctrl+S组合键。如果文档尚未被保存，则会出现如图3.5所示的【另存为】对话框。选择路径并输入文件名，单击【保存】按钮，即可保存文档。如果文档已经被保存过，则会直接保存文档，不会出现该对话框。 3.1.1 创建文档 3.1.1 创建文档 3.1.1 创建文档 3.1.1 创建文档 3. 设置文档的页面属性 文档的页面属性包括文档的标题、文档的文字编码方式、文档正文中各个元素的颜色等。正确设置文档属性是成功编写网页的必要前提。要设置文档的页面属性，其具体操作如下。 (1) 选择【修改】|【页面属性】命令，或在文档窗口中右击，然后从快捷菜单中选择【页面属性】命令。这时会打开如图3.6所示的对话框，设置文档页面的外观属性。 (2) 利用【文本颜色】文本框可以设置文档中文字的前景颜色。在Dreamweaver中选择颜色的方法很简单，单击【文本颜色】文本框旁边的色块，会弹出一个调色板，如图3.7所示，在所需的颜色上单击就可以选定这种颜色。 (2) 利用【文本颜色】文本框可以设置文档中文字的前景颜色。在Dreamweaver中选择颜色的方法很简单，单击【文本颜色】文本框旁边的色块，会弹出一个调色板，如图3.7所示，在所需的颜色上单击就可以选定这种颜色。 3.1.1 创建文档 3.1.1 创建文档 3.1.1 创建文档 3.1.1 创建文档 利用【链接颜色】文本框可以设置文档页面中尚未访问过的超链接的文字颜色。 利用【已访问链接】文本框可以设