网页设计与制作知识点整理总结.doc

1 第 1 章 网页设计概述 1.1 Internet 与 WWW 1.1.1 Internet Internet，译为“因特网”，又叫做“国际互联网”。 Internet 为用户提供了多种服务： 万维网服务（WWW） 电子邮件服务（E-mail ） 远程登录服务（Telnet ） 文件传输服务（FTP） 1.1.2 WWW WWW，是“ World Wide Web ”的缩写，简称 Web，译为“万维网”。 WWW 是运行在 Internet 之上的超文本信息浏览系统。 WWW 的核心部份由三个标准构成： HTML / URL / HTTP 1 ．HTML：超文本标记语言，用于定义超文本文档（网页）的结构。 2 ．URL：统一资源定位符，用于标识万维网上信息资源的地址（网址）。 3 ．HTTP ：超文本传输协议，是客户端浏览器与 Web 服务器之间的通信协议。 1.1.3 W3C 万维网联盟（World Wide Web Consortium，W3C），又称 W3C 理事会。 W3C 致力于对 web 进行标准化。 W3C 制定了包括 XHTML 和 CSS 等众多影响深远的标准规范。 1.2 网页设计 1.2.1 网页 网页是用超文本标记语言 HTML 书写的一种纯文本文件。 网页需要通过浏览器对其进行解释， 才生成包含文字、图象、 声音、 视频和动画等多媒体信 息的页面。 1.2.2 网页的类型 静态网页：网页内容固定不变。文件扩展名是 .htm 或者 .html。 动态网页：网页内容由服务器端运行的程序动态生成。文件扩展名是 .aspx 、.jsp、.php 等。 1.2.3 网页布局设计 按页面大小划分，网页布局分为： 2 固定宽度布局（常见的网页宽度是 780px，或者 1000px） 可变宽度布局（常见的网页宽度是屏幕的 100%） 按页面版式划分，网页布局分为： 单栏布局 两栏布局 三栏布局 多栏布局 变化布局 1.3 服务器与浏览器 1.3.1 Web 服务器 Web 服务器也称为 WWW 服务器，主要功能是提供超文本信息浏览服务。 Windows 平台上使用 IIS（Internet Information Server ）作为 Web 服务器软件。 网页被放置在 Web 服务器上。 当 Web 服务器接收到客户端的一个 HTTP 请求，会返回一个网页。 1.3.2 浏览器 浏览器是安装在客户端用于显示网页的软件。常见的浏览器有： IE FireFox 1.4 Web 标准的含义 1.4.1 网页制作的历史 1 ．传统的网页制作方法 单纯使用 HTML 语言制作网页， HTML 负责“结构”与“表现”双重任务。 2 ．传统网页制作方法的缺点 HTML 标记被滥用，网页失去了语义。 “ 结构”与“表现”混杂在一起，代码复杂，维护艰难。 3 ．CSS 的引入 1996 年 W3C 正式推出了 CSS1.0。 HTML 负责网页结构， CSS 负责网页表现， 实现了“结构”与“表现”相分离。 1.4.2 基于 Web 标准的网页制作 1 ．描述网页结构的标准语言： XHTML 2 ．描述网页表现的标准语言： CSS 3 ．描述网页行为的标准语言： JavaScript 3 第 2 章认识 Dreamweaver 2.1 Dreamweaver 简介 Dreamweaver 是美国 MacroMedia 公司开辟的一款“所见即所得”的网页编辑器。 Adobe Dreamweaver CS3 是 MacroMedia 公司被 Adobe 公司收购后推出的第一个版本。 2.2 创建本地站点 2.2.1 站点的含义 “站点”对应一个文件夹，用来存放一个网站的所有网页文件和其他资源文件。 2.2.2 站点的结构 站点 images 站点结构的设计原则 logo-gif · 将文件分类保存在子文件夹中。 background gif · 文件夹的层次不要太深，不要超过3 层。 · 文件夹、文件都不能使用中文命名。 scripts · 尽量使用意义明确的名称，以便于识记。 globaljs · 首页命名为 index.html。