教程2网页设计第2章第1节.docVIP

实习2 网页设计（2） 一、实习目的 熟悉FrontPage2003的工作环境； 掌握FrontPage2003站点管理功能； 掌握FrontPage2003制作网页的基本方法； 掌握网页制作中的常用页面布局方法。 掌握制作主题网站的方法。 自拟主题的网站 二、实习内容 熟悉FrontPage 2003的工作环境，学习FrontPage的基本功能及操作； 学习FrontPage2003管理站点功能，进行站点目录规划（个人网站）； 按要求制作主题网站（孙悟空），并测试浏览效果； 制作自拟主题的网站，要求网站内容在表现形式上必须具有主页面、图文混排页面、图片页面、表格页面等页面形式； 对自拟主题的网站浏览测试。 注：第1次实验完成实验步骤中1至5的任务，练习“孙悟空自传”的制作。 第2次实验完成6，制作自命题个人网站。 三、预备知识 网页制作的基本知识； FrontPage 2003的工作环境及操作方法。 四、实习步骤 1.熟悉FrontPage 2003 的工作环境。 启动FrontPage 2003，熟悉FrontPage 2003工作环境。 2.FrontPage管理站点 ① 建立站点主目录文件夹 在D盘根目录下建立名为“myweb”的文件夹，作为网页制作的站点主目录（站点主目录路径为d:\myweb）。（如果D盘不存在，在C盘建立。） ② 创建站点 启动FrontPage 2003，打开“文件“菜单”，单击“新建”，在右侧的任务窗格中选择新建网站列表中的“其他网站模版”； 打开网站模板对话框，选择“空白站点”，然后单击“浏览”命令按钮，打开新网站位置（站点主目录）对话框，单击“查找范围”下拉列表，选择d盘，在文件夹列表中，选择“myweb”文件夹； 单击“打开”命令按钮，完成站点主目录的设置，则站点的主目录为“D:\myweb”； 单击“确定”按钮，完成站点的创建。 ③ 查看站点目录结构 单击“视图栏”（窗口左侧）中“文件夹”图标，即可查看新建站点目录结构。FrontPage自动建立了images和_private等文件夹。 长沙网络公司 / 注意：不要在如“_private”等以“_”开始的文件夹中存放你的任何文件。该文件夹是系统用于存放临时文件。  = 4 \* GB3 ④ 创建网站其它文件夹（目录规划） 根据要制作的网站的内容，可以建立相应的子文件夹，用以分类存放??站制作中的相关文件。在本站点中，请建立如下文件夹：xiangce，然后分别在这两个文件夹中建立文件夹images。 注意：网站目录结构一般在网站创建初期就完成，但也可以在制作网站过程中，随时根据要求建立。 文件夹名及文件名不要使用汉字，否则会在网页超链接引用和网页浏览是出现错误的情况。 ⑧ 将网页保存到网站的根目录（d:\myweb）中，文件名为“index.htm”。 注意:本网页所用到的图片都要存入d:\myweb\images文件夹中。  = 9 \* GB3 ⑨ 在浏览器中打开index.htm页面，如图2-10所示。 请注意：将制作好的网站内容保存好，在以后的服务器架设实验中使用。 记录实习任务完成情况，对本次实习进行总结（主要说明实习任务完成情况和结果、实习中存在的问题、实习收获与体会），在3次网页设计实习结束后，将本次实习任务完成情况和实习总结写入实习报告并提交。 6．自拟主题制作包含图文混排、图片、表格、主页等页面的网站（第2次完成） （1）自拟站点主题，规划站点内容，收集相关素材并整理 实验前自拟站点主题（如“我的班级”、“西安世园会”、“XX旅游景点”等），根据站点类型和特性设计站点各网页内容，规划各网页之间的链接关系。 收集或撰写文字内容，下载或拍摄图片并进行图像处理（也可录制音乐和视频，多媒体素材文件不宜太大，一般不超过5MB），设计表格，填写站点重要数据或信息。 以“我的班级”主题为例，基本要求如下： 首页采用很经典的文字对专业介绍和班级概况介绍，并插入班级成员合影、专业特色图片，达到主题显明的效果，在首页上再建立三个链接，分别链接到图文混排页面、图片展示页面和表格页面； 图文混排页面以文字为主（班级特点、特长、成绩、成就等）插入1-2张图片配合文字描述； 图片展示页面以表格布局，展示成员照片； 表格页面可以制作成简单的二维表，表头包含：学号、姓名、性别、年龄、籍贯、特长等。 （2）FrontPage管理站点 ① 建立站点文件夹： 在磁盘根目录下建立站点主目录文件夹（如WWWroot）。 ②创建站点 打开“文件“菜单”，单击“新建”，选择“空白站点”，指定新站点的位置为“WWWroot”。 ③进行站点内目录规划 根据要制作的网站的内容，规划并建立站点内的子文件夹，用以分类存放网站制作中的相关素材及网页文件。