第三讲 制作网页    
 
  一、创建简单的网页
  学习内容
  (1)掌握FrontPage2003的基本文件操作;
  (2)掌握基本的网页编辑方法
  (3)掌握页面属性设置的方法
  1.创建简单的宠物网站页面。
  (1)选择工具栏中的“新建”按钮,然后从下拉菜单中选择“站点”。
  (2)在弹出的“网站模板”中选择“常规”选项卡。
  (3)在“常规”选项卡中选择“空白网站”,最后单击“确定”按钮从而创建一个没有内容的新网站。
  (4)选择工具栏中的“新建”按钮,从下拉菜单中选择“网页”。
  (5)在弹出的“网页模板”对话框你选择“常规”选项卡,然后在“常规”选项卡中选择“普通网页”。
  (6)新建的网页出现在了FrontPage的窗口中。
  (7)选择菜单“文件”|“另存为”,在打开的“另存为”对话框中,将文件命名为“index.htm”,最后单击“保存”按钮完成新建网页。
  2.向网页中添加文字和图像
  (1)先将浮动光标(插入点)置于需要添加文字的地方,然后直接输入文字。
  (2)也可以先复制预先准备好的文字,然后将浮动光标(插入点)置于需要添加文字的地方,单击鼠标右键,在右键菜单中选择“粘贴”命令。
  (3)为了使新设计的网页获得最好的视觉效果,必须使网页的页面大小与目前主流显示器的分辨率兼容:用鼠标单击FrontPage窗口右下角状态栏上的网页大小数字,然后从弹出的菜单中选择自己显示器分辨率对应的网页大小。
  (4)先将浮动光标(插入点)置于需要插入图片的位置。
  (5)选择菜单“插入”|“图片”|“来自文件”,在图片文件夹中选择需要的图片。
  3.预览页面
  通过使用“预览”视图,可以快速确定正在设计的网页是否会显示为在 Web 浏览器中所希望的样子。单击窗口下方的“预览”按钮可以快速地显示预览视图。
  4.关闭页面
  (1)单击FrontPage窗口右上角的关闭按钮。
  (2)FrontPage弹出一个对话框提示读者保存该页面,单击该对话框中的“确定”按钮。
  (3)FrontPage弹出“保存嵌入式文件”对话框提示读者保存网页中的图片。
  5.打开页面
  (1)选择菜单“文件”|“打开”,从而打开“打开文件”对话框。
  (2)在“打开文件”对话框中选择文件(index.htm)。
  (3)单击“确定”按钮,从而打开页面。

  二、设置简单的格式
  1. 设置文本和段落格式
  (1)选中文字和图像。
  (2)单击工具栏中的“居中”按钮,使文章标题和图像居中显示。
  (3)选择菜单“格式”|“字体”,打开“字体”对话框。
  (4)在“字体”对话框中,选择“字体”选项卡,在“字体”选项卡中可以进行如下设置:字体:黑体;字形:加粗;大小:7(36磅)。
  (5)在“字体”对话框中,单击“确定”按钮。
  2.设置列表格式
  (1)在页面中输入文字。
  (2)选择文字,在工具栏中,选择“编号”按钮。
  (3)在工具栏中,选择“项目符号”按钮,可以创建无序列表。
  也以使用工具栏中的按钮快捷地实现页面效果。可以直接在工具栏中进行相应的设置和单击相应的按钮。
  3.设置网页属性
  (1)网页属性包括网页的标题,网页的背景颜色、背景图片和背景音乐等内容。
  (2)选择菜单“文件”|“属性”,打开“网页属性”对话框。
  (3)单击“网页属性”对话框的“常规”选项卡。
  (4)在“标题”文本框中键入所需标题,单击“确定”按钮。
  (5)单击“网页属性”对话框的“格式”选项卡。
  (6)在“颜色”下,单击“背景”列表中需要的颜色。
  (7)在“格式”选项卡中选择“背景图片”复选框,然后单击“浏览”按钮,定位并单击包含所需背景图片的文件。
  (8)然后单击“打开”按钮。
  (9)如果要将图片按水印形式添加,请选择“使其成为水印”复选框,
  4.设置网页的背景音乐
  使用 FrontPage 可以向网页中添加多种类型的音频文件。
  (1)单击“网页属性”对话框的“常规”选项卡。
  (2)在“常规”选项卡下的“背景音乐”中,单击“位置”文本框旁右边的“浏览”按钮。
  (3)在 “背景音乐”对话框中找到并单击所需的声音文件,再单击“打开”按钮。
  (4)选择音乐的播放方式:若要连续地播放声音,请选择“不限次数”复选框。若要固定声音播放的次数,请清除“不限次数”复选框,再在“循环次数”框中选择或键入希望声音播放的次数。
  (5)在“文件”菜单上,单击“保存”。先确保扬声器能够正常工作,然后在“文件”菜单上单击“在浏览器中预览”。
  5.设置网页的meta标签
  Meta 标记是一种特殊的超文本标记语言 (HTML) 标记,这种标记提供关于 Web 页的信息,但这些信息在Web 页上不显示。Meta 标记可以提供这样一些信息:该页面是谁创建的,多长时间更新一次,描述的是什么内容(说明标记),哪些关键字描述该页面的内容(关键字标记)。
  设置网页的关键字Meta 标记:
  (1)选择能吸引用户的关键字,搜索引擎忽略大小写形式。整个 Meta 标记必须少于 1,024 个字符。
  (2)打开“网页属性”对话框。
  (3)单击“网页属性”对话框的“自定义”选项卡。
  (4)在“网页属性”对话框的“自定义”选项卡的“用户变量”下,单击“添加”按钮。
  (5)在弹出的“名称”框中,键入 keywords。
  (6)在“值”框中,键入您的站点的索引关键字,使用逗号分隔这些关键字。
  (7)单击“确定”以关闭“用户 Meta 变量”对话框,然后单击“确定”以关闭“网页属性”对话框。
  设置网页的说明Meta 标记:
  (1)构想一个可以概括Web 站点内容并能吸引目标用户的说明。一般来说,字符数限制从 150 到 395 不等,要相应地限制说明的长度。
  (2)打开“网页属性”对话框。
  (3)单击“网页属性”对话框的“自定义”选项卡。
  (4)在“网页属性”对话框的“自定义”选项卡的“用户Meta变量”下,单击“添加”按钮。
  (5)在“名称”框中,键入 description。
  (6)“值”框中,键入站点的说明。
  (7)单击“确定”以关闭“用户 Meta 变量”对话框,然后单击“确定”以关闭“网页属性”对话框。