文档介绍：第四章第四章网站设计与评价网站设计与评价??本章重点: 本章重点: 1 1、了解网站的基本结构,了解静态网页、了解网站的基本结构,了解静态网页与动态网页的工作原理及常用的网站建设与动态网页的工作原理及常用的网站建设技术。技术。 2 2、能够基本运用、能够基本运用 FrontPage FrontPage 中的工具创中的工具创建一个简单的网站。建一个简单的网站。 3 3、了解网站是如何发布、管理、更新和、了解网站是如何发布、管理、更新和维护。维护。基本概念基本概念??网站就是因特网上具有相似性质、共同内容的一组网站就是因特网上具有相似性质、共同内容的一组信息资源。信息资源。??网页( 网页( Page Page ) ) 网页网页是用是用 HTML HTML 语言写成的文件,它存放在某一语言写成的文件,它存放在某一台计算机中,而这台计算机必须是与因特网相连。台计算机中,而这台计算机必须是与因特网相连。网页文件最好以网页文件最好以英文英文命名,并通常以命名,并通常以““. . htm htm ””或者或者““.html .html ””为扩展名,以保证在浏览器中的正常解析。为扩展名,以保证在浏览器中的正常解析。第一节了解与设计网站构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。网页文件,用来描述资结构、位置,引导浏览者访问该网站,通常以“. htm ”或者“.html ”为扩展名。网页文件所连接到的图像、音频与视频等资源文件 Web 数据库和程序文件基本概念基本概念主页( 主页( Home Page Home Page ) ) 主页主页是通常用来表示访问某个网站时出是通常用来表示访问某个网站时出现的第一个页面,用来对整个网站进行概括现的第一个页面,用来对整个网站进行概括性的介绍,描述其他各个页面的内容的。性的介绍,描述其他各个页面的内容的。主页文件常以主页文件常以 index index 或或 default default 命名,并通命名,并通常用的扩展名有常用的扩展名有. . htm htm .html . .html . jsp jsp .asp .asp 等。等。 IE IE的主页的主页表示表示 IE IE浏览器启动时,即访问的网页地址。可浏览器启动时,即访问的网页地址。可以是一个网站的主页,也可以是一个普通的网页文件。以是一个网站的主页,也可以是一个普通的网页文件。基本概念基本概念??网站的结构网站的结构网站是由网页组成的,网站是网页的集网站是由网页组成的,网站是网页的集合体,网页是网站的元素。合体,网页是网站的元素。网站的结构网站的结构就是指某一网站的信息组合就是指某一网站的信息组合的基本框架,它显示该网站中各个网页之的基本框架,它显示该网站中各个网页之间的逻辑关系。间的逻辑关系。层次适当:一般以层次适当:一般以 3 3到到4 4层为佳层为佳拓展性广:能够容纳信息的多变性和扩展性拓展性广:能够容纳信息的多变性和扩展性基本概念基本概念??网站的结构主要有三种类型: 网站的结构主要有三种类型: 树状结构线性结构网状结构??树状树状结构:整个网站以主页作为中心,向外分散结构:整个网站以主页作为中心,向外分散出多个分支。出多个分支。??树状结构是目前网站所采用的主要形式之一,它树状结构是目前网站所采用的主要形式之一,它结构清晰,访问者可以根据路径清楚的知道所在结构清晰,访问者可以根据路径清楚的知道所在位置。但在建立枝干的层次时,最多不应超过四位置。但在建立枝干的层次时,最多不应超过四个。个。??线性线性结构:线状结构是网站最简单的结构结构:线状结构是网站最简单的结构方式,网页一层层链接起来,逻辑清晰。方式,网页一层层链接起来,逻辑清晰。??单向线状只提供往下一层网页的链接; 单向线状只提供往下一层网页的链接; ??双向环状除了像单向线状那样链接外,还双向环状除了像单向线状那样链接外,还可以倒着从网页可以倒着从网页 3 3回到网页回到网页 2 2,从网页,从网页 2 2回到回到网页网页 1 1。。??无论是单向线状还是双向环状都不能在网无论是单向线状还是双向环状都不能在网页之间自由跳跃链接。页之间自由跳跃链接。??网状网状结构:在网络结构中有一个主页,所有的网结构:在网络结构中有一个主页,所有的网页都可以和主页进行链接,同时,各个网页之间页都可以和主页进行链接,同时,各个网页之间也随意链接。网页之间没有明显的结构,像一张也随意链接。网页之间没有明显的结构,像一张网一样,可相互链接,随意跳转。网一样,可相互链接,随意跳转。??如果网页信息内容不能科学分类,访问者容易在如果网页信息内容不能科学分类,访问者容易在网页跳转过程中迷失方向,很难快速找到所需要网页跳转过程中迷失方向,很难快速找到所需要的信息。的信