实验04 网页制作.docVIP

实验04 网页制作 一、实验目的 1．熟悉和掌握Frontpage制作网页的方法。 2．综合利用图像处理和动画制作软件，配合Frontpage制作网页。 二、实验内容 1．在硬盘 2．将网页文件page1.htm改名为index.htm，使其成为站点的主页，设置主页index.htm的网页属性：标题为“绿色家园”，背景颜色为#006600。 3．按图4-1样张所示，将标题“环保纪念日”和“历年世界环境日主题”设置成隶书、加粗、18磅、#FFFF00。 图 4-1 4．按图4-1样张所示，为“环保纪念日”的内容添加编号，编号及文字内容均为14磅白色楷体；为“历年世界环境日主题”的内容添加白色项目符号，项目符号及文字内容均为14磅白色宋体。 5．按图4-1样张所示，在主页index.htm中，插入一水平居中对齐的2行2列的表格，边框粗细、单元格边距、间距均为0，指定宽度90%，将表格第一行的行高设置为50像素，第一行单元格内容水平居中对齐；第二行单元格内容顶端对齐；第一列的列宽设置为40%，第二列的列宽设置为60%；并将网页中文本分别移动到对应的单元格内。 6．在主页index.htm的最上方，插入一个2行2列的表格，设置表格属性：水平居中对齐，边框粗细、单元格边距、间距均为0，指定宽度90%，表格背景图像设为：bj1.jpg，设置所有单元格属性为水平和垂直都居中，将第一列的列宽设置为20%，并合并单元格，将第2行第2列的单元格拆分为5列，列宽分别为：15%、20%、25%、20%、20%。 7．按图4-1样张所示，在index.htm最上方表格的第1列和第2行分别输入文本，设置“Green Garden”文字属性为：Comic Sans MS、粗斜体、36磅、黄色，其余文字为宋体、常规、14磅、白色。 8．按图4-1样张所示，在主页index.htm的最上方表格的第1行第2列单元格中插入图片greengarden.jpg，图片宽度与单元格宽度自动调整；在“环保纪念日”上方插入一条宽度为95%，高度为3像素，水平居中对齐的黄色水平线。 9．利用图像处理软件在图像plant.jpg上添加36点的黄色隶书文本“保护环境”，并进行斜面和浮雕及投影的图层样式处理；利用表格布局网页，在主页index.htm最下方插入图片flower.gif和经图像处理过的plant.jpg；将plant.jpg高度设置为120像素，宽度450像素。 10．在所建站点中新建一个网页page3.htm，网页标题为“参赛报名”，在页面第一行输入文本“参赛报名单#006600、居中；在“参赛报名单11．按图4-2样张所示，利用表格布局网页，在page3.htm的最上方依次插入图片cy.jpg、Flash动画wz.swf、一个交互式按钮、一个文本和滚动字幕。要求图片cy.jpg宽度为300像素，高度为250像素，鼠标悬停时显示图片pb.jpg；Flash动画wz.swf要求高度为250像素，宽度为300像素，水平居中对齐；交互式按钮要求按钮文本为“首页”，字体为华文行楷、24，按钮样式为“浮雕胶囊1”，宽110，并链接到index.htm；文本为“环保知识竞赛”，字体为华文行楷、24磅，宽150，颜色为#66CCFF，并与网页page4.htm建立超级链接。滚动字幕要求内容为：绿色环保绿色生活，字体为：24磅，粗体，隶书，颜色：#336633。 图 4-2 12．将主页index.htm最上方表格中的文本“绿色教育”替换为图像lsjy.jpg，并设置鼠标单击图像时，图像交换为lsjy1.jpg；利用文本文件sbtx.txt中的JavaScript代码制作鼠标特效。 13．在主页index.htm中，设置“绿色教育”图像与网页page2.htm建立超级链接，文本“环保知识竞赛”与网页page4.htm建立超级链接，文本“参赛报名”与网页page3.htm在新建窗口中建立超级链接，利用长方形热点，将图片greengarden.jpg上的文字“绿色家园”与建立超级链接；将文本“与我联系”与邮件地址webmaster@建立超级链接。 14．将网页page2.htm的背景图片设置为bj3.jpg；将其上方的文本“细说绿色小区细说绿色小区15．制作一个文字导航栏“[主页][绿色教育][参赛报名][环保知识竞赛]”，其中的文字“主页”、“绿色教育”、“参赛报名”、“环保知识竞赛”分别链接到网页index.htm、page2.htm、page3.htm、page4.htm。并将该导航栏应用到网页index.htm、page2.htm、page3.htm、page4.htm的最上方，居中放置。 16．在站点中新建“目录”的框架集网页kj.htm，要求该框架网页显示边框，边框宽度为3，