网页设计开题报告

网页设计开题报告13篇

随着个人的素质不断提高，越来越多人会去使用报告，报告根据用途的不同也有着不同的类型。为了让您不再为写报告头疼，下面是小编精心整理的网页设计开题报告，欢迎大家借鉴与参考，希望对大家有所帮助。

一、网页设计的内容

网页设计中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1、视听元素

这里所说的视听元素，主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后，提供了基于ole的activex技术，用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和activex，javaapplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页设计的原则

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则:

1、主题鲜明

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被研究们即时地理解和接受，以满足研究们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

根据认知心理学的理论，大多数研究在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中，它要求视觉设计者的网页设计必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，生能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个研究站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先，设计是为主题服务的;其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”;最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败 而告终。

要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔第三卷)

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，生能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。

据有关资料所做的保守估计，目前在上网页数据传输平均以 ……此处隐藏20705个字……>京剧耐人寻味，韵味醇厚。京剧在形成之初，便进入了宫廷，使它的发育成长不同于地方剧种，对它的技艺的全面性、完整性也要求得更严，对它形象的美学要求也更高，其表演艺术更趋于虚实结合的表现手法，达到“以形传神，形神兼备”的艺术境界。在网页设计中要做到对京剧这个传统艺术内涵的发掘、创新、和表现。京剧中的五大角色的特征，对于相互独立又相互联系的角色如何在网页设计中把握它们的共性和个性。在网页设计、色彩设计、表现手法上尽多的融入现代设计元素，既符合年轻人的审美又要能深刻反映京剧文化的内涵。

关键问题在于如何把抽象的精神内涵变为可视的视觉形象。吸引更多的大众去人了解它、喜欢它、欣赏它。然后解决浏览器的兼容问题

4.完成本课题所必须的工作条件(如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等)及解决的办法

2)完成本课题的基本工具：有关网页设计方面的书籍

1.《网页配色实用手册 》 温鑫茶工作室 科学出版社 20xx年9月

2.《Dreamweaver CS4网页设计与制作指南 》 杨纪梅 清华大学出版社 20xx 年1月

3.《Flash CS3 网站商业设计从入门到精通 》 张大川 科学出版社 20xx年03月

4.《精通css+div网页样式和布局》 前沿科技 人民邮电出版社 20xx年

3)相关的尺寸：原始数据和资料(以实际考察提供的为依据)

4)相关的市场调研，了解网页设计的实际情形等。

5.完成本课题的工作方案及进度计划

1)、15-18周 通过现场调研、网络、图书馆搜集相关资料、了解当前设计公司设计的一些前沿，初步确定栏目推广设计的大体方向。

2)、19-20周 初步方案设计(在此期间确定方案，根据实际情况，进行具体情形前期设计，20xx-2012第二学期

3)、1-5周 方案细化设计。

4)、6-7周 协调整理，为毕业设计展览与答辩作相关准备

5) 8-10周 检查并校订本的设计稿和实物撰写毕业论文，打印、装订，提交整套设计资料。制做答辩汇报提纲。次毕业设计的所有实物和文挡

6)、11-12周 布置毕业设计展览

在经济迅速发展今天，Internet显得更为重要它是人们发布信息与传递信息重要渠道，为了与社会发展同步，为了让我们成为真正技术性人才。学校在本周为我们安排了维持一周网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正学以致用而不只是纸上谈兵。通过本周实习使我获得了更多新知识同时也使我使我认识到了自己在学习上许多不足，下面就谈谈我在本次专用周主要感受。

一、网站整体规划，要做网页第一步便是做网站整体规划这主要包括四个方面内容。

1讨论网站主题。

网站整体规划是做网页第一步也是制作网页最关键一步它决定了你要表答信息，因此我选择了我选择我最喜爱服饰来为它做网页。在平时我也对服装网页比较关心，无论是淘宝网上衣店还是各种品牌装。这次我是为“易菲”服饰做网页。

2定位网站CI形象。

“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族文化精髓，是厚德载物，是对人性宽度一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度一种挖掘。“生活如花，自在快乐”是YIFINI易菲设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐生活方式。这也便是我网站CI形象。

3确定栏目和板块。

于时间关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页主打色绿色。

4网站整体风格和创意。

整个网站创意就在于颜色搭配，与各种图片搭配，它们相互辉映，相互衬托。以便达到表现其品牌和谐之美、自然之美。我踩用淡蓝色和绿色为我网站主打色主要是因为我产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质花卉和自然元素融入设计之中，充分体现设计师和顾客所追求一种洒脱、舒适生活氛围，力求表现悠闲、舒畅、自然生活情趣。因此我用天空与自然颜色来表达这张自然之美、和谐之美。

二、网页制作前期策划与准备，在本阶级主要有两方面工作。

1资料搜集。

在做网页我上网收集了许多方面资料主要是有关网站布局与服饰品牌方面资料，我首先进它企业网站找了一些关于“易菲”服饰图片主要是一些代言形象还有代表其企业形象图片。其次我去浏览了许多网页观察其网页布局、颜色搭配、栏目、板块等方面内容，同时也搜集了一些对我有用资料。在搜索资料最困难便是动态图片搜集，动态图片其gif格式还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天时间来搜集我flash都不太成功，不过还搜到了可以换自己图片代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码搜索。在搜集资料过程之中我发现了自己许多不足之处，最关键就是平时对知识掌握不够，连最基本资料搜寻都觉得困难。也是我平时不够认真和努力表现。通过这次教训在以后我一定会做得更好，争取不范类似错误。

2熟悉制作软件。

做网页主要用工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常运用，但是出现问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面缺点，它是我平时不够认真具体表现。

三、网页制作，这便进入我该次主题了具体制作流程如下。

1构建站点框架。

在我打开Dremweaver后第一步便是新建站点，我把我站点建立在F仪下面。并将我搜集全部资料都保存在其文件夹中，以便网页制作时可以方便使用。

2设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页基本原则：统一，连贯，分割，对比及和谐原则，内容统一，都是为了主题服务，美容美体，一个网站强调就是一个整体，只有围绕一个统一目标所做设计才是成功；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用：这是非常重要，网络特殊环境下，尽量以最高效率方式将用户所要想得到信息传送给他就是最好，所以要去掉所有冗余东西。使用方便：同第一个是相一致，满足使用者要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美要求：布局有条理，充分利用美形式，是网页富有可。