网页技术相关探讨与静态网页设计毕业论文.doc

《网页技术相关探讨与静态网页设计毕业论文.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、网页技术相关探讨与静态网页设计毕业论文1绪论网页(webpage)，是网站中的一页，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。(MMORPG游戏魔兽世界官方网站)1.1网页简介什么是网页网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。网页（Webpage）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须

2、是与互联网相连的。网页经由网址（URL）来识别与存取,当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。是万维网中的一“页”，通常是HTML格式（文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。1.2网页设计网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企

3、业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。　　一、明确建立网站的目标和用户需求　　Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。　　在设计规划时我们会考虑：　　建设网站的目的是什么？　　为谁提供服务和产品？　　

4、企业能提供什么样的产品和服务？　　网站的目的消费者和受众的特点是什么？　　企业产品和服务适合什么样的表现方式（风格）？　　二、网页设计总体方案主题鲜明　　在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。　　Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。　　为了做到主题鲜明突出，要点明确，我们将按照

5、客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。建立网站的要点　　网页设计的两大要点是：整体风格和色彩搭配。　　一、确定网站的整体风格　　网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。　　风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我

6、们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。　　在这里，我提供给大家一些参考经验：　　1．将你的标志logo，尽可能的放在每个页面上最突出的位置。2．突出你的标准色彩。　　3．总结一句能反映贵站精髓的宣传标语！　　4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！　　二、网页色彩的搭配　　无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩

7、。　　关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。　　1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。　　2．用两种色彩。先选定一种色彩，然后选择它的对比色。　　3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。　　在网页配色中，还要切记一些误区：　　1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。　　2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背

8、景)，以便突出主要文字内容。制作网页的常见工具1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助