网页设计所用的知识点.docx

网页设计所用的知识点

〔网页〔制定〕〕所用的知识点
虽然网页种类繁多，形式内容各有不同，但网页的基本构成要素大体相同，包括标题(Logo)、导航、文本、图片、动画、超链接、表单、音视频等，网页制定就是要将上述构成要素有机整合，表达出美与和谐。下面是网页制定所用的知识点的介绍，希望对您有所帮助。

熟悉网页与网站
网页(Web Page)实际上是一个文件，网页经由网址(URL)来识别与存取。当浏览者输入一个网址或单击某个链接，在浏览器中显示出来的就是一个网页。
网站(Web Site)是各种各样网页的集合，有的网站内容众多，如新浪、搜狐等门户网站;有个网站只有几个页面，如个人网站。在构成网站的众多网页中，有一个页面比较特别，称为首页(Home Page)。例如，当浏览者输入搜狐网站地址".sohu '后出现在第一个页面，即sohu网站的首页，如图1.1所示。浏览者可以依据首页的导航进入其他页面，了解更多内容。
网页的基本构成要素
虽然网页种类繁多，形式内容各有不同。但网页的基本构成要素大体相同，包括标题(Logo)、导航、文本、图片、动画、超链接、表单、音视频等。网页制定就是要将上述构成要素有机整合，表达出美与和谐。
网站建设的基本流程
规范的网站建设应遵循一定的流程，主要由规划制定阶段、实施发布阶段、评价阶段组成，各个阶段的具体环节如图所示。
网页版式制定
网页的版式制定是网页制定的核心，主要内容包括网页整体布局制定和导航样式的制定。本节将介绍常见的几种网页布局，以及网页导航制定应遵循的原则。
网页布局
网页布局是网页制定的基础，目前网页的布局主要可归为三大类型：分栏式结构、区块分布式结构、无框架局限式结构。
1.分栏式结构
2.区域分布式结构
3.无框架局限式结构
导航制定
导航是网页制定中不可或缺的基础元素之一。导航就如同一个网站的路标，有了它就不会在浏览网站时"迷路'。导航链接着各个页面，只要单击导航中的超级链接就能进入相应的页面。
导航制定的好坏，决定着用户是否能很方便地使用网站。导航制定应直观明确，最大限度地为用户使用合计，尽可能使网页切换更便捷。导航的制定要符合整个网站的风格和要求，不同的网站会采纳不同的导航方式。一般来说，在网页的上端或左侧设置导航栏是比较普遍的方式，如图1.9所示。网站采纳上端文字作为一级导航，左侧树状结构菜单作为二级导航。
导航制定应遵循以下原则：
让用户了解当前所处的位置;
让用户能依据走过的路径，确定下一步的前进方向和路径;
不必须要浏览太多的页面才干找到必须要的信息，让用户能快速而简捷地找到所必须的信息，并以最正确的路径到达这些信息;
让用户使用网站碰到困难时，能寻求到解决困难的方法，找到最正确路径;
让用户清楚地了解整个网站的结构概况，产生整体性感知;
网页风格制定

同样的版式制定，配色不同，文字样式不同，也可以浮现出多种不同的网页风格。本节将结合实例从网页配色、文字艺术两个方面对网页风格制定进行具体分析。
网页配色
制定精美的网站都有其色调构成的总体倾向。以一种或几种临近颜色为主导，使网页全局浮现某种和谐、统一的色彩倾向。下面介绍一些网页配色的具体经验。
运用色系。先依据网页主题，选定一种主色，然后调整透明度或饱和度，也就是将色彩变浅或加深，调配出新的色彩。这样的页面看起来色彩一致，有层次感，如图1.10所示。IBM网站运用蓝色系营造出蓝色海洋的感觉。
使用对比色。可以充分利用对比色进行制定，同时注意使用灰色调进行调和。这样的作品页面色彩丰富，如图1.11所示。
文字艺术
文字在版面中一般占有绝大部分空间，是网页信息的主要载体。处理好文字关系到网页制定的成败。字体的选择、字号的大小、文字的颜色、行与行的距离、段落与段落的安排，都必须要认真合计。好的文字制定会给网页增色不少，如图所示。
网站制定中必须注意的重点

