Web前端开发案例教程（HTML5+CSS3）课件 任务1创建第一个HTML5网页.pptxVIP

;;1.1任务描述;1.2知识准备;1.2.1认识Web前端开发;1.2.1认识Web前端开发;1.2.1认识Web前端开发;IP地址（InternetProtocolAddress）用于确定互联网上的每台主机，它是每台主机唯一的标识。在互联网上，每台计算机或网络设备的IP地址都是全世界唯一的。

IP地址的格式是xxx.xxx.xxx.xxx，其中xxx是0～255的任意整数。例如，某台主机的IP地址是32，本机的IP地址是。

;由于IP地址是数字编码的，不易记忆，所以我们平时上网使用的大多是诸如的地址，即域名。www表示万维网（WorldWideWeb，WWW）。

例如，是人邮教育社区的域名。

;统一资源定位符（UniformResourceLocator，URL）其实就是Web地址，俗称“网址”。万维网上的所有文件都有唯一的URL，只要知道资源的URL，就能够对其进行访问。

URL的格式为“协议名://主机域名或IP地址/路径/文件名称”。

例如，/book/details/6948，就是一本书详情页的URL。

;超文本传输协议（HyperTextTransferProtocol，HTTP）是互联网上应用最为广泛的一种网络协议。所有的万维网文件都必须遵守这个协议。设计HTTP的最初目的是提供一种发布和接收HTML页面的方法。

超文本传输安全协议（HyperTextTransferProtocolSecure，HTTPS）是由HTTP+安全套接字层（SecureSocketLayer，SSL）构建的、可进行身份认证的加密传输协议，比HTTP更安全。

;在浏览网站时看到的每个页面都像是书中的一页，我们称之为“网页”。

把一系列逻辑上可以视为一个整体的网页叫作网站，或者说，网站就是一组相互链接的页面集合，它具有共享的属性。

主页是网站被访问的第一个页面，其中包含指向其他页面的超链接，通常用index.html表示。

;HTML表示网页的一种规范（或者说是一种标准），它通过标记定义了网页内容的显示。HTML提供了许多标记，如段落标记、标题标记、超链接标记和图像标记等。网页中需要显示什么内容，就用相应的HTML标记进行描述。

;Web标准是一系列标准的集合，主要包括结构标准、表现标准和行为标准。

结构主要指的是网页的HTML结构，即网页文档的内容；

表现指的是网页元素的版式、颜色、大小等外观样式，是指用CSS设置??样式；

行为指的是网页模型的定义及交互代码的编写，主要是指用JavaScript脚本语言实现的网页行为效果。

;HTML5是超文本标记语言的第5代版本。2014年10月29日，W3C宣布HTML5标准规范制定完成，并公开发布。;1.2.4常用的浏览器;Edge浏览器是微软新一代的浏览器，是IE的替代产品，其功能全面，支持扩展程序，界面简洁、注重实用，对HTML5有很好的支持。

;火狐浏览器是一个开源网页浏览器。火狐浏览器由Mozilla资金会和开源开发者一起开发。由于是开源的，所以它可以集成很多小插件，具有可拓展等特点。该浏览器发布于2002年，它也是世界上使用较广泛的浏览器，对HTML5也有很好的支持。

;Chrome浏览器是由谷歌公司开发的开放源代码的浏览器。该浏览器的目标是提升网页的稳定性、传输速度和安全性，并创造出简单有效的使用界面。Chrome浏览器完全支持HTML5的功能。;Safari浏览器是苹果公司开发的浏览器，Opera浏览器是Opera软件公司开发的一款浏览器，两款浏览器都对HTML5有很好的支持。;1.2.5网页编辑软件;1.3任务实现;1.3.1启动HBuilderX;1.3.2新建项目;1.3.3在项目中创建网页文件;1.3.4输入网页代码;在菜单栏中选择“文件”｜“保存”选项，或按“Ctrl+S”组合键，即可保存文件内容。单击工具栏中的“浏览器运行”按钮或按“Ctrl+R”组合键，选择Chrome浏览器浏览网页，效果如下图所示。;任务小结