HTML5和CSS3网页设计基础.pptx

HTML5与CSS3网页设计基础;第一章 Internet和Web基础;访问一个网站的数据交流过程;HTML与CSS;HTML与CSS;HTML与CSS;HTML与CSS;CSS 代码的基本格式;HTML5 与 XHTML;HTML5 与 XHTML;HTML5的新特性与新规则;JavaScript 与浏览器脚本;Web Server 和 Web Services;协议; ;IP地址和域名;域名系统DNS;一个普通网站的请求过程;一个普通网站的请求过程;HTML 文档示例;HTML文档结构;HTML文档结构;HTML文档结构;HTML标签;HTML标签;META 标签（XHTML中）;META标签（XHTML中）;META 标签;第二章 网页结构基础;HTML元素;HTML标题;HTML段落;换行标签;水平标签;使用字体和属性;*内联样式;块引用元素;短语元素;短语元素;引用、引用和术语定义;列表元素;列表类型：无序列表 ;有序列表;自定义列表（描述列表）;特殊字符;特殊字符;div元素;div元素;第三章 超链接基础;HTML链接;锚元素;锚元素;;绝对和相对路径名;绝对和相对路径名;绝对和相对路径名;链接到同一文档的某个部分2-1;;链接到其他文档的特定位置;电子邮件链接;电子邮件链接;第六章 Web图形样式基础;HTML图像;HTML图像;设定水平间距和垂直间距;HTML图像做超链接;HTML图像做超链接;HTML图像做超链接;为网页背景添加图片;指定图片平铺方式;其他属性;第五章 CSS基础 ;CSS概述;常用的样式属性;样式的分类 ;样式的分类;层叠样式表的“层叠”;CSS语法;内联样式;内嵌样式;外部样式;链接外部样式表;导入外部样式表;选择器;HTML选择器;class选择器;ID选择器;样式的混合使用;SPAN 标签;CSS伪类和链接;第九章 表格基础;表格概述;TABLE TR TD ;简单表格示例;表格的标题;表格的对齐方式;合并单元格(跨列);合并单元格(跨行);表格的背景色和尺寸设置 ;border-collapse;border-spaceing（CSS2）;caption-side;empty-cells;table-layout;TABLE 的参数设定（常用）： ;TR 的参数设定（常用）;TD 的参数设定（常用）：;表格练习;CSS补遗;CSS补遗;CSS补遗;复合选择器;复合选择器;复合选择器;复合选择器;复合选择器;伪元素选择器;伪元素选择器;伪元素选择器;CSS3新特性之结构伪类选择器;结构性伪类选择器;结构性伪类选择器;结构性伪类选择器;实战操作;第九章 表单;基本概念;基本概念;表单元素总汇;form;form的属性;表单form;form的属性;label;legent;fieldset;input;button;input的type属性总汇;type为text值时;type为password值时;type为search值时;type为number、range时;type为date系列时;type为color时;type为checkbox、radio时;type为submit、reset和button时;type为image时;type为email、tel、url时;type为hidden时;type为file时;表单的其他元素;下拉列表select;多行文本框textarea;输入验证;表单输入元素-1;表单输入元素-2;表单输入元素-3;表单输入元素-4;HTML输入元素-5;表单输入元素-6;课堂练习:请编写HTML代码;嵌入元素;iframe嵌入另一个文档;embed嵌入插件内容;object和param元素;progress显示进度;meter显示范围的值;全局属性;全局属性;全局属性;全局属性;全局属性;音频和视频;音频和视频概述;音频和视频概述;音频和视频概述;Video视频元素;嵌入一个WebM视频;嵌入一个WebM视频;兼容多个浏览器;audio音频元素;CSS文本样式;字体总汇;字体设置;font-variant;font-style;font-weight;font-family;font;Web字体;文本总汇;文本样式;text-transform;text-shadow;文本控制;white-space;letter-spacing;word-spacing;line-height;word-wrap;text-indent;UI伪类选择器;UI伪类选择器;UI伪类选择器;UI伪类选择器;CSS盒模型;元素尺寸;元素尺寸;元素内边距;元素内边距;元素外边距;元素外边距;处理溢出;元素可见性;元素可见性;元素盒类型;元素盒类型;元素的浮动;元素的浮动;元素的