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

学号 《》 课程设计报告 维影影视公司网页设计 专业： 数字媒体技术 班级： 12（1）班 姓名： ******* 指导教师： *** 成绩： 计算机与信息工程系 二0一四年六月二十日 目 录 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设计内容 《维影影视网站》主要根据进行设计，并了解了，该包括大模块： 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 meta http-equiv=Content-Type content=text/html; charset=utf-8 style type=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; } #__01 tr td strong a { color: #FFF; } /style /head body bgcolor=#FFFFFF leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 !-- Save for Web Slices (wangye.psd) -- table width=1823 height=1258 border=0 align=center cellpadding=0 cellspacing=0 id=__01 tr td colspan=28 img src=images/index_01.jpg width=1822 height=114 alt=/td td width=1 img src=images/#x5206;#x9694;#x7b26;.gif width=1 height=114 alt=/td /tr tr td width=447 rowspan=25 img src=images/index_02.jpg alt= width=447 height=1143 usemap=#Map5 border=0/td td colspan=3 rowspan=2a href=index.htmlimg src=images/index_03.jpg