网页工作设计与制作课程工作设计总结报告.pdf

***** 学号 2014-2015 学年 第一学期 《网页设计与制作》 课程设计报告 题 目 ： 维影影视公司网页设计 专 业 ： 数字媒体技术 班 级 ： 12 （1）班 姓 名 ： ******* 指导教师： *** 成 绩 ： 计算机与信息工程系 二 0 一四年六月二十日 计算机与信息工程系 《网页设计与制作》课程设计报告 目 录 1 设计内容及要求 1.1 设计内容 《维影影视网站》主要根据课程设计要求进行设计，并了解了维影公司的基 本情况，该网站主要包括六大模块： 1）导航栏模块，主要有首页、产品展示、新闻动态、留言板、关于我们、 联系我们。 2 ）新闻动态模块，最近的一些影视方面的信息。 3 ）产品分类模块，主要是些电影的类型分类。 4 ）在线客服模块，为来访者提供一些我们公司的在线服务。 5 ）公司简介模块，介绍公司的一些基本情况。 6 ）热销产品模块，向大家介绍一些我们公司的一些热销电影。 1.2 设计任务及具体要求 主要利用 Photoshop 和 Dreamweaver 进行一个小型的影视公司网站开发，网 站内容涵盖了维影影视公司的一些最基本情况，以及维影公司的最新电影出台情 况，并且提供一系列的人工在线服务为我们的来访者解答这种问题。 要求：明确课程设计的目的，能根据课程设计的要求，查阅相关文献，为完 成设计准备必要的知识； 提高学生用 Photoshop 和 Dreamweaver 进行程序设计 的能力，重点提高用Dreamweaver 进行网页制作技术水平；初步了解软件开发的 一般方法和步骤； 提高撰写技术文档的能力。 0 计算机与信息工程系 《网页设计与制作》课程设计报告 2 总体设计 2.1 该网站的功能简介 该网站的主要功能是介绍维影公司的基本情况，并作为一个功能型的网站展 示给我们大家，包括一些最新电影展示，最终目的还是为一些想做影视的公司提 供一些服务，宣传自己。 2.2 网站设计概括图 图 1 总体布局图 1 3 设计过程 3.1 各个模块的设计流 1）主页模块设计 该模块主要是是展示我们网页的基本框架，以及有什么基本功能，通过主页 我们可以很清晰的看到我们维影网站的整体布局，以及我们来访者可以从我们网 站上获得什么相关的信息，一目了然看到我们是一个实力雄厚的大公司，从网站 我们就可以看到该公司是一个结构分明，管理有条不紊。 图2 主页模块设计图 2）产品展示模块设计 该模块主要是展示维影公司最近一段时间的所拍摄的电影，通过电影展 示我们维影公司的影视实力。 2 计算机与信息工程系 《网页设计与制作》课程设计报告 图 3 产品展示模块设计图 3）留言板模块设计 该模块主要为供我们来访者提一些关于影视方面的意见，以及他们对电影的 看法，以及喜欢看什么类型的电影，好让我们公司通过这些宝贵意见做的更好， 是项吸纳民意的好办法。 图4 旅游宝典模块设计图