网页设计与制作课程设计报告_第1页
网页设计与制作课程设计报告_第2页
网页设计与制作课程设计报告_第3页
网页设计与制作课程设计报告_第4页
网页设计与制作课程设计报告_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、精选优质文档-倾情为你奉上学号2014-2015学年 第一学期*网页设计与制作课程设计报告题目：维影影视公司网页设计专业：数字媒体技术班级：12（1）班姓名：*指导教师：*成绩：计算机与信息工程系二0一四年六月二十日目 录 专心-专注-专业1 设计内容及要求1.1设计内容维影影视网站主要根据课程设计要求进行设计，并了解了维影公司的基本情况，该网站主要包括六大模块：1）导航栏模块，主要有首页、产品展示、新闻动态、留言板、关于我们、联系我们。2）新闻动态模块，最近的一些影视方面的信息。 3）产品分类模块，主要是些电影的类型分类。4）在线客服模块，为来访者提供一些我们公司的在线服务。5）公司简介模块

2、，介绍公司的一些基本情况。6）热销产品模块，向大家介绍一些我们公司的一些热销电影。 1.2设计任务及具体要求主要利用Photoshop和Dreamweaver进行一个小型的影视公司网站开发，网站内容涵盖了维影影视公司的一些最基本情况，以及维影公司的最新电影出台情况，并且提供一系列的人工在线服务为我们的来访者解答这种问题。 要求：明确课程设计的目的，能根据课程设计的要求，查阅相关文献，为完成设计准备必要的知识； 提高学生用Photoshop和Dreamweaver进行程序设计的能力，重点提高用Dreamweaver进行网页制作技术水平；初步了解软件开发的一般方法和步骤； 提高撰写技术文档的能力。

3、2 总体设计2.1该网站的功能简介该网站的主要功能是介绍维影公司的基本情况，并作为一个功能型的网站展示给我们大家，包括一些最新电影展示，最终目的还是为一些想做影视的公司提供一些服务，宣传自己。2.2 网站设计概括图图1 总体布局图3设计过程3.1各个模块的设计流程 1）主页模块设计该模块主要是是展示我们网页的基本框架，以及有什么基本功能，通过主页我们可以很清晰的看到我们维影网站的整体布局，以及我们来访者可以从我们网站上获得什么相关的信息，一目了然看到我们是一个实力雄厚的大公司，从网站我们就可以看到该公司是一个结构分明，管理有条不紊。 图2 主页模块设计图2）产品展示模块设计 该模块主要是展示维

4、影公司最近一段时间的所拍摄的电影，通过电影展示我们维影公司的影视实力。图3 产品展示模块设计图3）留言板模块设计该模块主要为供我们来访者提一些关于影视方面的意见，以及他们对电影的看法，以及喜欢看什么类型的电影，好让我们公司通过这些宝贵意见做的更好，是项吸纳民意的好办法。图4 旅游宝典模块设计图4）联系我们模块设计该模块主要为将我们的地理坐标告诉来访者，如果有人愿意找我们公司做一些什么关于栏目包装、宣传片什么之类的可以通过该地址找到我们公司。 图5 联系我们页面设计图5）在线客服模块设计该模块主要为来访者提供一些在线服务，为他们解答一些先关的疑难问题，是我们在线交流的必要手段，不管来访者有什么问

5、题，我们公司都可以一一解答，这是一个仁智的服务。图6 旅游景点模块设计图3.2对关键代码和效果处理加以分析说明1）主页部分设计代码<html><head><title>wangye</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

6、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" ma

7、rginheight="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

8、 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>

9、;<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="2"><a href=&q

10、uot;index.html"><img src="images/index_03.jpg" width="57" height="35" alt=""></a></td><td colspan="2" rowspan="5"><img src="images/index_04.jpg" width="37" height="379" alt=&q

11、uot;"></td><td colspan="3" rowspan="2"><a href="cpzs.html"><img src="images/index_05.jpg" width="58" height="35" alt=""></a></td><td colspan="2" rowspan="5"><

12、;img src="images/index_06.jpg" width="30" height="379" alt=""></td><td colspan="2"><a href="xwdt.html"><img src="images/index_07.jpg" width="65" height="27" alt=""></a>

13、;</td><td width="22" rowspan="6"><img src="images/index_08.jpg" width="22" height="381" alt=""></td><td width="69"><a href="lyb.html"><img src="images/index_09.jpg" width=

14、"69" height="27" alt=""></a></td><td width="27" rowspan="6"><img src="images/index_10.jpg" width="27" height="381" alt=""></td><td colspan="2" rowspan="2"

15、><a href="gywm.html"><img src="images/index_11.jpg" width="63" height="35" alt=""></a></td><td width="15" rowspan="6"><img src="images/index_12.jpg" width="15" height="3

16、81" alt=""></td><td width="71" rowspan="2"><a href="lxwm.html"><img src="images/index_13.jpg" width="71" height="35" alt=""></a></td><td colspan="8" rowspan="

17、3"><img src="images/index_14.jpg" width="861" height="339" alt=""></td><td><img src="images/&#x5206;&#x9694;&#x7b26;.gif" width="1" height="27" alt=""></td></tr><

18、;tr><td colspan="2" rowspan="5"><img src="images/index_15.jpg" width="65" height="354" alt=""></td><td rowspan="5"><img src="images/index_16.jpg" width="69" height="354"

19、alt=""></td><td><img src="images/&#x5206;&#x9694;&#x7b26;.gif" width="1" height="8" alt=""></td></tr>4设计结果与分析在进行网页设计与制作的过程中，并不是一帆风顺的，总会遇到很多在想象不到的错误。1.首先在ps里进行设计时要事先想好各个模块该怎么摆放，怎么设置，整个页面是否倾斜等都应考虑，否则在Dreamwe

20、aver里会带来很多的麻烦。2.要为每个页面添加居中操作。3.应先把所有页面在ps里设计好，再导入到Dreamweaver里进行代码设计，否则会为后来增加更多的工作量。4.修改页面的背景颜色，可以在修改-页面属性进行设置。5.在对页面添加链接时，切记要使用链接的相对地址，否则会使网站传送到服务器端将无法显示的问题。6.最好将所有网页中使用到的图片放置在同一个文件夹下，这样便于后期查错的管理和修改。7. 在使用ps导出为web格式时，要事先将各个模块切割好，便于到Dreamweaver里进行代码设计。8.设计好后要对整个网站进行调试与测试。5 小 结随着互联网技术的发展和日益更新，网络为人们的生活带来了各种各样的便利，人们足不出户便可以买到自己想要的东西，看自己想看的视频，浏览各种各样的新闻，这一切都归功于互联网，但是仅仅有互联网是远远不够的，如果只有互联网人们并不能获得自己想要的东西，所以网站作为互联网中的一个关键节点起着至关重要的作用，通过各种网站人们才能找到自己想要的东西，而网页作为网站的内容与载体更是起到了不可小觑的作用。一个网站的网页制作的是否精美，是否符合网站主题，关系到客户的直接感受，关系到人们是否愿意访问并停留在这个页面，最终的是关系到网站最后的整体收益，当

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论