19-制作网页.docVIP

实践十九 制作网页 1.实践目标 （1）能运用表格实现网页布局，然后制作网页。 （2）知道项目开发的一般方法和步骤。 （3）能主动和他人交流，并通过讨论来确定活动的进行方向。 2.任务描述 （1）总结和整理网站文件夹，确定栏目网页的文件名，为主页建立超链接作准备。 （2）组内合作，制作网站主页。 （3）组内分工，每人制作自己负责的网页。 （4）网站集成。 （5）小组合作分工，测试网站。 （6）尝试给网页添加特效。 3.相关资源 计算机网络教室（连接因特网），浏览器，FrontPage2000。 4.操作提示 （1）查看自己小组的网站目录结构。经过前面的网站规划和素材整理，网站已经建立了文件夹，并且在网站文件夹的子文件夹中保存了各种素材。另外，每人还为自己负责的栏目建立了文件夹并且包含在网站文件夹下。 例如，有如图19-1和19-2所示的文件目录结构： 图19-1 网站文件夹结构 图19-2 网站文件夹和栏目子文件夹结构 如图19－1所示，古镇风情网站的文件夹名是“wwwroot”，由于共包含了“社会经济”、“人文景观”、“特色饮食”和“自然风光”4个栏目，所以在wwwroot文件夹下分别建立“jingji”、“renwen”、“yinshi”和“ziran”4个子文件夹，而且还在栏目文件夹下建立了该栏目所需素材的分类子文件夹（如图19－2所示）。 小组的网站文件目录结构也应和这个例子相同，如果不是，考虑进行调整。 （2）在栏目文件夹下建立相应的栏目网页（内容空白）。每个组员通过网络把自己负责的栏目文件夹下载下来，然后执行FrontPage网页制作软件，把系统自动新建的一个空白网页另存到自己的栏目文件夹下，记录下保存的网页文件名是_________________________（只能由字母和数字组成。建议仿照上面的例子，用栏目名称的拼音字母表示），最后关闭FrontPage2000窗口。 再把整个栏目文件夹上传到小组网站的文件夹下。 （3）交流并记录各栏目网页的保存路径。通过组内交流，把刚才的操作结果记录到下面表格中： 栏目名称 栏目文件夹名 栏目网页的文件名 （4）小组内合作，共同制作网站主页。主页是一个网站的形象和灵魂。所以需要通过合作来共同制作主页，共同制作主页的优势在于： ●在制作过程中共同掌握一般网页的制作方法。 ●集思广益树立自己小组的形象和灵魂。 ●在制作过程中把握主页的风格，可以帮助大家建立与主页风格一致的栏目网页。 ●_____________________________________________________________（此处填写你补充的看法） ①新建主页。主页负责人把网站目录下载到本地计算机上，启动FrontPage，在系统自建的空白网页上单击鼠标右键，在出现的快捷菜单中选择“网页属性”，然后出现如图19－3所示的对话框。 图19-3 网页属性 在“网页属性”对话框中，系统自建的网页“标题”默认是“New Page 1”，把标题更改为自己网站的名称。可以在下面的“背景音乐”栏中设置背景音乐，使得读者在浏览网页的同时，能听到动听的背景音乐。 如果想为网页设置统一的背景（可以是一张图片，也可以是一种单纯的颜色），可以在“网页属性”对话框中点击___________标签来完成。 设置完毕后，选择“文件”菜单中的“保存文件”或______________选项，把主页以文件名“index.htm”保存到网站文件夹下。 主页要命名为“index.htm”的原因是________________________________________________________。 ②制作布局表格的框架。分析活动十七中的主页布局设计草图，并统计所有行（列）中包含的网页元素个数，确定表格的行数和列数分别是_______、________。制作表格的方法是在“表格”菜单中选择___________选项，为了不显示表格的边框，需要在出现的对话框中把___________设置为0，为了使表格能在浏览器中浏览时的宽度和整张网页宽度相同，可以在“指定宽度”选项中选择“百分比”，并设置值为100。 ③调整布局表格，使得单元格数量刚好等于主页所需要的元素个数。调整单元格数量主要是通过_______________和“拆分单元格”来实现的。 例如，在如图19-4所示的主页中，需要用一张7行4列的表格来实现布局，因为第3行和第5行只有二个栏目名称，所以调整表格时需要