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

计算机与信息工程系网页设计与制作课程设计报告学号2014-2015学年第一学期*网页设计与制作课程设计报告主题：影视公司的网页设计专业：数字媒体技术类别：十二(一)班名称：*指导教师：*成绩：计算机与信息工程系统二零零一四年六月二十日目录1设计内容和要求21.1设计内容21.2设计任务和具体要求22总体设计32.1本网站的功能概述32.2网站设计概述图33设计流程43.1各模块的设计流程43.2键码和效果处理的分析说明94设计结果和分析115小结12谢礼13参考文献141设计内容和要求1.1设计内容维影影视网站主要按课程设计要求设计，了解了电影公司的基本情况。 该网站主要包括六个模块1 )导航栏模块主要针对主页、产品展示、新闻动态、留言板以及我们，与我们联系。2 )新闻动态模块，最近的影像相关信息。3 )产品分类模块主要是一些电影的类型分类。4 )在线咨询模块向来访者提供我们的在线服务。5 )介绍公司介绍模块、公司的基本情况；6 )介绍人气产品模块，本公司的人气电影。1.2设计任务和具体要求主要利用Photoshop和Dreamweaver进行小电影公司的网站开发，网站内容涵盖了电影公司最基本的情况和电影公司最新的电影出现的情况，提供一系列人工在线服务，为我们的来访者解决这个问题。要求：明确课程设计的目的，根据课程设计的要求，查阅相关文献，重点是提高能够准备完成设计所需知识的学生在Photoshop和Dreamweaver中编程的能力，提高在Dreamweaver中的web制作技术水平2整体设计2.1本网站的功能概述该网站的主要功能是通过介绍电影公司的基本情况，作为功能性网站向我们展示，包括最新的电影展示在内，最终的目的是为想制作电影的公司提供服务，宣传自己。2.2网站设计概要图图1整体布局图3设计流程3.1各模块的设计流程1 )主页模块设计本模块主要展示了我们网站的基本框架和基本功能，通过主页展示了我们的维影网站的总体布局，以及我们的访问者能从我们的网站获得什么样的相关信息，一眼就能看出我们是一家实力雄厚的大公司图2主页模块设计图2 )产品展示模块设计该模块主要展示电影公司最近拍摄的电影，通过电影展示我们电影公司的电影实力。图3产品展示模块设计图3 )留言板模块设计这个模块主要是让我们的来访者对电影的看法和他们对电影的看法，喜欢看什么样的电影，让我们公司用这些宝贵的看法做得更好是吸收民意的好方法。图4旅游宝典模块设计图4 )联系模块设计这个模块主要是为了把我们的地理坐标传达给来访者，如果有人想委托我们公司包装专栏或是宣传电影等的话，就可以在这个地址找到我们公司。联系图5页的设计图5 )在线呼叫模块设计本模块主要为来访者提供一些在线服务，解决他们的一些问题，是我们在线交流的必要手段，无论来访者遇到什么问题，我们公司都能一一解决，这是一项慷慨的服务。图6旅游景点模块设计图3.2分析和说明键码和效果处理1)1)主页部分设计代码王冶4设计结果与分析在设计和制作网页的过程中，不是一帆风顺，而是经常出现难以想象的错误。1 .首先在ps中设计时，必须考虑各模块的配置、设定、页面整体的倾斜度等。 否则，Dreamweaver可能会遇到很多问题。2 .为每页添加居中对齐。3 .请在ps中设计所有页面，然后导入Dreamweaver设计代码。 不那样的话，以后工作会更多。4 .要更改页面的背景颜色，请在页面属性中进行设置。5 .向页面添加链接时，请务必使用链接的相对地址。 否则，会发生网站发送到服务器端而无法显示的问题。6 .希望所有网页所使用的图像都放在同一文件夹下。 这是为了便于以后检查错误的管理和修改。7 .使用PS导出为web格式时，需要事先剪切各模块，以便Dreamweaver能够简化代码设计。8 .设计后对整个网站进行调试和测试。五海里随着网络技术的发展和日常更新，网络给人们的生活带来了各种便利，人们可以不出门买自己想要的东西，看自己想看的视频，看各种新闻。 这一切都是托了互联网的福，光靠互联网是不够的。 因为光靠互联网是得不到自己想要的东西的，所以作为互联网中的重要节点发挥着重要的作用，通过各种各样的网站可以找到自己想要的东西。 网络作为网站的内容和载体发挥了不可小视的作用。某网站的网站制作是否美丽，是否符合网站的主题，是否与顾客的直接感受有关，最终是否与网站的最后总体利益有关，目前网站通常作为获利手段存在， 在设计那个网站时，应该尽量从顾客和收益性的角度来考虑，当然公益性的网站应该排除在外，但还是要完善。 最终，他面向整个互联网全球化。因此，通过这次的课程设计，一个网站的设计的美丽，不是一朝一夕就能完成的，而是我们必须先做前面的企划和设计，决定网站的主题，围绕主题进行一系列的页面设计，设计时必须在头脑中有基本的雏形如果使用Dreamweaver设计此页面的代码，建议您一次添加整个网页的链接，以便将整个页面置于中心并将链接添加到热点。 否则，两次打开添加的作业会大幅增加。最后，最重要的是，通过测试和调整整个网站，只要完成了这一点，就完成了网站的设计和制作。道谢在这次网络制作课程的设计中，我的老师和同学给了我很大的帮助。 尤其是我的指导老师樊郁徽老师，还有我的主页制作班主任章功干老师。 在这里，我要感谢他们！ 谢谢他们在我遇到困难时帮助我。 我也感谢所有帮助我的同学！12参考文献1邓军启、刘治国、赵喜来等人着. Dreamweaver cs 4网页设计和网站建设标准教程.北京：清华大学出版社，20102丁士峰等