《网站设计与开发》综合实验指导静态.docx

1、网站设计与开发综合实验指导静态综合性实验指导书一、 综合性实验目的本实验是在基本学习完课程后进行的一次全面的综合性实验。本次实验的目的是：1) 巩固和加深学生对课程的基本知识的理解和掌握；2) 掌握运用所学知识，进行网页设计的能力；3) 掌握书写综合性实验报告文档的能力；二、 综合性实验要求1) 静态设计部分：每人根据所学的网页的相关知识设计一个站点（包含一个主页，至少链接到四个子页面），自由选题。网站中包含的内容需要有：模板、css、javascript等技术。2) 公开演示及讲解网页的主题思想，主要内容，制作技巧的使用。三、 综合性实验报告的内容1) 封面（格式附在后面） 2) 综合性实验

2、报告（格式附在后面）（电子版）3) 素材和最后完成的作品（电子版）4) 现场打分表附录：综合实验报告封面及内容的格式网站设计与开发静态网页设计综合实验报告题 目： 姓 名： 学 号： 专 业： 年 级： 指导老师： 完成日期： 年 月 日综合性实验报告一、实验目的及要求本实验是在基本学习完课程后进行的一次全面的综合性实验。实验的目的是：1巩固和加深学生对课程的基本知识的理解和掌握；2掌握运用所学知识，进行网页设计的能力；3掌握书写综合性实验报告文档的能力；实验的要求是：1静态设计部分：每人根据所学的网页的相关知识设计一个站点（包含一个主页，至少链接到四个子页面），自由选题。网站中包含的内容需要

3、有：模板、css、javascript等技术。2公开演示及讲解网页的主题思想，主要内容，制作技巧的使用。二、 方案设计思路通过静态网页知识的学习，掌握了一定的静态网页设计与制作技术。运用所学知识，制作一个介绍家乡绍兴的网站。利用学到的一些布局技术和从网上收集的素材对网页进行排版，美化。三、 操作步骤收集关于绍兴的文字和图片资料，进行筛选，分类，整合。对每个类进行一定整合，并设定一定的图片文字结合。网站的主页面魅力绍兴mmLoadMenus(); 大家好！欢迎光临本网站魅力绍兴 魅力绍兴 网页子模块-绍兴概况绍兴概况-魅力绍兴!-function mmLoadMenus() if (window

4、.mm_menu_1204203510_0) return; window.mm_menu_1204203510_0 = new Menu(root,90,25,14,#FFFFFF,#FFFFFF,#000000,#3184EA,center,middle,3,0,500,-5,7,true,false,true,0,false,false); mm_menu_1204203510_0.addMenuItem(地理位置,location=location.html); mm_menu_1204203510_0.addMenuItem(绍兴行政,location=xingzheng.html)

5、; mm_menu_1204203510_0.hideOnMouseOut=true; mm_menu_1204203510_0.bgColor=#555555; mm_menu_1204203510_0.menuBorder=1; mm_menu_1204203510_0.menuLiteBgColor=#FFFFFF; mm_menu_1204203510_0.menuBorderBgColor=#777777; window.mm_menu_1204204047_0 = new Menu(root,90,25,14,#FFFFFF,#FFFFFF,#000000,#3184EA,cent

6、er,middle,3,0,500,-5,7,true,false,true,0,false,false); mm_menu_1204204047_0.addMenuItem(古代历史,location=gdls.html); mm_menu_1204204047_0.addMenuItem(近代历史,location=jdls.html); mm_menu_1204204047_0.hideOnMouseOut=true; mm_menu_1204204047_0.bgColor=#555555; mm_menu_1204204047_0.menuBorder=1; mm_menu_1204

7、204047_0.menuLiteBgColor=#FFFFFF; mm_menu_1204204047_0.menuBorderBgColor=#777777;window.mm_menu_1204204427_0 = new Menu(root,90,25,14,#FFFFFF,#FFFFFF,#000000,#3184EA,center,middle,3,0,500,-5,7,true,false,true,0,false,false); mm_menu_1204204427_0.addMenuItem(鲁迅,location=ls.html); mm_menu_1204204427_0

8、.addMenuItem(蔡元培,location=cyp.html); mm_menu_1204204427_0.addMenuItem(王羲之,location=wxz.html); mm_menu_1204204427_0.addMenuItem(谢灵运,location=xly.html); mm_menu_1204204427_0.hideOnMouseOut=true; mm_menu_1204204427_0.bgColor=#555555; mm_menu_1204204427_0.menuBorder=1; mm_menu_1204204427_0.menuLiteBgCol

9、or=#FFFFFF; mm_menu_1204204427_0.menuBorderBgColor=#777777; window.mm_menu_1204204617_0 = new Menu(root,110,25,14,#FFFFFF,#FFFFFF,#000000,#3184EA,center,middle,3,0,500,-5,7,true,false,true,0,false,false); mm_menu_1204204617_0.addMenuItem(鲁迅故里,location=lxgl.html); mm_menu_1204204617_0.addMenuItem(鉴湖,

10、location=jh.html); mm_menu_1204204617_0.addMenuItem(兰亭森林公园,location=ltslgy.html); mm_menu_1204204617_0.addMenuItem(西施故里,location=xsgl.html); mm_menu_1204204617_0.hideOnMouseOut=true; mm_menu_1204204617_0.bgColor=#555555; mm_menu_1204204617_0.menuBorder=1; mm_menu_1204204617_0.menuLiteBgColor=#FFFFFF

11、; mm_menu_1204204617_0.menuBorderBgColor=#777777;window.mm_menu_1204205415_0 = new Menu(root,90,25,14,#FFFFFF,#FFFFFF,#000000,#3184EA,center,middle,3,0,500,-5,7,true,false,true,0,false,false); mm_menu_1204205415_0.addMenuItem(绍兴茴香豆,location=hxd.html); mm_menu_1204205415_0.addMenuItem(绍兴黄酒,location=mgc.html); mm_menu_1204205415_0.hideOnMouseOut=true; mm_menu_120420541