杭州西湖区网页设计培训班

网页设计的基础知识  

一、认识互联网  

Internet是一个全球性的计算机互联网络，中文名称为“国际互联网”或“因特网”。  

它集现代通信技术和现代计算机技术于一体，是计算机之间进行国际信息交流和实现资源共享的良好手段。  

Internet将各种各样的物理网络连接起来，构成一个整体，而不考虑这些网络的类型、规模、和地理位置的差异。  

互联网是全球最大的信息资源库，几乎包括了人类生活的方方面面的信息，在社会的各个方面为全人类提供便利。  

二、域名与空间  

域名  

域名是由一串用点分隔的字符组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位(有时也指地理位置，地理上的域名，指代有行政自主权的一个地方区域)。  

域名是企业或事业单位在因特网上进行相互联络的网络地址。  

域名是企业和事业单位进入因特网必不可少的身份证明。  

空间  

网站是建立在网络服务器上的一组电脑文件，它需要占据一定的硬盘空间，也就是一个网站所需的网站空间。  

三、网页与网站  

网页  

网页是一种可以在互联网上传输，能被浏览器识别并翻译成页面并显示出来的文件。  

网页是网站的基本构成元素。  

网站  

网页也叫做站点，是提供各种信息和服务的基地。  

网站是有独立域名，独立存放空间的内容的集合，这些内容可能是网页，也可能是程序或其他文件。  

很多网页链接在一起就组成了一个网站。  

四、静态网站与动态网站  

静态网页  

网页又称HTML文件，在网站建设初期经常采用静态网页的形式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。静态网页的特点如下。  

网页的内容不会发生变化，除非网页设计者修改了网页的内容。  

不能实现与浏览网页的用户之间的交互。  

动态网页  

动态网页是指网页文件里包含了程序代码，通过后台数据库与Web服务器的信息交互，由后台数据库提供实时数据更新和数据查询服务。动态网页的特点如下。  

以数据库技术为基础，可以大大降低网站维护的工作量。  

可以实现如用户注册、用户登陆、搜索查询等更多的功能。  

动态网页并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。  

需要做一定的技术处理才能适应搜素引擎的要求。  

五、网站的类型  

网站是多个网页的集合，目前还没有一个严谨的网站分类方式。按照主体性质划分，网站可以划分为门户网站、电子商务网站、娱乐网站、游戏网站、时尚网站及个人网站的等。  

网页设计基础知识  

认识网页与网站  

网页(WebPage)实际上是一个文件，网页经由网址(URL)来识别与存取。当浏览者输入一个网址或单击某个链接，在浏览器中显示出来的就是一个网页。  

网站(WebSite)是各种各样网页的集合，有的网站内容众多，如新浪、搜狐等门户网站;有个网站只有几个页面，如个人网站。在构成网站的众多网页中，有一个页面比较特殊，称为首页(HomePage)。例如，当浏览者输入搜狐网站地址“www.sohu.com”后出现在第一个页面，即sohu网站的首页，如图1.1所示。浏览者可以根据首页的导航进入其他页面，了解更多内容。  

网页的基本构成要素  

虽然网页种类繁多，形式内容各有不同。但网页的基本构成要素大体相同，包括标题(Logo)、导航、文本、图片、动画、超链接、表单、音视频等，如图所示。网页设计就是要将上述构成要素有机整合，表达出美与和谐。  

网站建设的基本流程  

规范的网站建设应遵循一定的流程，主要由规划设计阶段、实施发布阶段、评价阶段组成，各个阶段的具体环节如图所示。  

网页版式设计  

网页的版式设计是网页设计的核心，主要内容包括网页整体布局设计和导航样式的设计。本节将介绍常见的几种网页布局，以及网页导航设计应遵循的原则。  

网页布局  

网页布局是网页设计的基础，目前网页的布局主要可归为三大类型：分栏式结构、区块分布式结构、无框架局限式结构。  

1.分栏式结构  

2.区域分布式结构  

3.无框架局限式结构  

导航设计  

导航是网页设计中不可或缺的基础元素之一。导航就如同一个网站的路标，有了它就不会在浏览网站时“迷路”。导航链接着各个页面，只要单击导航中的超级链接就能进入相应的页面。  

导航设计的好坏，决定着用户是否能很方便地使用网站。导航设计应直观明确，最大限度地为用户使用考虑，尽可能使网页切换更便捷。导航的设计要符合整个网站的风格和要求，不同的网站会采用不同的导航方式。一般来说，在网页的上端或左侧设置导航栏是比较普遍的方式，如图1.9所示。网站采用上端文字作为一级导航，左侧树状结构菜单作为二级导航。  

导航设计应遵循以下原则：  

让用户了解当前所处的位置;  

让用户能根据走过的路径，确定下一步的前进方向和路径;  

不需要浏览太多的页面才能找到需要的信息，让用户能快速而简捷地找到所需的信息，并以最佳的路径到达这些信息;  

让用户使用网站遇到困难时，能寻求到解决困难的方法，找到最佳路径;  

让用户清楚地了解整个网站的结构概况，产生整体性感知;