HTML5+CSS3+JavaScript+Bootstrap网站开发实用技术（第3版）PPT完整全套教学课件.pptx

第0章 课程概述;关于课程;html 5 -标记 -网页内容 CSS 3-属性 -网页样式;教学目标;参考书籍资源;爱因斯坦教育理念;学习建议;第1章网站开发基础知识;1.1 互联网的访问过程;1.1 互联网的访问过程;1.1 互联网的访问过程;1.1 互联网的访问过程;1.2 互联网的工作机制;1.2 互联网的工作机制;1.3 网站设计中的一些基本概念;1.3 网站设计中的一些基本概念;1.4 制作网站的标准和常用技术;1.4 制作网站的标准和常用技术;1.4 制作网站的标准和常用技术;1.4 制作网站的标准和常用技术;1.5 常用的开发工具;1.6 网站建设的流程;1.6 网站建设的流程;1.6网站建设的流程;1.6 网站建设的流程;1.6 网站建设的流程;1.6 网站建设的流程;1.6 网站建设的流程;1.6 网站建设的流程;1.7 建立站点;1.7 建立站点;1.7 建立站点;1.7 建立站点;1.7 建立站点;1.7 建立站点;1.8 应用案例;小结;小结;作业;百货公司的香水，95%都是水，只有5%不同，那是各家秘方;Diagram;CG艺术类网站 Computer Graphics （电脑图形） ;电子游戏类网站;第2章 静态网页制作—使用HTML技术;2.1 HTML概述;;HTML5;2.1 HTML概述;2.1 HTML概述;HTML的颜色表示;2.1 HTML概述;2.1 HTML概述;2.2 HTML基本标记;2.2 HTML基本标记;2.2 HTML基本标记;2.2 HTML基本标记;有序列表ol;无序列表ul;自定义列表dl;2.2 HTML基本标记;2.3 多媒体;2.3 多媒体;2.3 多媒体;2.3.2 多媒体文件标记embed;2.3.3 HTML5中新增的视频标记video;2.3.4 HTML5中新增音频标记audio;2.3 多媒体;2.4 超链接;2.4 超链接;2.4 超链接;2.4 超链接;2.4 超链接;2.5 表单;2.5.2 输入标记input;2.5.3 列表框标记select;2.5.4 文本域输入标记textarea;2.5.5 HTML5表单新增属性;2.5.6 HTML5中新增的input 类型;2.5.6 HTML5中新增的input 类型;2.5.6 HTML5中新增的input 类型;2.6 表格;2.6 表格;表格示例;2.6 表格;2.6 表格;2.6 表格;2.7 内嵌框架;2.7 内嵌框架;内嵌框架属性;2.8 应用案例;2.8 应用案例;2.8.3 内嵌框架实例 ;小结;作业;;第3章 美化网页——使用CSS技术;3.1 CSS概述;3.1 CSS概述;3.1 CSS概述;3.2 CSS基本选择器;3.2 CSS基本选择器;3.2 CSS基本选择器;3.2 CSS基本选择器;3.2 CSS基本选择器;3.2 CSS基本选择器;3.3 在HTML中使用CSS的???法;3.3 在HTML中使用CSS的方法;3.3 在HTML中使用CSS的方法;3.3 在HTML中使用CSS的方法;3.4 CSS复合选择器;3.4 CSS复合选择器;3.4 CSS复合选择器;3.4 CSS复合选择器;3.4 CSS复合选择器;3.4 CSS复合选择器;属性选择器;3.4 CSS复合选择器;3.4 CSS复合选择器;3.4 CSS复合选择器;3.5 用CSS设置文本样式;3.5 用CSS设置文本样式;3.5 用CSS设置文本样式;3.5 用CSS设置文本样式;3.5 用CSS设置文本样式;3.5 用CSS设置文本样式;3.5 用CSS设置文本样式;3.5 用CSS设置文本样式;3.6 用CSS设置颜色与背景;3.6 用CSS设置颜色与背景;3.6 用CSS设置颜色与背景;3.6 用CSS设置颜色与背景;3.6 用CSS设置颜色与背景;3.6.3 圆角边框和图像边框;3.6.3 圆角边框和图像边框;3.6.3 圆角边框和图像边框;3.7 用CSS设置图像效果;3.7 用CSS设置图像效果;3.7 用CSS设置图像效果;3.7 用CSS设置图像效果;3.7 用CSS设置图像效果;3.7 用CSS设置图像效果;3.7 用CSS设置图像效果;3.8 应用案例;3.8 应用案例;小结;小结;CSS背景属性包括background、background-attachment、background-color、background-image、background-position和background-repeat等。 使用CSS，可以为图片设置更加丰富的风格和样式，包括添加边框、缩放图片、实现图文混排和设置对齐方式等。 本章需要大量书写CSS代码，推荐