第一章 HTML5+CSS3网页设计概述
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本章将从网页概述、网页制作入门以及常用的制作软件等几个方面详 细讲解网页的基础知识。
✎ 1.1 网页概述
什么是网页？
✎ 1.1 网页概述
浏览新闻
查询信息
说到网页，其
实大家并不陌生
网上购物
网页究竟是什么？
✎ 1.1 网页概述
网页可以看做承载各种网站应用和
信息的容器，所有可视化的内容都会通 过网页展示给用户。
超文本标签语 言（第一版）
HTML2.0
HTML3.2
HTML4.0
HTML4.01
在1993年6月作 为互联网工程 工作小组（ IETF）工作草 案发布。
1995年11月作 为RFC 1866发 布，在RFC 2854于2000年 6月发布之后被 宣布过时。
1997年1月14日， W3C推荐标准。
✎ 1.1 网页概述
1.1.1 认识网页
静态网页
动态网页
➢ 用户无论何时何地访问，网
➢ 显示的内容则会随着用户操
静 动 页都会显示固定的信息，除
作和时间的不同而变化。
非网页源代码被重新修改上
➢ 动态网页可以和服务器数据
传。
混 合 库进行实时的数据交换。
➢ 静态网页更新不方便，但是
访问速度快。
✎ 1.1 网页概述
1.1.3 Web标准
Web标准不是某一个标准，而是由
W3C和其他标准化组织制定的一系列标 准的集合。 包含我们所熟悉的HTML、 XHTML、CSS、Javascript等等。
✎ 1.1 网页概述
1.1.3 Web标准
通过Web标准
由于不同的浏览器解析出来 的效果可能不一致，开发者 常常需要为多版本的开发而 艰苦工作。
✎ 1.2 网页制作技wenku.baidu.com入门
1.2.1 HTML
概述 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”， 主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
超链接
文本 图片
✎ 1.2 网页制作技术入门
1.2.1 HTML
概述 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”， 主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
1.1.2 网页名词解释
名词
Internet网络 WWW URL DNS HTTP和 HTTPS
Web W3C组织
名词释义
就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。
WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网 页浏览服务。
结构标准
表现标准
行为标准相当 于房间内部的 设备，让房子 具有功能性。
行为标准
KTV有唱 歌功能
厨房有做 饭功能
✎ 1.2 网页制作技术入门
HTML、CSS和JavaScript是网页制作 的标准语言，要想学好、学会网页制作 技术，首先需要对它们有一个整体的认 识。
本节将针对HTML、CSS和JavaScript语言的发展历史、流行版本、 开发工具、运行平台等内容进行详细的讲解。
展示统一内容
✎ 1.1 网页概述
1.1.3 Web标准
结构标准
结构标准用于对网 页元素进行整理和 分类，主要包括： HTML、XML和 XHTML。
表现标准
表现标准用于设置 网页元素的版式、 颜色、大小等外观 样式，主要指的是 CSS。
行为标准
行为标准是指网页 模型的定义及交互 的编写，主要包括 两个部分：DOM和 ECMAScript。
✎ 1.1 网页概述
1.1.3 Web标准
结构标准
表现标准
如果把Web标 准看做一栋房 子，结构标准 就相当于房子 的框架。
行为标准
✎ 1.1 网页概述
1.1.3 Web标准
结构标准
表现标准
行为标准
表现标准就相 当于房子的装 修，让房子看 起来更美观。
✎ 1.1 网页概述
1.1.3 Web标准
本节将详细介绍和网页相关的概念。
✎ 1.1 网页概述
1.1.1 认识网页
网页主要由文字、图像和超链接（超 链接为单击可以跳转的网页元素）等 元素构成。当然除了这些元素，网页 中还可以包含音频、视频以及动画等。
✎ 1.1 网页概述
1.1.1 认识网页
淘宝网首页的源代码，这是一个纯文 本文件，仅包含一些特殊的符号和文 本。而我们浏览网页时看到的图片、 视频等，正是这些特殊的符号和文本 组成的代码被浏览器渲染之后的结果。
Web通常指互联网的使用环境。但对于网站制作者来说，它是一系列技术的复合总称， 通常称之为网页。
W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网 联盟是国际最著名的标准化组织。
✎ 1.1 网页概述
1.1.3 Web标准
什么是Web标准？
✎ 1.1 网页概述
第一章 HTML5+CSS3网页设计概述
HTML
• Web标准
• 浏览器
• Dreamweaver初始化设置 • Dreamweaver基本操作
✎ ✎ 学习目标
了解网页概念和组成。
1
理解HTML、CSS和
JavaScript的功能和 2
作用。
熟悉
熟悉Dreamweaver 工具的基本操作
。3
✎ 目录
网页概述
☞点击查看本小节知识架构
网页制作技术入门
☞点击查看本小节知识架构
Dreamweaver工具的使用
☞点击查看本小节知识架构
阶段案例——创建第一个网页
✎ 章节概要
近几年HTML5、CSS3一直是互联网技术中 最受关注的两个话题，然而HTML5、CSS3 究竟是什么？许多刚刚接触网页制作的初学 者也没有一个基本的概念。因此在学习 HTML5和CSS3之前，首先需要了解一些与 互联网相关的知识，这样有助于初学者理清 思路，快速进入到后面章节的学习中。
URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符” URL其 实就是Web地址，俗称“网址”。
DNS （英文Domain Name System的缩写）是域名解析系统。
HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细 规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行 加密传输、身份认证的网络协议，要比HTTP协议安全。 通信的规则。
✎ 1.1 网页概述
什么是网页？
✎ 1.1 网页概述
浏览新闻
查询信息
说到网页，其
实大家并不陌生
网上购物
网页究竟是什么？
✎ 1.1 网页概述
网页可以看做承载各种网站应用和
信息的容器，所有可视化的内容都会通 过网页展示给用户。
超文本标签语 言（第一版）
HTML2.0
HTML3.2
HTML4.0
HTML4.01
在1993年6月作 为互联网工程 工作小组（ IETF）工作草 案发布。
1995年11月作 为RFC 1866发 布，在RFC 2854于2000年 6月发布之后被 宣布过时。
1997年1月14日， W3C推荐标准。
✎ 1.1 网页概述
1.1.1 认识网页
静态网页
动态网页
➢ 用户无论何时何地访问，网
➢ 显示的内容则会随着用户操
静 动 页都会显示固定的信息，除
作和时间的不同而变化。
非网页源代码被重新修改上
➢ 动态网页可以和服务器数据
传。
混 合 库进行实时的数据交换。
➢ 静态网页更新不方便，但是
访问速度快。
✎ 1.1 网页概述
1.1.3 Web标准
Web标准不是某一个标准，而是由
W3C和其他标准化组织制定的一系列标 准的集合。 包含我们所熟悉的HTML、 XHTML、CSS、Javascript等等。
✎ 1.1 网页概述
1.1.3 Web标准
通过Web标准
由于不同的浏览器解析出来 的效果可能不一致，开发者 常常需要为多版本的开发而 艰苦工作。
✎ 1.2 网页制作技wenku.baidu.com入门
1.2.1 HTML
概述 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”， 主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
超链接
文本 图片
✎ 1.2 网页制作技术入门
1.2.1 HTML
概述 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”， 主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
1.1.2 网页名词解释
名词
Internet网络 WWW URL DNS HTTP和 HTTPS
Web W3C组织
名词释义
就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。
WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网 页浏览服务。
结构标准
表现标准
行为标准相当 于房间内部的 设备，让房子 具有功能性。
行为标准
KTV有唱 歌功能
厨房有做 饭功能
✎ 1.2 网页制作技术入门
HTML、CSS和JavaScript是网页制作 的标准语言，要想学好、学会网页制作 技术，首先需要对它们有一个整体的认 识。
本节将针对HTML、CSS和JavaScript语言的发展历史、流行版本、 开发工具、运行平台等内容进行详细的讲解。
展示统一内容
✎ 1.1 网页概述
1.1.3 Web标准
结构标准
结构标准用于对网 页元素进行整理和 分类，主要包括： HTML、XML和 XHTML。
表现标准
表现标准用于设置 网页元素的版式、 颜色、大小等外观 样式，主要指的是 CSS。
行为标准
行为标准是指网页 模型的定义及交互 的编写，主要包括 两个部分：DOM和 ECMAScript。
✎ 1.1 网页概述
1.1.3 Web标准
结构标准
表现标准
如果把Web标 准看做一栋房 子，结构标准 就相当于房子 的框架。
行为标准
✎ 1.1 网页概述
1.1.3 Web标准
结构标准
表现标准
行为标准
表现标准就相 当于房子的装 修，让房子看 起来更美观。
✎ 1.1 网页概述
1.1.3 Web标准
本节将详细介绍和网页相关的概念。
✎ 1.1 网页概述
1.1.1 认识网页
网页主要由文字、图像和超链接（超 链接为单击可以跳转的网页元素）等 元素构成。当然除了这些元素，网页 中还可以包含音频、视频以及动画等。
✎ 1.1 网页概述
1.1.1 认识网页
淘宝网首页的源代码，这是一个纯文 本文件，仅包含一些特殊的符号和文 本。而我们浏览网页时看到的图片、 视频等，正是这些特殊的符号和文本 组成的代码被浏览器渲染之后的结果。
Web通常指互联网的使用环境。但对于网站制作者来说，它是一系列技术的复合总称， 通常称之为网页。
W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网 联盟是国际最著名的标准化组织。
✎ 1.1 网页概述
1.1.3 Web标准
什么是Web标准？
✎ 1.1 网页概述
第一章 HTML5+CSS3网页设计概述
HTML
• Web标准
• 浏览器
• Dreamweaver初始化设置 • Dreamweaver基本操作
✎ ✎ 学习目标
了解网页概念和组成。
1
理解HTML、CSS和
JavaScript的功能和 2
作用。
熟悉
熟悉Dreamweaver 工具的基本操作
。3
✎ 目录
网页概述
☞点击查看本小节知识架构
网页制作技术入门
☞点击查看本小节知识架构
Dreamweaver工具的使用
☞点击查看本小节知识架构
阶段案例——创建第一个网页
✎ 章节概要
近几年HTML5、CSS3一直是互联网技术中 最受关注的两个话题，然而HTML5、CSS3 究竟是什么？许多刚刚接触网页制作的初学 者也没有一个基本的概念。因此在学习 HTML5和CSS3之前，首先需要了解一些与 互联网相关的知识，这样有助于初学者理清 思路，快速进入到后面章节的学习中。
URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符” URL其 实就是Web地址，俗称“网址”。
DNS （英文Domain Name System的缩写）是域名解析系统。
HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细 规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行 加密传输、身份认证的网络协议，要比HTTP协议安全。 通信的规则。