HTML5 CSS3网页设计与制作（第2版）课件 第1--6章 HTML5+CSS3网页设计概述 --- 列表和超链接.pptx

第1章HTML5+CSS3网页设计概述《HTML5+CSS3网页设计与制作（第2版）》

学习目标/Target了解网页，能够阐述网页的作用，并使用浏览器查看网页代码熟悉Web标准，能够归纳Web标准的构成了解HTML，能够阐述HTML的作用了解网页名词，能够阐述网页相关名词的含义

学习目标/Target了解CSS，能够阐述CSS的作用了解浏览器，能够列举当前常见的浏览器，并介绍它们各自所使用的内核掌握VisualStudioCode的用法，能够使用该工具编写网页代码了解JavaScript，能够阐述JavaScript的作用

章节概述/Summary近年来，HTML5和CSS3一直是互联网技术中备受瞩目的话题。在开始学习HTML5和CSS3之前，了解一些与网页相关的基础知识是非常必要的，这有助于初学者厘清思路，快速进入后续章节的学习。本章将详细介绍网页的相关内容，包括网页概述、网页制作入门以及VisualStudioCode网页代码编辑工具。通过学习这些内容，初学者将能够建立坚实的基础，为后续的HTML5和CSS3学习做好充分准备。

目录/Contents010203网页概述网页制作入门网页代码编辑工具04阶段案例——创建第一个网页

网页概述1.1

1.1网页概述什么是网页？

1.1网页概述网页究竟是什么？说到网页，其实大家并不陌生浏览新闻查询信息网上购物

1.1网页概述网页可以被看作承载各种内容的容器，所有可视化的内容都可以通过网页展示给用户。本节将详细介绍网页的基础知识。

1.1.1认识网页网页主要由文字、图像和超链接（超链接为单击可以跳转的网页元素）等元素构成。除了这些元素，网页中还可以包含音频、视频和动画等元素。

1.1.1认识网页该教程网站首页的代码仅包含一些特殊的符号和文本。而用户浏览网页时看到的图片、视频等，正是由这些特殊的符号和文本组成的代码被浏览器渲染之后的结果。

1.1.1认识网页无论用户何时何地访问，网页都会呈现固定的内容，除非网页源代码被修改并重新上传。静态网页的更新不太便捷，但其加载速度较快。静态网页动态网页内容会根据用户操作和时间的不同而实时变化。动态网页可以与服务器实时交换数据。

1.1.2网页名词解释名词名词释义Internet也称为互联网，是由一些使用公用语言互相通信的计算机连接而成的网络WWWWWW（WorldWideWeb，万维网）是一种网页浏览服务URLURL（UniformResourceLocator，统一资源定位符）也称“网址”DNSDNS（DomainNameSystem，域名系统）是互联网上进行域名与IP地址映射的系统。HTTP和HTTPSHTTP（HyperTextTransferProtocol，超文本传输协议）是一种详细规定浏览器和万维网服务器之间互相通信的协议。HTTPS是使用HTTP和SSL构建的一种安全的网络协议，它能够提供加密传输和身份认证的功能，比HTTP更加安全可靠WebWeb通常指互联网的使用环境。而对网站开发者而言，Web是一系列技术的复合总称，包括网站的前端页面、后端程序、视觉设计、数据库开发等W3C组织W3C（WorldWideWebConsortium，万维网联盟）是国际上最著名的标准化组织之一

1.1.3Web标准什么是Web标准？

1.1.3Web标准Web标准并不是某一个标准，而是由W3C与其他标准化组织共同制订的一系列标准的集合，主要包括结构标准、表现标准和行为标准3个方面。

1.1.3Web标准由于不同的浏览器解析出来的效果可能不一致，开发者常常需要为多版本的开发而艰苦工作。通过Web标准展示统一内容

1.1.3Web标准结构标准表现标准行为标准结构标准用于对网页元素进行分类与整理，主要包括：HTML、XHTML。表现标准用于设置网页的版式、颜色、字体等外在样式，主要包括：CSS。行为标准是指网页模型的定义及交互效果的实现，通常使用JavaScript设置网页的行为。

1.1.3Web标准结构标准表现标准行为标准如果把Web标准看做一栋房子，结构标准就相当于房子的框架。

1.1.3Web标准结构标准表现标准行为标准表现标准就相当于房子的装修，让房子看起来更美观。

结构标准表现标准行为标准行为标准相当于房间内部的设备，让房子具有功能性。KTV有唱歌功能厨房有做饭功能1.1.3Web标准

网页制作入门1.2

1.2网页制作入门HTML、CSS和JavaScript是网页制作的基础，要想学好网页制作，首先需要对它们有一个整体的认识。本节将详细讲解HTML、CSS、JavaScript的发展历史、常用版本以及网