《网页制作案例教程（HTML5+CSS3)》 课件 项目1、2 网页制作入门、 添加网页内容.pptx

HTMLCSS项目1网页制作入门网页制作案例教程（HTML5+CSS3）

教学目标了解网页基本概念及Web标准。1了解熟悉熟悉掌握2熟悉HTML语言的发展历史。3掌握VSCode

工具的使用。能够使用VSCode创建简单的网页熟悉HTML5页面文档结构。4

1Web的基本概念2HTML和HTML53Web前端开发工具4制作简单HTML5页面任务分解5HTML5页面基础

PART0101Web的基本概念

Web的基本概念网页网页是网站中的一个页面，是Internet用于展示信息的一种形式。网页主要由文字、图像和超链接等元素构成。图像文字超链接

Web的基本概念开发者眼中的网页？一般人见到的网页？

Web的基本概念网站多个页面集合在一起组成网站。

Web的基本概念网站每个网站有一个站点文件夹（又称站点根目录），里面包含了内容相关的网页文件、网页中使用的图像文件、样式文件以及脚本文件。为了分类管理，站点文件夹下可以有很多子文件夹。

Web的基本概念浏览器浏览器是用来检索、展示以及传递Web信息资源的应用程序。主流的浏览器分为IE、Chrome、Firefox、Safari、Opera等几大类。

Web的基本概念W3CW3C（英文WorldWideWebConsortium的缩写）中文译为“万维网联盟”，是一个国际标准化组织。W3C最重要的工作是发展Web规范，制定了一系列标准，HTML、XML、CSS的标准就是由W3C来定制的。Web开发者遵循这些标准。

Web的基本概念Web标准Web标准是由W3C和其他标准化组织制定的一系列标准的集合。包含HTML、XHTML、CSS、JavaScript等等。结构标准表现标准行为标准结构标准用于对网页元素进行组织和分类，主要包括XML、HTML和XHTML。表现标准用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。行为标准是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript。

Web的基本概念相关名词名词名词释义WWWWWW（英文WorldWideWeb的缩写）中文译为“万维网”，是Intertnet提供的一种网页浏览服务。URLURL（英文UniformResourceLocator的缩写）中文译为“统一资源定位符”URL其实就是Web地址，俗称“网址”。DNSDNS（英文DomainNameSystem的缩写）是域名解析系统。HTTPHTTP(英文Hypertexttransferprotocol的缩写)中文译为超文本传输协议，规定了浏览器和万维网服务器之间互相通信的规则。http信息是明文传输，https则是加密传输协议。

PART0202HTML和HTML5

HTML和HTML5HTML(HyperTextMarkupLanguage)，译为“超文本标记语言”，是一种用于创建网页的标准标记语言。HTML网页主要是通过HTML标记对网页中的文本、图片、超链接等内容进行描述。img是一个图像标记，它定义了在网页中要显示一副图像，并通过src属性指定了图像的位置，width属性指定了图像的宽度。

HTML和HTML5HTML2.01995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布过时。超文本标记语言（第一版）在1993年6月作为互联网工程工作小组（IETF）工作草案发布。HTML3.21997年1月14日，W3C推荐标准。HTML4.01997年12月18日，W3C推荐标准。HTML4.011999年12月24日，W3C推荐标准。HTML52008年1月22日公布第一份正式草案，2014年10月底定稿。由于各个浏览器支持的不是很统一，所以还没有得到广泛应用。HTML语言发展至今，经历了六个版本，这个过程中新增了许多HTML标记，同时也淘汰了一些标记。

任务实现HTML5是超文本标记语言的第5代版本，是最新的HTML标准，HTML5由不同的技术构成，在互联网中得到了非常广泛的应用。HTML4是为了适应pc时代产生的，HTML5是为了适应移动互联网时代产生的。HTML和HTML5

HTML和HTML5良好的用户体验增加了许多实用的特性化繁为简的优势解决了跨浏览器问题新的语义元素：header,footer,nav,aside...新的表单控件：数字、日期、时间...媒体和画布功能：video、audiocanvas强大的新API：本地存储取代cookie...之前由于各个浏览器不统一，因为修改浏览器兼容引起的bug浪费了大量的时间。在HTML5中视频、音频、图像、动画都会标准化，会解决浏览器兼容这个问题。HTML5规范以“用户至上”为原