HTML5 CSS3网页设计与制作(第2版)课件全套 第1--12章 HTML5+CSS3网页设计概述 ---实战开发——制作企业网站页面.pptx
第1章HTML5+CSS3网页设计概述;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;网页概述;1.1网页概述;1.1网页概述;1.1网页概述;1.1.1认识网页;1.1.1认识网页;1.1.1认识网页;1.1.2网页名词解释;1.1.3Web标准;1.1.3Web标准;1.1.3Web标准;1.1.3Web标准;1.1.3Web标准;1.1.3Web标准;结构标准;网页制作入门;1.2网页制作入门;1.2.1HTML;1.2.1HTML;1.2.1HTML;1.2.2CSS;1.2.3JavaScript;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;1.2.4网页的展示平台——浏览器;网页代码编辑工具;为了便于编辑网页代码,网页制作人员通常会使用一些便捷的代码编辑工具。VisualStudioCode(简称VSCode)是一款轻量且开源的代码编辑工具,深受网页制作人员的喜爱。;1.3.1VisualStudioCode的安装和设置;1.3.1VisualStudioCode的安装和设置;1.3.1VisualStudioCode的安装和设置;1.3.1VisualStudioCode的安装和设置;1.3.1VisualStudioCode的安装和设置;1.3.2VisualStudioCode的使用;1.3.2VisualStudioCode的使用;1.3.2VisualStudioCode的使用;1.3.2VisualStudioCode的使用;1.3.2VisualStudioCode的使用;阶段案例——创建第一个网页;1.4阶段案例——创建第一个网页;本章小结;第2章初识HTML5;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;目录/Contents;HTML5的优势;2.1HTML5的优势;2.1HTML5的优势;2.1HTML5的优势;2.1HTML5的优势;2.1HTML5的优势;HTML5的基本结构;2.2HTML5的基本结构;2.2HTML5的基本结构;标签概述;2.3标签概述;2.3.1标签的分类;2.3.1标签的分类;2.3.2标签的关系;2.3.2标签的关系;2.3.3标签的属性;2.3.3标签的属性;2.3.3标签的属性;2.3.4HTML5头部相关的标签;2.3.4HTML5头部相关的标签;2.3.4HTML5头部相关的标签;2.3.4HTML5头部相关的标签;文本控制标签;2.4文本控制标签;2.4.1页面格式化标签;2.4.1页面格式化标签;2.4.1页面格式化标签;2.4.1页面格式化标签;2.4.1页面格式化标签;2.4.1页面格式化标签;2.4.1页面格式化标签;2.4.2文本格式化标签;2.4.3HTML实体;2.4.3HTML实体;图像标签;2.5图像标签;2.5.1常见图像格式;2.5.1常见图像格式;2.5.1常见图像格式;2.5.2插入图像;2.5.2插入图像;阶段案例——制作新闻页面;2.6阶段案例——制作新闻页面;本章小结;第3章初识CSS3;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;目录/Contents;结构与表现分离;3.1结构与表现分离;3.1结构与表现分离;3.1结构与表现分离;CSS3的优势;3.2CSS3的优势;3.2CSS3的优势;CSS核心基础;3.3CSS核心基础;3.3.1CSS样式规则;3.3.1CSS样式规则;3.3.1CSS样式规则;3.3.2引入CSS样式;3.3.2引入CSS样式;3.3.2引入CSS样式;3.3.2引入CSS样式;3.3.2引入CSS样式;3.3.3CSS基础选择器;3.3.3CSS基础选择器;3.3.3CSS基础选择器;3.3