第5章 网页设计初步-FrontPage.docVIP

- 第5章 网页设计初步-FrontPage 2003 - 标题 第5章 网页设计初步-FrontPage 2003 - 内容 - 关键词 C:\Users\BM\Desktop\文档\第5章 网页设计初步-FrontPage 2003.doc - 原文地址 8.888 - 文档售价 管理学资料 - 文档分类 第5章 网页设计初步－FrontPage 2003 因特网已成为目前最主要的电子信息发布媒体，无论是政府、公司、企业、还是个人都纷纷建立自己的网站来发布和收集信息。不仅如此、越来越多的公司、企业和政府还将自己的商务、政务活动放到网站上，从而使得网站又成为信息处理的新平台。 一、案例说明 本例描述：本例通过一个个人网站的建立过程来简要介绍利用FrontPage 2003建立网页的基本方法和常用功能，使得学习者对网页的设计过程有个初步的了解。 本例知识点： 站点的建立、表格及其表格布局、插入图片、背景音乐、超级链接、电子邮件链接、图片热区链接、字幕制作、站点发布 二、方法指导 1．熟悉Microsoft FrontPage 2003界面 ① 启动FrontPage 2003，图5.1所示的为FrontPage 2003的操作界面。 菜单栏 菜单栏 格式工具栏 标题栏 常用工 具栏 编辑区 网页显示方式 任务窗口 图5.1 操作界面 2．新建站点 创建一个名为“花样年华”站点，保存在“D:\my web\hynh” 操作方法： ① 单击“文件”菜单中的“新建”命令，在弹出的“新建”任务窗口中选择“新建网站”中的“由一个网页组成的网站”，打开如图5.2所示的“网站模板”对话框。 ② 在“指定新站点的位置”处输入“D:\my web\hynh”，双击“空白站点”图标，“花样年华”站点创建完毕。 图5.2 图5.2 “新建”对话框 ③ FrontPage 2003自动创建了“_ private”和“images”两个文件夹。 ④ 单击“文件”菜单中的“新建”命令，在弹出的“新建”任务窗口中选择“新建网页”中的“空白网页”，创建一个名为“index.htm”的网页(新建的网页默认名称为“new_page_1.htm”，可以在保存时改为“index.htm”)。 ⑤ 单击“视图”菜单中的“文件夹”命令，可以发现右边窗口中增加了一个标题为“index.htm”的主页图标，如图5.3所示。 ⑥ 双击“index.htm”的主页图标，按保存按钮 ，保存新建网页。 图5.3 新建网页样图 图5.3 新建网页样图 3．制作主页 试在上面创建的站点基础上，创建如图5.4所示的个人主页。该主页使用6×3表格布局，其中第一行三个单元格合并为一个标题单元格，第三行第四行的第一个单元格合并为一个图片单元格，第二行三个单元格合并为一个滚动条单元格。在第四行单元格中建立了2个超链接，，分别与2个网页相链接，第五行的第一个单元格插入一个层，并且这个单元格中的图片中建立个一个热点链接，最后一行为联系方式中建立了一个电子邮件链接，最后在主页中插入音乐。 图5.4 花样年华个人主页 图5.4 花样年华个人主页 (1) 用表格划分网页 操作方法： ① 启动Microsoft FrontPage 2003，在“D:\my web\hynh”下找到主页文件“index.htm”，双击该文件即可打开主页。 图5.5 常规选项卡图5.6 高级选项卡② 进行页面设计，单击“文件”菜单中的“属性”，在常规选项卡的“标题”中添入“花样年华”，在“背景音乐”中可以插入音乐，如图5.5所示;在高级选项卡“边距”的“上边距”和“下边距”分别设为0像素,如图5. 图5.5 常规选项卡 图5.6 高级选项卡 图5.8 “插入表格”对话框③ 单击“表格”菜单中的“插入”命令，选择级联菜单中的“表格”命令，如图5.7所示，打开 图5.8 “插入表格”对话框 图5.7 插入表格菜单 图5.7 插入表格菜单 ④ 选定表格的行数为6，列数为3，边框粗细为“0”(这样在IE浏览器或预览中就看不到表格的网格线)，如图5.8 ⑤ 选中第一行三个单元格，单击右键，选择“合并单元格”，如图5.9所示。用同样的方法将单元格合并成如图5.10所示。 图5.9 合并单元格 图5.9 合并单元格 图5.10 合并后的单元格 ⑥ 调整各单元格的大小(以后会不断调整)，如图5.11所示。 图5.11 调整单元格(2) 设置背景 图5.11 调整单元格 操作方法： 单击“格式”菜单