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

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

《《网站设计与开发》综合实验指导静态Word格式.docx》由会员分享，可在线阅读，更多相关《《网站设计与开发》综合实验指导静态Word格式.docx（16页珍藏版）》请在冰点文库上搜索。

学号：

专业：

年级：

指导老师：

完成日期：

年月日

[综合性实验报告]

一、实验目的及要求

实验的目的是：

1．巩固和加深学生对课程的基本知识的理解和掌握；

2．掌握运用所学知识，进行网页设计的能力；

3．掌握书写综合性实验报告文档的能力；

实验的要求是：

1．静态设计部分：

2．公开演示及讲解网页的主题思想，主要内容，制作技巧的使用。

二、方案设计思路

通过静态网页知识的学习，掌握了一定的静态网页设计与制作技术。

运用所学知识，制作一个介绍家乡绍兴的网站。

利用学到的一些布局技术和从网上收集的素材对网页进行排版，美化。

三、操作步骤

收集关于绍兴的文字和图片资料，进行筛选，分类，整合。

对每个类进行一定整合，并设定一定的图片文字结合。

网站的主页面

<

!

DOCTYPEhtmlPUBLIC"

-//W3C//DTDXHTML1.0Transitional//EN"

"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

>

htmlxmlns="

//www.w3.org/1999/xhtml"

head>

metahttp-equiv="

Content-Type"

content="

text/html;

charset=gb2312"

/>

title>

魅力绍兴<

/title>

linkhref="

css/style.css"

rel="

stylesheet"

type="

text/css"

scriptlanguage="

JavaScript"

--

functionmmLoadMenus（）{

if（window.mm_menu_1204203510_0）return;

window.mm_menu_1204203510_0=newMenu（"

root"

90,25,"

"

14,"

#FFFFFF"

"

#000000"

#3184EA"

center"

middle"

3,0,500,-5,7,true,false,true,0,false,false）;

mm_menu_1204203510_0.addMenuItem（"

地理位置"

location='

location.html'

）;

绍兴行政"

xingzheng.html'

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=newMenu（"

mm_menu_1204204047_0.addMenuItem（"

古代历史"

gdls.html'

近代历史"

jdls.html'

mm_menu_1204204047_0.hideOnMouseOut=true;

mm_menu_1204204047_0.bgColor='

mm_menu_1204204047_0.menuBorder=1;

mm_menu_1204204047_0.menuLiteBgColor='

mm_menu_1204204047_0.menuBorderBgColor='

window.mm_menu_1204204427_0=newMenu（"

mm_menu_1204204427_0.addMenuItem（"

鲁迅"

ls.html'

蔡元培"

cyp.html'

王羲之"

wxz.html'

谢灵运"

xly.html'

mm_menu_1204204427_0.hideOnMouseOut=true;

mm_menu_1204204427_0.bgColor='

mm_menu_1204204427_0.menuBorder=1;

mm_menu_1204204427_0.menuLiteBgColor='

mm_menu_1204204427_0.menuBorderBgColor='

window.mm_menu_1204204617_0=newMenu（"

110,25,"

mm_menu_1204204617_0.addMenuItem（"

鲁迅故里"

lxgl.html'

鉴湖"

jh.html'

兰亭森林公园"

ltslgy.html'

西施故里"

xsgl.html'

mm_menu_1204204617_0.hideOnMouseOut=true;

mm_menu_1204204617_0.bgColor='

mm_menu_1204204617_0.menuBorder=1;

mm_menu_1204204617_0.menuLiteBgColor='

mm_menu_1204204617_0.menuBorderBgColor='

window.mm_menu_1204205415_0=newMenu（"

mm_menu_1204205415_0.addMenuItem（"

绍兴茴香豆"

hxd.html'

绍兴黄酒"

mgc.html'

mm_menu_1204205415_0.hideOnMouseOut=true;

mm_menu_1204205415_0.bgColor='

mm_menu_1204205415_0.menuBorder=1;

mm_menu_1204205415_0.menuLiteBgColor='

mm_menu_1204205415_0.menuBorderBgColor='

window.mm_menu_1204205503_0=newMenu（"

mm_menu_1204205503_0.addMenuItem（"

地形"

dx.html'

mm_menu_1204205503_0.hideOnMouseOut=true;

mm_menu_1204205503_0.bgColor='

mm_menu_1204205503_0.menuBorder=1;

mm_menu_1204205503_0.menuLiteBgColor='

mm_menu_1204205503_0.menuBorderBgColor='

mm_menu_1204205503_0.writeMenus（）;

}//mmLoadMenus（）

//-->

/script>

src="

js/mm_menu.js"

/head>

body>

JavaScript1.2"

mmLoadMenus（）;

divid="

outer"

<

divclass="

shouye"

ahref="

index.html"

/a>

/div>

main"

top"

nav"

imgsrc="

images/index_02.jpg"

alt="

nav1"

about.html"

images/index_03.jpg"

nav2"

name="

image1"

border="

0"

id="

onmouseover="

MM_showMenu（window.mm_menu_1204203510_0,0,34,null,'

image1'

）"

onmouseout="

MM_startTimeout（）;

history.html"

images/index_04.jpg"

nav3"

image2"

MM_showMenu（window.mm_menu_1204204047_0,0,34,null,'

image2'

mingren.html"

images/index_05.jpg"

nav4"

image3"

MM_showMenu（window.mm_menu_1204204427_0,0,34,null,'

image3'

lvyou.html"

images/index_06.jpg"

nav5"

image4"

MM_showMenu（window.mm_menu_1204204617_0,0,34,null,'

image4'

techan.html"

images/index_07.jpg"

nav6"

image5"

MM_showMenu（window.mm_menu_1204205415_0,0,34,null,'

image5'

huanjing.html"

images/index_08.jpg"

nav7"

image6"

MM_showMenu（window.mm_menu_1204205503_0,0,34,null,'

image6'

images/index_09.jpg"

nav8"

content"

style="

background:

url（images/index_10.jpg）"

<

divstyle="

height:

40px;

notice"

marqueescrollamount="

5"

direction="

left"

width="

890px;

大家好！

欢迎光临本网站——魅力绍兴<

/marquee>

con"

border:

none;

footer"

魅力绍兴<

/body>

/html>

网页子模块---绍兴概况

绍兴概况-魅力绍兴<

mm_menu_120420541