媒体公司网站的设计与制作文档格式.doc
《媒体公司网站的设计与制作文档格式.doc》由会员分享，可在线阅读，更多相关《媒体公司网站的设计与制作文档格式.doc（36页珍藏版）》请在冰豆网上搜索。
班级名称:
多媒体0922
指导教师:
彭雪萍
2012年4月
27
南京蓝深泵业有限公司分公司网页制作毕业设计（论文）任务书
毕业设计（论文）任务书
设计（论文）题目：
指导教师：
彭雪萍
职称：
讲师
类别：
毕业设计
1、设计（论文）的主要任务
1）根据题目要求，查阅大量文献资料，并收集资料；
了解用不同软件制作网站的基本方法，并进行分析和比较。
2）以Dreamweaver软件为平台，结合图片处理软件制作一个媒体公司网站。
要求提交电子版原始文件（.html）
3）完成毕业论文。
2、设计（论文）的主要内容
1）网站设计与制作的相关基础知识；
2）媒体公司网站设计与策划（确定主题，明确网站要提供和发布的信息）；
3）媒体公司网站整体设计（网站LOGO设计、风格定位、主色调及视觉效果、网页布局及版面设计、栏目设计、导航设计）；
4）网站分步设计。
3、设计（论文）的基本要求
1）主题突出，内容充实，布局合理，结构清晰、规范。
2）色彩搭配合理、美观，设计有创意。
3）导航美观、醒目，跳转方便。
4）要求有网站LOGO。
独立完成网站制作并撰写论文。
4、主要参考文献
可参考相关文献资料和已有的相关网站
5、毕业设计（论文）时间安排
第一阶段：
资料收集整理
第二阶段：
对资料进行分析，构思网站主题，确定设计方案
第三阶段：
设计与制作媒体公司
第四阶段：
编写毕业论文、完善设计
备注：
毕业论文答辩时间为大约为2012年4月上旬，以系部通知时间为准，有特殊情况的学生请提前与系里联系。
注：
1、此表一式三份，系部、指导教师、学生各一份。
2、类别是指毕业论文或毕业设计，类型指应用型、理论研究型和其他。
I
南京蓝深泵业有限公司分公司网页制作毕业设计（论文）摘要
摘要
网页设计作为用户界面交互设计的延伸，是在新的媒体和新的技术支持下实现一个全新的设计创作领域。
设计创作网页应遵循其特有的特点和结构思路，具有实际可行性和外观时尚性。
本论文讲述了网站建设的一般步骤，并结合简洁明了的色彩应用与网页设计理论，通过南京蓝深分公司（泵业有限公司）网页制作实例，阐述了网页设计的视觉效果和具体操作。
详细地论述了多媒体公司网站设计与制作的相关概念和注意事项，包括公司网站的整体布局构架了解、素材的搜集以及概念的整理与运用。
随着信息技术的普及与推广，网上信息发布平台也越来越完善，进而对整体视觉感受的要求也随之提高。
在现在的生活中，网上购物与信息查找已经犹如空气般融入了我们的生活，不可或缺。
进而对公司的宣传与推广提供了又一途径。
关键词：
网页色彩网页制作web页面布局设计误区视觉传达设计
II
ABSTRACT
WebDesignasanextensionoftheinteractiveuserinterfacedesign,newmediaandnewtechnologiesSupporttoachieveawholenewfieldofcreativedesign.Creativedesignwebpagesshouldfollowthespecific，Featuresandstructureofideas,practicalfeasibilityandstylish.Thispaperdescribesthesitebuilt，Thegeneralstepstoset,combinedwithclearandconcisecolorapplicationsandWebdesigntheory,throughtheNanjing，DeepBlueBranch（PumpIndustryCo.,Ltd.）webproductioninstance,describesthevisualeffectofthewebdesign，Fruitandtheconcreteoperation.Discussedindetailthedesignandproductionofmulti-mediacompany'
sWebsiteconceptandNote,includingtheframeworkoftheoveralllayoutofthecompany'
sWebsitetounderstand,tocollectmaterialandconcepts，Organizeanduse.WiththepopularizationandpromotionofITandonlineinformationpublishingplatformmoreandmore，Perfect,andthusalsowillimprovetheoverallvisualexperiencerequirements.Inthepresentlife,onlinehoppingandinformationtofindhasbeenliketheairlikeintoourlives,indispensable.AndthenrightPublicityandpromotionofthecompanytoprovideanotherway.
Keywords：
WebpagecolorWebproductionwebpagelayoutdesignMythVisualCommunicationDesign
III
南京蓝深泵业有限公司分公司网页制作毕业设计（论文）目录
目录
前言 1
第1章网页设计制作流程 2
1.1网页制作流程 2
1.2网页设计制作步骤 2
1.3网页设计常用参数 3
1.4网页设计制作常用工具介绍 3
1.5网页布局 4
第2章网页色彩设计及视觉设计 6
2.1色彩在网页中的应用 6
2.2色彩在网页设计中的重要性 9
2.3视觉设计 10
第3章南京蓝深泵业有限公司分公司网页制作 13
3.1案例网页制作流程 13
3.2案例网页页面设计 14
3.3网页静态页面制作（div+cssjs） 19
3.4网页设计制作小结 23
第4章网页运行的总结 24
4.1浏览器兼容性问题 24
4.2web页面布局成为败笔的设计误区 27
第5章总结 29
参考文献 30
致谢 31
IV
南京蓝深泵业有限公司分公司网页制作毕业设计（论文）前言
前言
随着互联网的高速发展，许多人不在仅仅局限于网上冲浪，而是参与到网站建设中。
越来越多的企业高度重视自身企业在互联网上的形象，新产品面世，都可能独立开发一个网页展示平台，可以向客户介绍企业形象和实例。
网页展示，在如今的市场经济条件下品牌传播中的作用可见一斑，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。
结合我在公司实习过程，现就网站建设和管理过程中，网站设计与制作的具体经历，包括：
网页设计与制作过程中的网页布局，色彩构置，框架结构等相关事项做以下论述。
制作一个媒体公司网站，以确保其在相同网速流量的前提下，以最佳方式打开一个浏览界面，需要我们在制作网站页面中使用最佳的编排编码方式。
在前人总结经验下逐渐形成以div+css的布局效果取代table网页布局，在选取图片的同时根据需要对图片的大小体积进行一定的压缩与简化，最好用一个像素解决问题（使用css样式进行编排实现）。
在相同的情况下能用编码文字效果实现时最好取代图片效果。
1
南京蓝深泵业有限公司分公司网页制作毕业设计（论文）网页设计制作流程
第1章网页设计制作流程
1.1网页制作流程
1、客户基本要求：
在客户确定制作网站网页时，收取客户公司的一些基本网站内容资料；
2、制作工具：
准备制作网页的工具、图片制作工作、网络工具等；
超文本标识语言（HTML）编辑工具：
editplus、记事本、Dreamweaver
3、页面设计及美化工具；
使用工具：
所有可制作平面的软件推荐使用Photoshop、Flash
4、编写网页：
开始动手，编写网页，在Dreamweaver中使用div+css进行编辑制作。
1.2网页设计制作步骤
网页是网站的表现形式，网站是网页的集合，一个站点用的所有网页构成一个网站。
网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。
网页设计包含的内容非常多，大体分为两个方面：
一方面是纯网站本身的设计，如文字、排版、图片制作、平面设计静态图文和动态声音、影像等；
另一方面是网站的延伸设计，包括网站主题、浏览群体的定位、智能交互、制作策划、形象包装和宣传营销等
设计页面的第一步就是设计片面布局，就像报刊杂志版面设计一样，我们可以看做一张报纸或者一张杂志来进行排版布局。
1、草稿
新页面就像一张白纸，没有任何的约定俗成的东西，可以尽可能地发挥想象力，创造力，将想像的布局到页面上。
这是原创阶段，不必讲究细腻工整，可以在草稿本上先画出整个布局框架，把多个板块的位置先粗略的布置上去进行下一步工作的展示，这一步可以借助photoshop或其他一些制图工具软件来完成。
2、粗略布局
在草稿的基础上，将需要的功能模块放到页面上去，这时要遵循突出重点、整体协调的原则，首先将网站标志、导航条、banner等主要部分模块放在最突出的位置，然后考率其他模块的布局。
3、定稿
定稿即将粗略布局精细化、具体化，完成整个页面设计。
4、网页设计的制作
首先在根据客户的要
升级会员 