网页设计与制作项目教程HTML+CSS+Javascript简版.pptxVIP

项目1网页制作基础知识;;【任务1-1】了解Web基本概念;【任务1-1】知识储备;【任务1-1】知识点讲解;【任务1-1】知识点讲解;【任务1-1】知识点讲解;【任务1-1】知识点讲解;【任务1-1】知识点讲解;与互联网相关的一些专业术语;为什么需要Web标准？;Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。;结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。

表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。

行为标准：行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两个部分。;XHTML语言描述的网页结构效果;加入CSS后的网页效果;加入Javascript后的网页效果;结构、表现、行为之间的关系;知识引入;1;HTML（英文HyperTextMarkupLanguage的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就用相应的HTML标记描述即可。

HTML之所以称为超文本标记语言，不仅是因为它通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。;通过传智播客网站的一段源代码和相应的网页结构来认识HTML;HTML语言发展至今，经历了6个版本：

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布。

HTML2.0——1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时。

HTML3.2——1997年1月14日，W3C推荐标准。

HTML4.0——1997年12月18日，W3C推荐标准。

HTML4.01（微小改进）——1999年12月24日，W3C推荐标准。

HTML5.0——2014年10月29日最终制定完成，并公开发布。;目前最新的HTML版本是HTML5，但是各个浏览器对其支持不统一，所以如今大多数的网站采用的还是HTML4.01版本。

XML虽然数据转换能力强大，完全可以替代HTML，但是面对互联网上成千上万基于HTML编写的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的语法规则对其进行扩展，得到了XHTML。

目前国际上，网站设计推崇的Web标准就是基于XHTML的（即通常所说的DIV+CSS）。;CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。;使用CSS设置的网页效果：;CSS语言的发展历程：

1996年12月W3C发布了第一个有关样式的标准CSS1。

1998年5月发布了CSS2。

目前最新的版本是CSS3，但是各个浏览器对它的支持不统一，所以流行的版本仍然是CSS2，即本书所讲解的版本。;CSS非常灵活，既可以嵌入在HTML文档中，也可以是一个单独的外部文件，如果是独立的文件，则必须以.css为后缀名。

。;JavaScript是Web页面中的一种脚本语言，通过JavaScript可以将静态页面转变成支持用户交互并响应相应事件的动态页面。

在网站建设中，HTML用于搭建页面结构，CSS用于设置页面样式，而JavaScript则用于为页面添加动态效果。;JavaScript代码可以嵌入在HTML中，也可以创建.js外部文件。通过JavaScrit可以实现网页中常见的下拉菜单、TAB栏、焦点图轮播等动态效果。

下图所示的“TAB栏”就是通过JavaScript实现的。

;浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。

;不同的浏览器对同一个CSS样式有不同的解析，这样，同样的页面在不同浏览器下的显示效果可能不同。

;IE浏览器由微软公司推出，有6.0、7.0、8.0、9.0、10.0等版本，最新的是IE10.0。在制作网页时，低版本一般也是需要兼容的。

MozillaFirefox，中文通常称为“火狐”，Firebug是火狐浏览器下的一款开发插件，是开发HTML、CSS、JavaScript等的得力助手。在实际网页制作过程中火狐浏览器是最常用的浏览器