Web前端开发实例教程（第2版）全套PPT课件.pptx

高等学校规划教材Web前端开发实例教程（第2版）——HTML5+CSS3+JavaScript+jQuery 第1章 HTML5基础 目录1.1 Web的基本概念1.2 网站与网页1.3 Web标准1.4 认识HTML5+CSS3+JavaScript技术组合1.5 HTML5语法基础1.6 元素的分类1.7 HTML的颜色表示和字符实体1.8 编辑HTML文件1.9 注释1.10 案例—制作鲜品园页面摘要和版权信息 1.1 Web的基本概念1.1.1 WWW1.1.2 Browser1.1.3 URL1.1.4 HTML1.1.5 HTTP 1.1.1 WWW WWW是World Wide Web的缩写，又称3W或Web，中文译名为“万维网”。WWW是Internet的最核心部分，它是Internet上支持WWW服务和HTTP的服务器集合。WWW在使用上分为Web客户端和Web服务器。用户可以使用Web客户端（浏览器）访问Web服务器上的页面。 1.1.2 Browser Browser（浏览器）是在客户端浏览Web服务端的应用程序，其主要作用是显示网页和解释脚本。浏览器种类很多，目前常用的有Google的Chrome、Microsoft的Edge、Mozilla的Firefox、Opera、Apple的Safari浏览器等。 浏览器最重要的核心部分是Rendering Engine（渲染引擎），一般称为“浏览器内核”，负责对网页语法（如HTML、JavaScript）进行解释并渲染（显示）网页。 1.1.3 URL URL（Universal Resource Locator）是“统一资源定位器”的缩写，URL就是Web地址，俗称“网址”。Internet上的每个网页都具有唯一的名称标识，通常称之为URL地址。这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。URL的基本结构为： 通信协议：//服务器名称[:通信端口编号]/文件夹1[/文件夹2…]/文件名 1.1.4 HTML 网页是WWW的基本文件，它是用HTML（HyperText Markup Language，超文本标记语言）编写的。HTML严格来说并不是一种标准的编程语言，它只是一些能让浏览器看懂的标记。当网页中包含正常文本和HTML标记时，浏览器会“翻译”由这些HTML标记提供的网页结构、外观和内容的信息，从而将网页按设计者的要求显示出来。 1.1.5 HTTP HTTP（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议，用于传送WWW方式的数据。当用户想浏览一个网站时，只要在浏览器的地址栏里输入网站的地址就可以了，如输入，在浏览器的地址栏里面出现的却是/。 1.2 网站与网页1.2.1 网站、网页和主页1.2.2 静态网页和动态网页 1.2.1 网站、网页和主页 网站（Web Site，也称站点）被定义为已注册的域名、主页或Web服务器。网站由域名（也就是网站地址）和网站空间构成。网站是一系列网页的组合，通过浏览器，可以实现网页的跳转，从而浏览整个网站。 网页（Web Page）是存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。网页是按照网页文件规范编写的一个或多个文件，这种格式的文件由超文本标记语言创建。 1.2.2 静态网页和动态网页 1．静态网页 静态网页是指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端。静态网页通常由纯粹的HTML/CSS语言编写。 2．动态网页 采用动态网站技术生成的网页都称为动态网页，其本质主要体现在交互性方面。动态网页根据程序运行的区域不同，分为客户端动态网页与服务器端动态网页。 1.3 Web标准1.3.1 Web标准简介1.3.2 建立Web标准的优点1.3.3 网页的表现和结构相分离 1.3.1 Web标准简介 Web标准不是某一种标准，而是一系列标准的集合。网页主要由3部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分为3类：结构化标准语言，主要包括HTML、XML和XHTML；表现标准语言，主要为CSS；行为标准语言，主要包括对象模型DOM、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制定的，如ECMA（European Computer Manufacturers Association）的ECMAScript标准。 1.3.2 建立Web标准的优点 对于网站设计和开发人员来说，遵