网页设计与制作课程设计报告.docVIP

计算机与信息工程系《网页设计与制作》课程设计报告

PAGE0

学号

2014

2014-2015学年第一学期

《网页设计与制作》

课程设计报告

题目：

维影影视公司网页设计

专业：

数字媒体技术

班级：

12（1）班

姓名：

*******

指导教师：

***

成绩：

计算机与信息工程系

二0一四年六月二十日

目录TOC\o1-3\h\z\u

1设计内容及要求 0

1.1设计内容 0

1.2设计任务及具体要求 0

2总体设计 1

2.1该网站的功能简介 1

2.2网站设计概括图 1

3 设计过程 2

3.1各个模块的设计流程 2

3.2对关键代码和效果处理加以分析说明 5

4 设计结果与分析 9

5小结 10

致谢 11

参考文献 12

PAGE1

3 设计过程

3.1各个模块的设计流程

1）主页模块设计

该模块主要是是展示我们网页的基本框架，以及有什么基本功能，通过主页我们可以很清晰的看到我们维影网站的整体布局，以及我们来访者可以从我们网站上获得什么相关的信息，一目了然看到我们是一个实力雄厚的大公司，从网站我们就可以看到该公司是一个结构分明，管理有条不紊。

图2主页模块设计图

2）产品展示模块设计

该模块主要是展示维影公司最近一段时间的所拍摄的电影，通过电影展示我们维影公司的影视实力。

图3产品展示模块设计图

3）留言板模块设计

该模块主要为供我们来访者提一些关于影视方面的意见，以及他们对电影的看法，以及喜欢看什么类型的电影，好让我们公司通过这些宝贵意见做的更好，是项吸纳民意的好办法。

图4旅游宝典模块设计图

4）联系我们模块设计

该模块主要为将我们的地理坐标告诉来访者，如果有人愿意找我们公司做一些什么关于栏目包装、宣传片什么之类的可以通过该地址找到我们公司。

图5联系我们页面设计图

5）在线客服模块设计

该模块主要为来访者提供一些在线服务，为他们解答一些先关的疑难问题，是我们在线交流的必要手段，不管来访者有什么问题，我们公司都可以一一解答，这是一个仁智的服务。

图6旅游景点模块设计图

3.2对关键代码和效果处理加以分析说明

1）

主页部分设计代码

html

head

titlewangye/title

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8

styletype=text/css

body,td,th{

font-size:14px;

color:#FFF;

}

a:link{

text-decoration:none;

}

a:visited{

text-decoration:none;

color:#003;

}

a:hover{

text-decoration:none;

}

a:active{

text-decoration:none;

}

#__01trtdstronga{

color:#FFF;

}

/style

/head

bodybgcolor=#FFFFFFleftmargin=0topmargin=0marginwidth=0marginheight=0

!--SaveforWebSlices(wangye.psd)--

tablewidth=1823height=1258border=0align=centercellpadding=0cellspacing=0id=__01

tr

tdcolspan=28

imgsrc=images/index_01.jpgwidth=1822height=114alt=/td

tdwidth=1

imgsrc=images/#x5206;#x9694;#x7b26;.gifwidth=1height=114alt=/td

/tr

tr

tdwidth=447rowspan=25

imgsrc=images/index_02.jpgalt=width=447height=1143usemap=#Map5border=0/td

tdcolspan=3rowspan=2ahref=index.htmlimgsrc=images/index_03.jpgwidth=57height=35alt=/a/td

tdcolspan=2rowspan=5

imgsrc=images/index_04.jpgwidt