网页设计与制作（HTML+DIV+CSS）全套PPT课件.pptx

网页基础知识;网页基础知识 网页制作体检 HBuilder的使用;网页基础知识;网页基础知识;网页基础知识;网页基础知识;网页基础知识;网页元素;网页元素;网页元素;网页元素;网页设计软件;网页设计软件;网页设计软件;网页制作体检;Dreamweaver站点;站点的规划;站点的规划;创建站点;创建站点;创建新网页;Dreamweaver文档编辑界面;HBuilder的使用;安装HBuilder;启动HBuilder;HBuilder界面;新建Web项目;新建Web项目;新建Web项目;网页制作;HBuilder主题;HTML基础;HTML文件结构 HTML常用标签和属性 图像和链接标记;HTML文件结构;HTML文件结构;HTML文件结构;HTML文件结构;HTML常用标记和属性;HTML常用标签（元素）;HTML常用标签（元素）;HTML常用标签（元素）;HTML常用标签和属性;HTML常用标签和属性;HTML常用特殊字符;图像和链接标记;图像标签;a链接标签; a标签;路径;路径;CSS基础;行内样式与内嵌样式 标签选择器 类选择器 ID选择器;行内样式与内嵌样式;什么是CSS;使用CSS控制页面的方法;内联样式（行内样式）;案例;案例;内嵌样式;内嵌样式（内部样式）;链接样式;导入样式;CSS 选择器类型——标签选择器;CSS选择器类型;基本的CSS选择器类型;基本的CSS选择器类型——标签选择器;案例（标签选择器）;案例（标签选择器）;案例（标签选择器）;CSS 选择器类型——类选择器;基本的CSS选择器类型;案例（类选择器）;案例（类选择器）;基本的CSS选择器类型——类选择器;CSS 选择器类型——ID选择器;基本的CSS选择器类型——ID选择器;案例（ID选择器）;案例（ID选择器）;基本的CSS选择器类型——ID选择器;CSS选择器类型;网页文字;CSS基础 网页文字样式 DIV标签及样式 外部链接CSS样式;CSS基础;使用CSS控制页面的方法;使用CSS控制页面的方法;使用CSS控制页面的方法;CSS选择器类型;CSS选择器类型;使用CSS控制页面的方法;CSS选择器类型; CSS的命名;CSS选择器类型;网页文字样式;网页文字常用的CSS样式属性;网页文字样式;网页文字样式;网页文字样式;网页文字样式;div标签属性;定义div的CSS样式常用属性;案例;案例;案例;案例;案例;案例;外部链接样式;外部链接样式;案例;案例;案例;案例;案例;网页图像;图像标签 图像样式 图像样式效果 ???文混排 图像背景;图像标签;网页图像格式;图像标签;图像标签;图像样式;图像样式;案例;图像样式效果;图像样式效果;图像样式效果;图像样式效果;图像样式效果;图像样式效果;图文混排;图文混排;图文混排;文字环绕图像;float属性;clear属性;清除浮动的方法;文字环绕图像;文字环绕图像;图像居中;图像居中;图像背景;图像背景 ;背景属性 ;背景属性 ;背景属性 ;背景属性 ;背景属性 ;背景属性 ;背景属性 ;背景属性 ;列表;列表标签 列表嵌套 无序列表样式 有序列表样式 图像列表项标签;列表标签;列表标签;列表标签;列表标签;列表标签;列表嵌套;列表嵌套;列表嵌套;列表嵌套;列表嵌套;无序列表样式;无序列表样式;无序列表样式;案例;有序列表样式;有序列表样式;有序列表样式;案例;图像列表项标签;图像项目符号;案例;网页导航栏;链接文本样式 一个网页的多种链接样式 纵向导航栏 横向导航栏 网页导航栏;链接文本样式;链接标签;链接标签;链接文本样式;案例;案例;多种链接样式;多种链接文本样式;多种链接文本样式;多种链接文本样式;纵向导航栏;纵向导航栏;行内元素和块级元素;行内元素与块级元素的转换;纵向导航栏;纵向导航栏;纵向导航栏的制作要点;横向导航栏;横向导航栏的制作要点;float属性;float属性;网页导航栏;常见的网页导航栏;常见的网页导航栏;常见的网页导航栏;常见的网页导航栏;常见的网页导航栏;常见的网页导航栏;常见的网页导航栏;清除浮动的方法;表格;表格标签 单元格的合并 表格样式;表格标签;表格;表格;表格标签;表格标签;table标签的属性;表格标签属性;单元格td(th)标签的属性;表格属性;表格属性;思考：以下效果使用的标签及属性;单元各合并;单元格合并;单元格合并;单元格合并;表格嵌套;表格嵌套;表格样式;表格样式;表格样式;表格样式;表格样式;表格样式;表格样式;CSS3新增选择器在表格中的应用;CSS3新增选择器在表格中的应用;表单;表单标签 表单样式 表单新增元素 新增表单属性;表单标签;表单域form标签;form标签属性设置;form标签属性设置;form标签属性设置;inp