第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
高考祝福语和鼓励的话8字动态网页:网页内容由服务器端运行的程序动态生成。文件扩展名是 .aspx.jsp.php等。
1.2.3  网页布局设计
按页面大小划分,网页布局分为:
固定宽度布局(常见的网页宽度是 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
第 2 章 认识 Dreamweaver
2.1 Dreamweaver 简介
Dreamweaver 是美国 MacroMedia 公司开发的一款“所见即所得”的网页编辑器。
Adobe Dreamweaver CS3 是 MacroMedia 公司被 Adobe 公司收购后推出的第一个版本。  成都美发
2.2 创建本地站点
2.2.1 站点的含义
“站点”对应一个文件夹,用来存放一个网站的所有网页文件和其他资源文件。
2.2.2 站点的结构
站点结构的设计原则
将文件分类保存在子文件夹中。
文件夹的层次不要太深,不要超过 3 层。
文件夹、文件都不能使用中文命名。
尽量使用意义明确的名称,以便于识记。
首页命名为 index.html
2.2.3 在 Dreamweaver 中管理站点
使用“站点 | 新建站点”菜单命令新站点。
使用“站点 | 管理站点”菜单命令编辑或删除站点。
2.3 编辑文本
2.3.1 分段与换行
分段:Enter
换行:Shift+Enter
2.3.2 标题文本
标题文本的分级:标题1 ~ 标题6。
“标题1 ”是最大的标题,“标题6 是最小的标题。
2.3.3 列表
列表类:
项目列表
编号列表
定义列表
2.3.4 重点、强调
重点(粗体),强调(斜体)。
2.3.5 空格
插入空格的方法:
方法1:按空格键可以在两个字符间可以插入一个半角空格。
方法2:按 Ctrl + Shift + Space 组合键,可以连续插入多个半角空格。
方法3:在 HTML 文档中插入空格的代码   。
2.4 插入图像
在网页中,只允许使用以下格式的图像文件:
1.GIF 格式
无损压缩; 8 位深(256);支持透明;支持动画。
2.JPG 格式
有损压缩; 24 位深。
3.PNG 格式
无损压缩;具有 8 位、24 位和 32 位三种深;支持透明和半透明。
2.5 插入 Div 标签
Div 是一个块容器,一般用于划分网页的逻辑结构。
2.6 插入表格
表格由单元格、单元格填充(cellpadding)单元格间距(cellspacing)、表格边框(border)组成。
2.7 插入表单
表单是收集用户信息的重要工具。表单由两部分组成:
表单对象:收集信息,包括文本框、单选按钮、复选框等对象。
应用程序:处理信息,包括客户端应用程序、服务器端应用程序。
2.8 创建超链接
内部链接:    页面链接
外部链接:    外部网站的链接
E-mail 链接:  邮箱的链接
空链接:     
第 3 章 XHTML 语言王一博《天天向上》身份变嘉宾
3.1  XHTML 概述
3.1.1  什么是 XHTML
XHTML 是英文 Extensible HyperText Markup Language 的缩写,中文意思是“可扩展超文本标记语言”。