《网页设计与制作基础（HTML5+CSS3）》全套教学课件.pptx

第1章网页设计基础;第1章网页设计基础;目录;1.1网站概述;1.1.2URL和域名;1.1.2URL和域名;1.1.2URL和域名;1.1.2URL和域名;1.1.2URL和域名;1.1.3静态页面和动态页面;1.1.3静态页面和动态页面;1.1.4动态页面开发技术;1.1.4动态页面开发技术;1.2网站规划及布局;1.2网站规划及布局;网站目录设计;网站链接结构;1.2.2网页布局;1.2.2网页布局;1.2.2网页布局;1.2.2网页布局;1.2.2网页布局;1.3站点建立和访问;1.3.3常用网页编辑工具;1.3.3常用网页编辑工具;1.3.4建立本地站点;HTML页面建立和编辑;HTML页面样式设置;HTML页面建立;小结;第2章HTML5基础;目录;2.1.html文档结构;head标记;head标记;2.2HTML标签;2.2.1HTML内容标签;2.2.1HTML内容标签;2.2.1HTML内容标签;2.2.2HTML字符格式;2.3HTML5语义元素;语义元素应用例子;2.4HTML5功能元素;2.4.2video视频;2.4.3audio音频;2.4.4embed元素;2.4.5mark元素;2.4.6time标记;2.4.7dialog元素;2.4.8bdi元素;2.4.9figcaptio;2.4.10canvas画布;2.4.10canvas画布;2.4.11progress;2.5小结;第3章CSS样式设置;目录;3.1CSS概述;3.1CSS概述;3.1.2CSS样式基本组成;3.1.2CSS样式基本组成;3.2CSS样式的定义和使用;PowerPoint演示文稿;3.2.2样式定义的基本选择;3.2.2样式定义的基本选择;3.2.2样式定义的基本选择;3.2.3通配符选择器;3.2.4选择器分组;3.2.5复合选择器的使用;3.2.5复合选择器的使用;3.2.6外部样式表的定义和;3.2.7CSS优先级;3.3CSS常见属性及取值;3.3.1文本属性;3.3.2边框属性;3.3.3布局属性;3.4小结;第4章基本页面排版;目录;4.1长度单位与特殊符号;4.1长度单位与特殊符号;4.1长度单位与特殊符号;4.1长度单位与特殊符号;4.1.2特殊符号的插入;4.2文本标签;4.2.2段落和引用文本;引用例子;4.2.3特殊格式标签;4.2.4预定义标签pre;4.3图片使用;4.3.2设置图像的宽度高度;设置图片对其方式;4.4背景设置;4.4.2背景图像平铺设置;例子1;4.4.3背景图像位置设置;4.4.3背景图像位置设置;4.5页面设计实例;初始结构;页面整体内容;页面整体内容;设置样式;图片样式;4.6小结;第5章列表应用;目录;5.1无序列表;5.1无序列表;5.1无序列表;5.1无序列表;5.1无序列表;5.2有序列表;5.2有序列表;5.2有序列表;5.3自定义列表;5.4列表综合应用;5.4列表??合应用;5.4.2使用列表实现下拉菜;5.4.2使用列表实现下拉菜;5.4.2使用列表实现下拉菜;5.4.2使用列表实现下拉菜;5.4.2使用列表实现下拉菜;5.4.2使用列表实现下拉菜;5.5小结;第6章表格设计;目录;6.1表格结构;6.1.2插入表格;6.2表格属性;6.2.2表格行tr属性;6.2.3单元格td属性;6.3表格应用实例;6.3.1表格应用实例;6.3.1表格应用实例;Frame属性和rules属性;6.3.2设计统计数据表格;6.3.2设计统计数据表格;6.3.2设计统计数据表格;6.3.3表格综合布局;6.3.3表格综合布局;6.3.3表格综合布局;6.3.3表格综合布局;6.3.3表格综合布局;6.4小结;第7章超链接与内联框架;目录;7.1创建超链接;7.1创建超链接;7.1.2超链接路径;7.1.2超链接路径;7.2超链接对象;7.2.1书签链接（命名锚记;7.2.2图片热点链接;7.2.2图片热点链接;7.2.2图片热点链接;7.2.2图片热点链接;7.2.2图片热点链接;7.3超链接属性;7.4超链接动态效果设置;7.4.1超链接动态效果设置;7.4.1超链接动态效果设置;7.4.1超链接动态效果设置;7.4.2超链接图片效果;7.4.2超链接图片效果;7.4.2超链接图片效果;7.4.2超链接图片效果;7.5内联框架;7.5内联框架;内联框架例子;7.6小结;第8章DIV+CSS布局;目录;8.1