第3章 创建网页文档.pptVIP

第3章 创 建 文 档 教学提示：网页是构成网站的基本元素。而文字、图片和超链接等又是网页的最基本的元素。通过本章的学习，用户可以掌握创建文档的方法，学会添加和编辑网页中的各种元素，以制作出最基本的网页。 教学要求：本章将介绍网页文档的创建及存储的方法、网页中的文本、图像和媒体对象的操作、超链接的创建和管理。 3.1 文档的操作 1. 新建文档 在建立好站点之后，就可以进行站点规划及新建文档了。创建文档既可以通过模板创建有格式的文档，也可以直接创建空白文档。下面以创建空白文档为例来进行讲解，具体操作步骤如下。 (1) 选择【文件】|【新建】命令，打开如图3.1所示的对话框。 (2) 在【常规】选项卡的【类别】列表框中选择需要的网页类别，选择后右侧的列表框中将显示对应类别的网页样式。如选择“基本页”类别，右侧显示【基本页】的网页样式，如图3.1所示。 3.1 文档的操作 1. 新建文档 (3) 在右侧列表框中选择需要的网页样式后单击【创建】按钮，即可新建指定样式的文档。创建空白的HTML文档，要选择HTML。 提示：创建空白文档时，还可以在站点列表中选择要保存新建文件的文件夹，在文件夹上单击鼠标右键，在快捷菜单中选择【新建文件】命令，即可创建一个新的空白文件，刚创建时，文件的名称处于可编辑状态，可以输入一个新名称，然后按E 3.1 文档的操作 2. 打开文档 对于站点中的文档，可以通过站点窗口或菜单直接打开。 1) 在站点窗口中打开文档 在站点窗口中找到要打开的网页，双击文件名即可打开，如图3.2所示。 2) 通过菜单打开文档 选择【文件】|【打开】命令，打开如图3.3所示的对话框，在该对话框中选择要打开的文件，单击【打开】按钮即可打开此文件。 3.1 文档的操作 3. 文档保存 对新建或打开的文档编辑完成后，就可将文档保存到需要的位置，保存文档的方法有直接保存和另存文档两种。 1) 直接保存 直接保存就是选择【文件】|【保存】命令，或按Ctrl+S快捷键进行保存，直接保存文档有两种情况，若文档是新建的文档，则保存时要打开如图3.4所示的对话框。 3.1 文档的操作 3. 文档保存 在【保存在】下拉列表中选择文件的保存路径，或指定文件要保存到的站点；在【文件名】文本框中输入保存文档的名称，最后单击【保存】按钮，完成文档的保存。 若保存的文档在电脑中已经存在，则保存时不会打开对话框，直接将文档保存到原来的位置。 2) 另存文档 对打开的文档进行编辑后，不想保存在原位置或者想以另外的名称保存时，就需要对文档进行另存操作。另存方法为：选择【文件】|【另存为】命令，打开【另存为】对话框，然后按新文档的保存方法进行保存即可。 3.2 页面属性的设置 网页属性包括网页标题、网页中文本的颜色、网页的背景颜色及背景图片、网页边距等。设置网页属性通过设置“页面属性”完成，另外系统还自带了许多种网页样式，用户也可以直接应用这些样式。 设置页面属性的具体操作步骤如下。 3.2 页面属性的设置 (1) 打开网页。 (2) 选择【修改】|【页面属性】命令，打开如图3.5所示的【页面属性】对话框。 在【页面属性】对话框中，左侧显示【分类】列表框，其中包括【外观】、【链接】、【标题】、【标题/编码】、【跟踪图像】5个项目，右侧区域则显示各分类中可以设置的项目，下面将分别对每个类别进行介绍。 3.2 页面属性的设置 1. 选择【外观】 (1) 【页面字体】：设置页面文档中默认的文字字体。可以单击文本框右面的按钮，弹出下拉列表，如图3.6所示，从列表中选择所需要的字体，如果没有所需要的字体，可以选择最下方的【编辑字体列表】，来添加中文字体。添加中文字体的方法在文字格式的设置中将做详细介绍。 (2) 按钮：加粗设置，可以将页面文字的默认格式设置为粗体。 (3) 按钮：倾斜设置，可以将页面文字的默认格式设置为斜体。 3.2 页面属性的设置 1. 选择【外观】 (4) 【大小】：设置页面中文字的默认大小。在右边的列表中选择数字或一些标准来表示文字的大小，也可手动输入数字，输入数字后，后面的文字大小单位列表就会变成可编辑状态。表示数字的单位，可以选择“像素”、“点数”、“英寸”、“厘米”、“毫米”等，如图3.7所示。 3.2 页面属性的设置 1. 选择【外观】 (5) 【文本颜色】：设置页面中文字的默认颜色。单击颜色块后，会调出颜色面板，且鼠标变成滴管形状，其中的每一个小色块代表一种颜色，鼠标经过每一个颜色块，颜色面板上面的区域都会显示出该颜色相