网站设计基础教程.pptxVIP

网站设计

基础教程

要求：

主要内容

一、网站基本知识

二、网站的开发流程

三、常用网站开发工具

本章习题

一、网站基本知识

1.网站及其组成

2.网站的文件及资源

3.网站的工作机制

1、网站及其组成

·网站就是由网页、图象、声音、动画及数据库等各种服务器资源构成的集合体。

■网站的组成部分：

·硬件组成：连接到网络上的计算机服务器。

·在服务器上运行的网络操作系统、Web服务器、应用

程序服务器软件等。

·各种信息服务的文件资源，如网页文件、图象文件、声音文件等。

●对网站进行管理和维护的网站管理人员和开发人员等。

2、网站文件及资源

■资源：

·静态网页：最基本的网站提供内容，由HTML语言描述，包括文本、表格、图象及其它内容，每个用户访问时内容均相同。静态网页只要放在网站服务器的文件夹中授权用户访问即可。

·动态网页：网页内容随不同用户、不同的访问需求而发生变化，网页中不仅包含HTML代码，同时包含在Web服务器端执行的脚本程序代码。通过脚本程序代码进行计算。网页能够访问服务器端的数据资源。并将结果返回给用户。

·图象文件：如图象、动画，.gif、jpg、bmp、tif类文件等，可以作为网页中的插图、网页的背景图片，极大改善了网页的显示效果。

·数据库：当网站要通过动态网页提供各种服务时，通常要利用数据库来保存数据并提供数据服务。例如电子商务、BBS等。

·其它文件：声音、动画、流媒体资源等，可嵌入到网

页或以超级链接方式下载到用户端执行。如swf、wma、rm、avi等。

3、网站的工作机制

·当用户浏览器通过网络向网站发出请求时，网站的Web服务器会根据浏览器请求的页面是静态、动态网页而采取不同的处理机制。

■静态网页的处理机制：网站的Web服务器只是简单地将页面发送到请求的浏览器。

■动态网页的处理机制：Web服务器将控制权转交给应用程序服务器，应用程序服务器解释执行网页中包含的服务器端脚本代码，并根据脚本代码的要求访问数据库等服务器端资源，最后将计算结果转变为标准的HTML文件代码，由Web服务器将文件发送到浏览器。

Web浏览器

响应

Web服务器

静态页面

静态网页的处理机制

Web服务器

将页面发送回请求浏览器

Web浏览器请求静态页面

Web服务器

查找该页面

请求

请求响应

Web服务器

应用程序服务器

查询查询结果

数据库驱动程序

数据库

动态网页的处理机制

9,Web服务器

将完成的页面发送回请求浏

览器

8,应用程序服务器将数据插

入页面中，然后传递给

Web服务器

7,驱动程序将

查询结果返回给应用程序服

务器

6,查询结果

返回给驱动

程序

1,Web浏览器

请求动态页

2,Web服务器查找该页并将其传递给应用程序服务器

3,应用程序服务器查找并执行该页中的动

态指令

4,应用程序服

务器将查询发

送到数据库驱

动程序

5,驱动程序对数据库执行查

静态页面

动态页面

Web浏览器

二、网站设计

1.网站的定位

2.站点风格

3.网站的CI形象

4.网站的栏目和版块

5.网站目录和链接结构

1、网站的定位

■一个网站要有明确的目标定位，只有定位准确、目标鲜明，才可能作出切实可行的计划，按部就班地进行设计。

■网站的目标定位可体现在三个方面：

·题材和内容：应紧扣主题，并突出个性和特色。定位要准确，内容要精，不能过于宽泛，更不能包罗万象，漫无边际。

●网站域名

·网站名称：申请好记的域名和命名一个别致的网站名称对网站的形象和宣传推广有很大影响。如：搜狐、新浪、网易、263等。

2、网站的风格

■风格指的是站点的整体形象给浏览者的综合感受，包括版面布局、浏览方式、交互性和文字等诸多因素。

■网站风格要体现自己的特色，独树一帜。

■通过网站的某一点，如文字、色彩、技术等，能让浏览者明确分辨出此部分就是网站所独有的。

·注意：

·风格建立在有价值的内容之上。网站有风格而无内容，是不行的，必须保证内容的质量和价值性；

●清楚自己希望战点留给浏览者的印象。

3、网站的CI形象

■CI(corporateidentity):通过视觉来统一企业的形象。包括：标志、色彩、字体和标语。

■网站的CI形象设计包括：

●设计网站的标志(logo):logo是一个网站的特色和内涵的集中体现，必须设计并制作网站的标志。标志的设计、创意来自该网站的名称和内容，让浏览者一看到标