文档介绍:网页设计与制作教程网页设计与制作教程( (第第4 4版) 版) 一一网页、网站的概念网页、网站的概念二二 Web Web 标准标准三三网站的规划与设计网站的规划与设计四四网站开发工作流程网站开发工作流程五五网站策划书撰写要点网站策划书撰写要点六六常用网页制作软件常用网页制作软件七七实训实训第第1 1章章网页设计制作概述网页设计制作概述 网页、网站和主页网页、网站和主页网页( 网页( Web Page Web Page )是存放在)是存放在 Web Web 服务器上供客户端用服务器上供客户端用户浏览的文件,可以在户浏览的文件,可以在 上传输。网页是按照网页文上传输。网页是按照网页文档规范编写的一个或多个文件,这种格式的文件由超文本标档规范编写的一个或多个文件,这种格式的文件由超文本标记语言创建,能将文字、图片、声音等各种多媒体文件组合记语言创建,能将文字、图片、声音等各种多媒体文件组合在一起,这些文件被保存在特定计算机的特定目录中。几乎在一起,这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接,可以方便地跳转到其他相关网页或所有的网页都包含链接,可以方便地跳转到其他相关网页或是相关网站。是相关网站。如果在浏览器的地址栏中输入网站地址,浏览器会自动如果在浏览器的地址栏中输入网站地址,浏览器会自动连接到这个网址所指向的网络服务器,并出现一个默认的网连接到这个网址所指向的网络服务器,并出现一个默认的网页(一般为页(一般为 或或 ),这个最先打开的),这个最先打开的默认页面就被称为默认页面就被称为““主页主页””或或““首页首页””。。 网页、网站的概念网页、网站的概念 静态网页和动态网页静态网页和动态网页静态网页指客户端的浏览器发送静态网页指客户端的浏览器发送 URL URL 请求给请求给 器,服务器查找需要的超文本文件,不加处理直接下载到客器,服务器查找需要的超文本文件,不加处理直接下载到客户端,运行在客户端的页面是已经事先做好并存放在服务器户端,运行在客户端的页面是已经事先做好并存放在服务器中的网页。其页面的内容使用的仅仅是标准的中的网页。其页面的内容使用的仅仅是标准的 HTML HTML 代码, 代码, 静态网页通常由纯粹的静态网页通常由纯粹的 HTML/ CSS HTML/ CSS 语言编写。语言编写。动态网页技术根据程序运行的区域不同,分为客户端动动态网页技术根据程序运行的区域不同,分为客户端动态技术与服务器端动态技术。态技术与服务器端动态技术。客户端动态技术不需要与服务器进行交互,实现动态功客户端动态技术不需要与服务器进行交互,实现动态功能的代码往往采用脚本语言形式直接嵌入到网页中。服务器能的代码往往采用脚本语言形式直接嵌入到网页中。服务器发送给浏览者后,网页在客户端浏览器上直接响应用户的动发送给浏览者后,网页在客户端浏览器上直接响应用户的动作。常见的客户端动态技术包括作。常见的客户端动态技术包括 JavaScript JavaScript 、、 ActiveX ActiveX 和和 Flash Flash 等。等。 网页、网站的概念网页、网站的概念 Web Web 标准的概念标准的概念 Web Web 标准不是某一种标准,而是一系列标准的集合。网标准不是某一种标准,而是一系列标准的集合。网页主要由三部分组成:结构( 页主要由三部分组成:结构( Structure Structure )、表现)、表现( ( Presentation Presentation )和行为( )和行为( Behavior Behavior )。对应的标准也分)。对应的标准也分为三类:结构化标准语言主要包括为三类:结构化标准语言主要包括 XHTML XHTML 和和 XML XML ,表现标,表现标准语言主要为准语言主要为 CSS CSS ,行为标准主要包括对象模型,行为标准主要包括对象模型 W3C DOM W3C DOM 、、 ECMAScript ECMAScript 等。这些标准大部分由等。这些标准大部分由 W3C W3C 起草和发布,也有起草和发布,也有一些是其他标准组织制定的标准,如一些是其他标准组织制定的标准,如 ECMA ECMA ( ( European European Computer Manufacturers puter Manufacturers Association )的)的 ECMAScript ECMAScript 标准。标准。例如,人体模特换衣服和表演。模特就好比数据,衣服例