网站前端技术案例教程教学课件汇总全书电子教案（全）.pptx

课程导言;;第1章 网页制作基础知识;;1.1.1 名词解释;12/16/2021;12/16/2021;12/16/2021;12/16/2021;;12/16/2021;12/16/2021;网站与网页;构成网页的基本元素主要包括文本、图片、水平线、表格、表单、超链接及各种动态元素。;1.1.2 Web标准概述;1.2 网页制作入门;html 发展历程;;;1.3 常用编辑工具;1.3.2 Dreamweaver工具使用简介;;第2章 建设基本HTML页面;[案例2] 黄姚古镇简介;[案例2] 黄姚古镇简介;1. HTML结构;1. HTML结构;1. HTML结构;1. HTML结构;2. 文本标记;2. 文本标记;2. 文本标记;2. 文本标记;2. 文本标记;2. 文本标记;[案例2] 实现过程;[案例3]黄姚古镇简介引文注释;[案例3]黄姚古镇简介引文注释;1. font修饰标记;1. font修饰标记;2.其他文字修饰标记;2.其他文字修饰标记;2.其他文字修饰标记;[案例3] 实现过程;[案例4] 醉黄姚—图文黄姚简介;[案例4] 醉黄姚—图文黄姚简介;1. 图像标记img;1. 图像标记img;1. 图像标记img;1. 图像标记img;1. 图像标记img;1. 图像标记img;1. 图像标记img;[案例4] 实现过程;;第3章 使用CSS技术美化网页;[案例5]黄姚古镇多彩标题;[案例5]黄姚古镇多彩标题;1. CSS基础概念;1. CSS基础概念;1. CSS基础概念;1. CSS基础概念;1. CSS基础概念;2. CSS样式的引用;2. CSS样式的引用;2. CSS样式的引用;2. CSS样式的引用;2. CSS样式的引用;2. CSS样式的引用;2. CSS样式的引用;2. CSS样式的引用;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;3. CSS的基本选择符;[案例5] 实现过程;[案例6]黄姚旅游信息新闻;[案例6]黄姚旅游信息新闻;1． CSS字体样式属性;1． CSS字体样式属性;1． CSS字体样式属性;1． CSS字体样式属性;1． CSS字体样式属性;2． 文本外观属性;2． 文本外观属性;2． 文本外观属性;2． 文本外观属性;2． 文本外观属性;2． 文本外观属性;[案例6] 实现过程;补充案例;[案例7]黄姚美食推荐;[案例7]黄姚古镇美食推荐;1． 复合选择器;1． 复合选择器;1． 复合选择器;2??? CSS层叠性和继承性;2． CSS层叠性和继承性;3． CSS的优先级;3． CSS的优先级;3． CSS的优先级;[案例7] 实现过程;;第10章 JavaScript核心对象;[案例8] 黄姚风景图文欣赏;[案例8] 黄姚风景图文欣赏;1. CSS盒子模型;1. CSS盒子模型;2. 标准文档流;3. 块元素div与行内元素span;4. 边框属性;4. 边框属性;4. 边框属性;4. 边框属性;4. 边框属性;4. 边框属性;4. 边框属性;[案例8] 实现过程;[案例9] 黄姚最受欢迎的土特产推介;[案例9] 黄姚最受欢迎的土特产推介;1. CSS盒子的内边框属性;2. CSS盒子的外边框属性;3. 盒子之间的关系;3. 盒子之间的关系;3. 盒子之间的关系;[案例9] 实现过程;[案例10] 黄姚风景明信片;[案例10] 黄姚风景明信片;1. CSS盒子的背景属性设置;2. 设置背景图片;3. 背景图片的位置 ;3. 背景图片的位置 ;3. 背景图片的位置 ;4. 设置背景附件;5. 背景属性整体设置;[案例10] 实现过程;;第5章 CSS的定位布局;[案例11]友情链接;[案例11] 友情链接;1.块元素与行内元素;1.块元素与行内元素;1.块元素与行内元素;2. span标记;3. display属性;3. display属性;4.标准文档流的定位原则;[案例11] 实现过程;[案例11] 实现过程;[案例12]黄姚门票网络票面;[案例12]黄姚门票网络票面;1.元素的浮动属性;1.元素的浮动属性;2.浮动属性的清除;2.浮动属性的清除;2.浮动属性的清除;2.浮动属性的清除