虽然网页种类繁多，形式内容各有不同，但网页的基本构成要素大体相同，包括标题(Logo)、导航、文本、图片、动画、超链接、表单、音视频等，网页设计就是要将上述构成要素有机整合，表达出美与和谐。下面是网页设计所用的知识点的介绍，希望对您有所帮助。
认识网页与网站
网页(Web Page)实际上是一个文件，网页经由网址(URL)来识别与存取。当浏览者输入一个网址或单击某个链接，在浏览器中显示出来的就是一个网页。
网站(Web Site)是各种各样网页的集合，有的网站内容众多，如新浪、搜狐等门户网站;有个网站只有几个页面，如个人网站。在构成网站的众多网页中，有一个页面比较特殊，称为首页(Home Page)。例如，当浏览者输入搜狐网站地址“www.sohu.com”后出现在第一个页面，即sohu网站的首页，如图1.1所示。浏览者可以根据首页的导航进入其他页面，了解更多内容。
网页的基本构成要素
虽然网页种类繁多，形式内容各有不同。但网页的基本构成要素大体相同，包括标题(Logo)、导航、文本、图片、动画、超链接、表单、音视频等。网页设计就是要将上述构成要素有机整合，表达出美与和谐。
网站建设的基本流程
规范的网站建设应遵循一定的流程，主要由规划设计阶段、实施发布阶段、评价阶段组成，各个阶段的具体环节如图所示。
网页版式设计
网页的版式设计是网页设计的核心，主要内容包括网页整体布局设计和导航样式的设计。本节将介绍常见的几种网页布局，以及网页导航设计应遵循的原则。
网页布局
网页布局是网页设计的基础，目前网页的布局主要可归为三大类型：分栏式结构、区块分布式结构、无框架局限式结构。
1.分栏式结构
2.区域分布式结构
3.无框架局限式结构
导航设计
导航是网页设计中不可或缺的基础元素之一。导航就如同一个网站的路标，有了它就不会在浏览网站时“迷路”。导航链接着各个页面，只要单击导航中的超级链接就能进入相应的页面。
导航设计的好坏，决定着用户是否能很方便地使用网站。导航设计应直观明确，最大限度地为用户使用考虑，尽可能使网页切换更便捷。导航的设计要符合整个网站的风格和要求，不同的网站会采用不同的导航方式。一般来说，在网页的上端或左侧设置导航栏是比较普遍的方式，如图1.9所示。网站采用上端文字作为一级导航，左侧树状结构菜单作为二级导航。
导航设计应遵循以下原则：
让用户了解当前所处的位置;
让用户能根据走过的路径，确定下一步的前进方向和路径;
不需要浏览太多的页面才能找到需要的信息，让用户能快速而简捷地找到所需的信息，并以最佳的路径到达这些信息;
让用户使用网站遇到困难时，能寻求到解决困难的方法，找到最佳路径;
让用户清楚地了解整个网站的结构概况，产生整体性感知;
网页风格设计
同样的版式设计，配色不同，文字样式不同，也可以呈现出多种不同的网页风格。本节将结合实例从网页配色、文字艺术两个方面对网页风格设计进行具体分析。
网页配色
设计精美的网站都有其色调构成的总体倾向。以一种或几种临近颜色为主导，使网页全局呈现某种和谐、统一的色彩倾向。下面介绍一些网页配色的具体经验。
运用色系。先根据网页主题，选定一种主色，然后调整透明度或饱和度，也就是将色彩变浅或加深，调配出新的色彩。这样的页面看起来色彩一致，有层次感，如图1.10所示。IBM网站运用蓝色系营造出蓝色海洋的感觉。
使用对比色。可以充分利用对比色进行设计，同时注意使用灰色调进行调和。这样的作品页面色彩丰富，如图1.11所示。
文字艺术
文字在版面中一般占有绝大部分空间，是网页信息的主要载体。处理好文字关系到网页设计的成败。字体的选择、字号的大小、文字的颜色、行与行的距离、段落与段落的安排，都需要认真考虑。好的文字设计会给网页增色不少，如图所示。
网站设计中需注意的重点
一、色彩搭配与图片设计
为了让图片在网页中做出最好的展示，可以尝试使用GIF动图，静态页面的展示尽量压缩图片，但前提是不改变图片的形状，这样提高了网站加载页面的速度。网站的色系是浏览者体征的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便，网页设计的色彩搭配也是很重要的，网页一般都是采用一种主色调外加两种辅助色调，网站的页面看上去要和谐温馨，简洁，有些网站经常使用各种色彩，没有重点没有特色，这让用户看上去感觉很不专业。
二、保证网站的导航设计清晰流畅
在网页设计中，导航是非常重要的，因为导航就好比指南针方向标，指引用户去想去的地方，用户通过网站的导航设计能迅速捕捉到重点和有效信息，这对提高用户的体验度十分有利。
导航的设计要让用户清楚的知道自己所处的位置，即使处于迷失森林中，也能清楚的知道方向，导航设计的按钮虽然占据的比例小，但是其在网站中的作用是不容忽视的。
三、浏览器的兼容性与整齐的排版
目前市场上，各种浏览器有很多，每个用户对浏览器都有自己的偏好，所以对网页的设计要求对常用的一些浏览器兼容，比如常用的火狐浏览器，谷歌浏览器，IE浏览器，360浏览器，搜狗浏览器等这些常用的浏览器，网站设计至少对这些常用浏览器兼容。
在网站设计中，排版也是相当重要，比如用户来到一个排版整齐有序的网站和来到一个排版很乱的网站用户的体验和心情是不一样的。在网页中，要确保文字的字体字号保持一致，网页设计的按钮尽量符合用户的浏览习惯。
四、对搜索引擎友好
现在很多网站的流量客户有大部分都是通过搜索引擎而来的，所以网站的设计要对搜索引擎友好，网站的栏目结构简单清晰明了，网页没有太多的flash动画，多媒体功能，所以网站需要随时进行优化，这样有利于搜索引擎的蜘蛛的抓取和爬行。让网站的关键词获得好的排名。
做网页设计必须懂得的要点
要点一：当你在设计网页时，你必须明白你所能掌握的时间是比较有限的
通常情况下，用户浏览一个网页的时间不会超过4秒钟。所以你是没有充足的时间吸引你的客户并让他们继续查看你的网站的。也就是说你应该要尽可能将你的网站是做什么的完整的展现在访客面前，这样你才可能留住更多的客户。
要点二：当你在设计网面时，你应该意识到访客都只略读页面
当你走入一间房间时，你并不会具体去看每一件东西的外表。刚开始的时候，你可能会观察屋子里面的人或者是物体的外形。你也有可能会环视一下整个屋子，接着就会去找那些让你感兴趣的东西。当访客第一次浏览某一个网站的时候亦是如此。因此作为网页设计师的你就应该要对访客进行引导，带他们去你想要他们去的地方，它们可能是一个登陆按钮，或者是更多内容按钮，也可以是博客、文章等等。
要点三：当你在设计网页时，你应该知道网站左上角是网页最明显的地方
网站左上角是网页最明显的地方，这个是大家公认的事实。之所以这样说，最主要的原因是因为人类都是以这种习惯的方式来读书及文章的(大家在阅读时都是从左上角开始的)。此外以前的网站及应用软件也是以这个方法为依据进行设计开发
因此在网站设计时，你可以选择将网站的LOGO放在网站最明显的地方，也就是左上角位置。同时你还可以考虑在此处加入一个或者是两个其他的元素，让这个位置看起来更加的明显。
做网站是一个十分复杂的事情，所有具中肯定有许多需要注意的问题，除了以上小编给大家介绍的这些知识之外，关于网站设计还有许多的技巧，这个就需要朋友们自己在实践中去总结了，当然你也可以选择从书中获得与网页设计相关的知识。
学会网页设计的技巧
一个好的网页设计，在美观基础上实用性也是并存的。字体、色彩、留白、内容的和谐安排可以让你的网页漂亮起来，实用、直观、层级简单却又有一些小心思设计的功能才可以让用户保留下来。做到这一点难度就比较大了。跟小编来看看怎么做吧。
留白很重要
留白是艺术中非常重要的一点，就包括你现在在看这篇文章，网页的左右两侧是不是都是空白的，留白可以让页面简单化，突出核心内容。给出最适合的距离。
提炼字体与色彩的使用
一个好的网页，字体花样不宜太多，饱和度高的色块字体会影响你网页的色彩平衡，你可以试一试只用简单的两三种颜色进行整体的设计和搭配。
考虑主流用户的体验效果
不要去顶着最大的分辨率制作，很多电脑打开根本显示不出来整个网页的设计，这一点应该多考虑主流用户的分辨率。
文字间距要注意
行距可以用CSS直接调整，文字的行距、间距、段落距离的合适，都能够提升用户的体验。
网页设计保持整体性
一个网站下面的子链接都应该使用同一套设计系统，这样才能让你的整个网站有联系性。
