网页设计与制作专业课程设计方案报告.docVIP

学号

-第一

-第一学期

《网页设计和制作》

课程设计汇报

题目：

维影影视企业网页设计

专业：

数字媒体技术

班级：

12（1）班

姓名：

*******

指导老师：

***

成绩：

计算机和信息工程系

二0一四年六月二十日

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

1设计内容及要求 2

1.1设计内容 2

1.2设计任务及具体要求 2

2总体设计 3

2.1该网站功效介绍 3

2.2网站设计概括图 3

3 设计过程 4

3.1各个模块设计步骤 4

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

4 设计结果和分析 11

5小结 12

致谢 13

参考文件 14

1设计内容及要求

1.1设计内容

《维影影视网站》关键依据课程设计要求进行设计，并了解了维影企业基础情况，该网站关键包含六大模块：

1）导航栏模块，关键有首页、产品展示、新闻动态、留言板、相关我们、联络我们。

2）新闻动态模块，最近部分影视方面信息。

3）产品分类模块，关键是些电影类型分类。

4）在线客服模块，为来访者提供部分我们企业在线服务。

5）企业介绍模块，介绍企业部分基础情况。

6）热销产品模块，向大家介绍部分我们企业部分热销电影。

1.2设计任务及具体要求

关键利用Photoshop和Dreamweaver进行一个小型影视企业网站开发，网站内容涵盖了维影影视企业部分最基础情况，和维影企业最新电影出台情况，而且提供一系列人工在线服务为我们来访者解答这种问题。

要求：明确课程设计目标，能依据课程设计要求，查阅相关文件，为完成设计准备必需知识；提升学生用Photoshop和Dreamweaver进行程序设计能力，关键提升用Dreamweaver进行网页制作技术水平；初步了解软件开发通常方法和步骤；提升撰写技术文档能力。

2总体设计

2.1该网站功效介绍

该网站关键功效是介绍维影企业基础情况，并作为一个功效型网站展示给我们大家，包含部分最新电影展示，最终目标还是为部分想做影视企业提供部分服务，宣传自己。

2.2网站设计概括图

图1总体布局图

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)--

tablewi