第1章 网页设计前的准备工作
网站的制作离不开设计时的充分准备。进行网站的*初设计时,可以使用纸和笔,进行网站结构的规划和网页界面的草图设计。在网页中可以使用丰富的元素,在设计制作之前还应构思网站中需要使用的元素,然后借助设计制作工具进行制作。
在网站的设计规划过程中,应当根据网站的主题和内容给网站设计一个标准的色彩和标准的字体,确定一下网站的整体风格,同时也要为网站准备充实的内容以便设计时使用。
第1节 Internet概述
Intemet即Et常所说的互联网。
从计算机网络的角度看,Intemet是采用TCP/IP协议的、世界范围内的开放式互联网络系统。互联网起源于20世纪60年代美国国防部**计划署研究设计的ARPA网(ARPAnet)。
我国互联网的发展经历了3个阶段:20世纪80~90年代初的准备阶段,90年代的发展阶段(在此期间建立了国内四大网络),以及目前着手开发的下一代高速互联网研究与实验阶段。
目前,以美国**网络和服务公司(ANS,Advanced Network and Services)所建设的ANSNET作为Intemet的主干网,其他**和地区的主干网通过接入Intemet主干网而连人Intemet,从而构成了一个全球范围的互联网络。
从网络应用的角度来看,Intemet是一个巨大的、覆盖全球的信息资源宝库,能够提供各种各样的服务。连接到Intemet的主机可以是信息资源和服务的提供者,也可以是信息资源的消费者。Intemet代表着全球范围内一种无限增长的信息资源,是人类所拥有的*大的知识宝库之一。随着Intemet规模的扩大,网络和主机数量的增多,它所提供的信息资源及服务将更加丰富,其价值也将越来越高。
第2节 Web网页设计
web网页是使用在www(World Wide web的简称,翻译为万维网,Intemet服务的一部分)上的一些特殊的文件,它们存放在世界任意一台计算机中,而这台计算机通过与互联网相连能够使网页被Intemet的使用者访问到。
Web网页可以使用网址(URL)来识别与存取,在网页浏览器输入网址后,经过特定的程序处理,网页文件会被传送到本地计算机,然后再通过网页浏览器解释网页的内容,并显示出来。URL(统一资源定位符)是Internet上特定页面或文件的地址。
网页的基本语言是HTML语言,这是一种纯文本的格式语言,通过各种标记对网页上的文本、图片、表格、声音等页面元素进行描述,例如文本的字体、颜色等。网页设计者应���当地了解HTML语言的基本原理,运用合适的网页编辑工具,如“所见即所得”的Dreamweaver等进行网页设计与制作。
HTML是超文本标记语言(Hyper Text Markup Language)的简称,是一种标记描述语言。HTML语言是www上用于创建超文本链接的基本语言,主要用于www上主页的创建和编辑,通过它可以定义格式化文本、图像、色彩与超文本链接等。HTML使用方便,对促进www的迅速发展起到了重要作用,成为www的核心技术之一。
用HTML语言编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,Windows等)。自1990年以来HTML语言就一直被用作www上的信息表示语言,用于描述网页(Homepage)的格式设计和它与www上其他Homepage的连接信息。
HTML文档(网页的源文件)是一个放置了标记的ASCII文本文件,通常它带有“.html”或“.htm”的文件扩展名。
生成一个HTML文档主要有以下3种途径。
•手工直接编写(例如用ASCII文本编辑器或其他HTML的编辑工具)。
•通过某些格式转换工具将现有的其他格式文档(如Word文档)转换成HTML文档。
•由Web服务器(或称HTTP服务器)实时动态地生成。
一个HTML文档包括了所有将在网页上显示的文字信息,其中还包括一些对浏览器的指示,如在何处显示文字,显示为什么样式等。对于图像、音乐、动画之类的网页元素,HTML文档也会给出如何获取这些元素的指示。
HTML语言通过利用各种标签(tags)来标识文档的结构以及标识超链接(Hyperlink)的信息。这些标签是一些字母或单词及单词的组合,它们被放置在一对尖括号“◇”中,用来指示不同的任务。例如粗体显示文字的标签“”。
HTML标签指示浏览器对于标签后面的内容做何种变化,如果只需要对部分内容进行变化,还需要在内容后使用终止标签。终止标签的格式与一般标签类似,只是对应地会使用斜杠“/”表示。如“”。
虽然HTML语言描述了文档的结构格式,但并不能**地定义文档信息必须如何显示和排列,而只是建议Web浏览器(如Mosiac、Netscape等)应该如何显示和排列这些信息,*终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标签的解释能力。这就是为什么同一文档在不同的浏览器中显示的效果会不一样的原因。
设计网页的目的在于介绍和展示某些信息,因此网页的设计需要通过一些组成部分来表达网页的内容。网页中包含文本、图像、声音、动画以及插件等,其中文本和图像是*基本的两个元素,它们表达了大部分网页的主要内容。在设计制作网页的时候应合理运用这些元素来达到宣传和提供信息的目的。
第3节 网站的规划
建立一个网站,首先要确定的是站点的目标和用途,要对站点应具有的功能和内容进行策划,好的网站不仅应该有美感,有创意,更要有质量。内容是网站定位的关键,目前网站的相关题材很多,新闻、体育、聊天、社区、娱乐等,对于普通个人网站,可以选择一个主题进行设计,例如专门介绍体育运动的网站;而对于建立较综合的网站,则必须建立网站内容的一个树形结构,其中包括大部分网站的主题;也可以有一些特殊的网站,例如企业网站,这类网站的内容应包括企业的文化、规模、营销和售后服务等。
选择适合的主题定位,根据自己的建站目的和服务的对象选择一个目标。对于个人网站,主题可以是自己擅长的项目或者是感兴趣的话题,有兴趣才会有创作的动力和灵感;可以选择小而精的主题,有针对性地介绍一些内容,同时还要参考自己的开发目标、开发能力来确定。
第4节 网站设计流程
网站设计的**步就是确定网站的主题。网站的设计不同于网站的制作,设计的内容需要通过制作表达出来,但却可以有很多表达的方式。
设计网站的主题还有一个要注意的地方,这便是网站的名称。网站的名称是给访问者的**印象,因此网站的名称首先必须合隋合理。其次,网站的名称*好能便于记忆,这样才能让访问者易于接受,一般的访问者都不乐于去记忆一些复杂或生疏的名称。*后,网站的名称应当表达一定的含义或显示网站的内容,*好能使用4~6字的中文名称表达出网站的内涵。
在这里建立一个介绍校园BBS(电子公告板)的网站,网站的主题就是介绍这个BBS的内容和使用,使用BBS的名称为网站命名为“浪迹江南”。
1.根据网站主题组织网站内容
确定了网站的主题后便应该根据网站的主题组织网站的内容。
例如网站主题是让使用者能够通过网页了解这个BBS,吸引更多的人来参与讨论,网站的**是要介绍这个BBS讨论的主题、讨论的精华以及讨论的热点问题。
根据这样的主题,可以简单分成3个部分来组织内容,即主题、精华和热点,再加上一些其他的普通网站**的联系交流等内容,大致可以组织起整个网站的所有内容。
而对于前面提到的如企业宣传网站,则应将企业的实力、精神、规模、文化等作为主要内容。同样是企业网站,产品销售与售后服务网站则应将产品的型号、性能、使用范围和使用方法以及一些用户的反馈交流作为主要内容。
只有根据主题确定好内容,才能使访问者获得有用的信息,也可避免一些不必要的劳动。只有构思好网站的主要内容,才便于为网站安排栏目,勾画网站的结构。
2.规划网站栏目和网站目录结构
根据网站内容的需要规划适合的栏目,这些栏目必须紧扣网站的主题,并且应该能够突出网站的主要内容。
此时可以利用Windows操作系统的资源管理器为网站建立一个可视化的目录结构。根据主题和内容组织,网站包含4个部分的主要内容,为此设计4个栏目:本站简介、精品点看、热门话题和联系交流。“本站简介”部分主要介绍BBS的发展情况及参与者的情况;在“精品点看”部分要突出介绍BBS讨论的精华内容,包含多个方面;使用“热门话题”栏目介绍BBS讨论的热点及大家关心的问题等;*后一个栏目“联系交流”则是用来提供一些联系信息,便于访问者和网站管理者联系交流。
在本地计算机中建立一个文件夹,为文件夹命名,例如使用网站的名称“浪迹江南”,在这个文件夹中再建立4个新文件夹,分别用栏目的名称命名,在这些栏目的文件夹中还可以再进行分类,建立各个分类的文件夹。
……