第2章 网页设计基础.ppt

上机安排第 3、6、9、12、15 周 090451班 星期四 3、4节 D505090452班 星期四 5、6节 D505090453班 星期四 7、8节 D505 第2章 网页设计基础 学习目标 掌握HTML语言的常用标记 了解CSS样式表 掌握DreamWeaver的使用 2.1 HTML概述 2.1.1 什么是 HTML HTML（HyperText Markup Language）即超文本标记语言，是构成网页最基本的要素，使用各种不同的标记符号来分别标识和设定不同的网页元素。每个网页元素通常由开始标记和结束标记，以及夹在这两个标记中的内容所组成。在HTML元素的开始标记中一般还允许加入相关的若干个属性，以进一步对该元素的特征进行限定或说明。 总之，一个HTML元素的形式可表示为： 标记名 属性名称=属性值 … 内容 /标记名 W3C World Wide Web Consortium W3C理事会 制定Web标准的一个非赢利组织 于1994年10月在麻省理工学院计算机 科学实验室成立 创建者是万维网的发明者Tim Berners-Lee HTML标准的版本历史 超文本标记语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.  HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时  HTML 3.2——1996年1月14日，W3C推荐标准  HTML 4.0——1997年12月18日，W3C推荐标准  HTML 4.01（微小改进）——1999年12月24日， W3C推荐标准 DHTML Dynamic HTML 动态HTML 包括： 1、HTML(XHTML)，也就是页面中的各种元素对象，它们是被动态操纵的内容；  2、是CSS，CSS属性也是被动态操纵的内容，从而获得动态的格式效果；  3、客户端脚本(例如JavaScript)，它实际操纵Web页上的HTML和CSS。 XML Extensible Markup Language 可扩展标记语言 XML 是一种标记语言，很类似 HTML XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 XML 与 HTML 的主要差异 XML 不是 HTML 的替代。 XML 和 HTML 为不同的目的而设计： XML 被设计为传输和存储数据，其焦点是数据的内容。 HTML 被设计用来显示数据，其焦点是数据的外观。 HTML 旨在显示信息，而 XML 旨在传输信息。 XHTML eXtensible HyperText Markup Language 可扩展超文本标记语言 XHTML是一个基于XML的标记语言 在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML 建立XHTML的目的就是实现HTML向XML的过渡。 目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用（即通常所说的DIV+CSS）。 WEB标准 结构：XHTML、XML 表现：CSS（层叠样式表） 行为：DOM（文档对象模型） 2.1 HTML概述 2.1.2 HTML文档基本架构 html head title 网页标题 /title /head body p这是主体部分！/p /body /html 2.2 HTML 常用标记 2.2.1 头部标记 HEAD 和 /HEAD 是HTML的头部标记，其中主要包括对当前网页的一些基本描述信息，可包含下列各种标记。 TITLE 网页标题标记 META 元信息标记 STYLE 样式标记 LINK 连接外部文档标记 SCRIPT 脚本代码标记 1、网页标题标记 title标题内容/title 一般用来说明网页的用途 2、元信息标记 关键字 meta name=“keywords” content=“HTML，Web，ASP” 向搜索引擎说明网页的关键字，帮助搜索引擎对该网页进行查找和分类，提高被搜索到的概率。 描述信息 meta name=“discr