一、色彩搭配与图片制定
为了让图片在网页中做出最好的展示，可以尝试使用GIF动图，静态页面的展示尽量压缩图片，但前提是不改变图片的形状，这样提升了网站加载页面的速度。网站的色系是浏览者体征的视觉观感，假设一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便，网页制定的色彩搭配也是很重要的，网页一般都是采纳一种主色调外加两种辅助色调，网站的页面看上去要和谐温馨，简洁，有些网站常常使用各种色彩，没有重点没有特色，这让用户看上去感觉很不专业。
二、确保网站的导航制定清楚流畅
在网页制定中，导航是非常重要的，因为导航就好比指南针方向标，指引用户去想去的地方，用户通过网站的导航制定能迅速捕捉到重点和有效信息，这对提升用户的体验度十分有利。
导航的制定要让用户清楚的知道自己所处的位置，即使处于迷失森林中，也能清楚的知道方向，导航制定的按钮虽然占据的比例小，但是其在网站中的作用是不容忽视的。
三、浏览器的兼容性与整齐的排版
目前市场上，各种浏览器有很多，每个用户对浏览器都有自己的偏好，所以对网页的制定要求对常用的一些浏览器兼容，比如常用的火狐浏览器，谷歌浏览器，IE浏览器，360浏览器，搜狗浏览器等这些常用的浏览器，网站制定至少对这些常用浏览器兼容。
在网站制定中，排版也是相当重要，比如用户来到一个排版整齐有序的网站和来到一个排版很乱的网站用户的体验和心情是不一样的。在网页中，要保证文字的字体字号坚持一致，网页制定的按钮尽量符合用户的浏览习惯。
四、对搜索引擎友好
现在很多网站的流量客户有大部分都是通过搜索引擎而来的，所以网站的制定要对搜索引擎友好，网站的栏目结构简单清楚明了，网页没有太多的flash动画，多媒体功能，所以网站必须要随时进行优化，这样有利于搜索引擎的蜘蛛的抓取和爬行。让网站的关键词获得好的排名。
做网页制定必须懂得的要点
要点一：当你在制定网页时，你必须明白你所能掌握的时间是比较有限的
通常状况下，用户浏览一个网页的时间不会超过4秒钟。所以你是没有充足的时间吸引你的客户并让他们持续查看你的网站的。也就是说你应该要尽可能将你的网站是做什么的完整的展现在访客面前，这样你才可能留住更多的客户。
要点二：当你在制定网面时，你应该意识到访客都只略读页面
当你走入一间房间时，你并不会具体去看每一件东西的外表。刚开始的时候，你可能会观察屋子里面的人或者是物体的外形。你也有可能会环视一下整个屋子，接着就会去找那些让你感兴趣的东西。当访客第一次浏览某一个网站的时候亦是如此。因此作为网页制定师的你就应该要对访客进行引导，带他们去你想要他们去的地方，它们可能是一个登陆按钮，或者是更多内容按钮，也可以是博客、文章等等。

要点三：当你在制定网页时，你应该知道网站左上角是网页最显然的地方
网站左上角是网页最显然的地方，这个是大家公认的事实。之所以这样说，最主要的原因是因为人类都是以这种习惯的方式来读书及文章的(大家在阅读时都是从左上角开始的)。此外以前的网站及应用软件也是以这个方法为依据进行制定开发
因此在网站制定时，你可以选择将网站的LOGO放在网站最显然的地方，也就是左上角位置。同时你还可以合计在此处加入一个或者是两个其他的元素，让这个位置看起来更加的显然。
做网站是一个十分复杂的事情，所有具中肯定有许多必须要注意的问题，除了以上我给大家介绍的这些知识之外，关于网站制定还有许多的技巧，这个就必须要朋友们自己在施行中去总结了，当然你也可以选择从书中获得与网页制定相关的知识。
学会网页制定的技巧
一个好的网页制定，在美观基础上有用性也是并存的。字体、色彩、留白、内容的和谐安排可以让你的网页美丽起来，有用、直观、层级简单却又有一些当心思制定的功能才可以让用户保留下来。做到这一点难度就比较大了。跟我来看看怎么做吧。
留白很重要
留白是艺术中非常重要的一点，就包括你现在在看这篇文章，网页的左右两侧是不是都是空白的，留白可以让页面简单化，特别核心内容。给出最合适的距离。
提炼字体与色彩的使用
一个好的网页，字体花样不宜太多，饱和度高的色块字体会影响你网页的色彩平衡，你可以试一试只用简单的两三种颜色进行整体的制定和搭配。
合计主流用户的体验效果
不要去顶着最大的分辨率制作，很多〔电脑〕打开根本显示不出来整个网页的制定，这一点应该多合计主流用户的分辨率。
文字间距要注意
行距可以用CSS直接调整，文字的行距、间距、段落距离的合适，都能够提升用户的体验。
网页制定坚持整体性
一个网站下面的子链接都应该使用同一套制定系统，这样才干让你的整个网站有联系性。

第 8 页 共 8 页