Photoshop+Dreamweaver+Flash+CSS完美网页设计经典范例
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 认识网站

最早的时候,网站只能保存单纯的文本,经过之后的发展,图像、声音、动画、视频,甚至3D技术开始在因特网上流行起来,网站慢慢地发展成现在的图文并茂的样子。通过动态网页技术,用户可以与其他用户或者网站管理者进行交流。网站为越来越多的用户提供了丰富的体验。

1.3.1 网站的基本概念

网站是有独立域名和独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其他文件。可以把网站看做是一系列文档的组合,这些文档通过各种链接关联起来,可能拥有相似的属性,如描述相关的主体、采用相似的设计或实现相同的目的等,也可能只是毫无意义的链接。利用浏览器,就可以从一个文档跳转到另一个文档,从而实现对整个网站的浏览。

根据不同的标准可将网站进行不同的分类。根据网站的用途进行分类,可分为门户网站(综合网站)、行业网站和娱乐网站等;根据网站的功能进行分类,可分为单一网站(企业网站)、多功能网站(网络商城)等;根据网站所用编程语言进行分类,可分为ASP网站、PHP网站、JSP网站和ASP. NET网站等;根据网站的持有者进行分类,可分为个人网站、商业网站和政府网站等。

从名称上理解,网站就是计算机网络上的一个站点,网页是站点中所包含的内容,网页可以是站点的一部分,也可以独立存在。一个站点通常由多个栏目构成,包含个人或机构用户需要在网站上展示的基本信息页面,同时还包括有关的数据库等。当用户通过IP地址或域名登录一个站点时,展现在浏览者面前的是该网站的主页。

1.3.2 建站流程

网站的分析和规划

网站设计一开始要解决的问题就是确定网站主题和表现风格,然后再进行网站的整体规划,也就是组织网站的内容和其他结构设计。网页制作者在明确网页制作的目的及内容后,接下来就是应该对网站进行规划,以确保文件内容条理清楚,结构合理,这样不仅可以很好地体现设计者的意图,也将增强网站的可维护性与可扩展性。

组织网站的内容可以从两个角度来考虑。从设计者的角度来考虑,可以依据被描述对象的组织结构和类别划分来组织内容;从浏览者的角度来考虑,就应该将各种素材依据浏览者的需要进行内容分类,以便浏览者可以快捷地获取所需的信息及相关内容。当然,设计网页时通常需要全方位、多方面考虑设计者和浏览者的需要,使网站最大限度地实现设计者的目标,并为浏览者提供最有效的信息服务。

合理的结构设计对于网站的规划也是至关重要的,常用的结构类型有以下3种。

1.层状结构

层状结构(如图1-9所示)类似于目录系统的树状结构,由网站文件的主页开始,依次划分为一级标题、二级标题等,逐级细化,直至提供给浏览者最具体的信息。在层状结构中,主页是对整个网站文件的概括和归纳,同时提供了与下一级的链接。层状结构具有很强的层次性。

图1-9 层状结构网站

2.线性结构

线性结构类似于数据结构中的线性表(如图1-10所示),用于组织本身的以线性顺序形式存在的信息,可以引导浏览者按部就班地浏览整个网站文件。这种结构一般都用在意义平行的页面上。

图1-10 线性结构网站

通常情况下,网站文件的结构是层状结构和线性结构相结合的,这样可以充分利用两种结构各自的特点,使网站文件既具有条理性和规范性,又可同时满足设计者和浏览者的要求。

3.Web结构

Web结构类似于Internet的组成结构,各网页之间形成网状链接(如图1-11所示),允许用户随意浏览。

图1-11 Web结构网站

在实际设计时,应该根据需要选择适合于网站文件的结构类型。

确定完网站结构之后,要完成的工作就要根据网站所要展示的内容,从各个部门去收集和整理资料。为了更好地反映这些内容,还需要准备一些素材,如图片、图标等。最后,再对所搜集的资料进行整理,完成整体规划。

网页的制作

1.静态网页的设计与制作

在开始制作网页之前,建议应花费少量时间对自己要制作的主页进行总体设计,例如,希望主页是什么样的风格,应该放一些什么信息,其他网页如何设计,以及分几层来处理等。通常在进行网页开发时,首先进行静态网页的制作,然后再在其中加入脚本程序、表单等动态内容。静态网页仅仅用来被动地发布消息,而不具有任何交互功能,是Web网页的重要组成部分。

2.为网页添加动态效果

静态网页制作完成后,接下来的工作就是为网页添加动态效果,包括一些脚本语言程序和数据库程序的设计,以及加入动画效果等。

仅仅由静态页面组成的网站,不过是传统媒体的一种电子化而已,原来需要印刷在纸张上的内容现在被放到了网络上,用户在站点中切换页面,不过像在现实中翻阅书籍那样,这样的站点不仅生命力有限,也无法体现网络时代带来的优势。一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容,而且还应该做更多的事情,完成比页面浏览更高层次的需求,如收集信息、数据传递、数据存储和系统维护等。

随着Internet技术的不断提高,越来越多的人开始意识到动态网页的重要性,“动态”页面的编写也逐渐替代了“静态”页面的编写,成为当今站点创作的主流。很多人不再满足于利用网上免费的“个人主页空间”,而是将目光放到构建真正的个人站点上来。

网站的维护

当网页设计人员制作完所有网站页面之后,需要对所设计的网页进行审查和测试,测试内容包括功能性测试和完整性测试两个方面。所谓功能性测试是指保证网页的可用性,达到最初的内容组织设计目标,实现所规定的功能,读者可方便快速地找到所需的内容。完整性测试是指保证页面内容显示正确,链接正确,无差错,无遗漏。如果在测试过程中发现了错误,就要及时更正,在确认无误后,方可正式在Internet上发布。在进行功能性测试和完整性测试后,有时还需要掌握整个站点的结构,以便日后进行修改。

网页设计好了,必须把它放到因特网上,否则网站形象仍然不能展现出来。一般的ISP都提供相应的服务,网页的上传大致分为3种形式:E-mail、FTP和WWW,分别使用相应的软件,如以FTP上传使用CuteFTP。用户上传完毕后,也就在Internet上拥有了一席之地。

目前,Internet上的各种网站像天上的繁星一样数不胜数,因此,对外发布的网站如果不进行宣传和推广,将无人知晓,无人问津。网站的宣传和推广一般有两种途径和方法,一种是通过传统媒体进行广告宣传,还有一种是利用Internet自身的特点向外宣传。可以用来宣传的传统媒体包括电视、广播、报纸、广告牌、海报和黄页等,对于公司来说,还可以在通信资料、产品手册和宣传品上印刷网站宣传信息。在Internet上宣传网站的方法也是多种多样的,如可以将网址和网站信息发布到搜索引擎、网上黄页和新闻组,以及邮件列表上进行宣传推广,也可以与其他同类网站交换宣传广告。

网站注重信息的不断更新和交互性,只有这样才能吸引更多的网民前来访问和参与。那么,如何知道哪些网页内容需要调整、更新和修改,网页需要增加哪些内容呢?这些不能靠主观臆断来确定,而是需要得到访问者的反馈意见,也可以根据不同网页的被访问次数来进行分析。获得用户反馈信息的方法有很多,常用的有计数器、留言板和调查表等,也可以建立系统日志来记录网页的被访问情况。