网站规划和网页设计-全套PPT课件.pptx

Web前端开发实例教程

——HTML5+CSS3+JavaScript;1.1万维网WWW;1.1万维网WWW;1.1万维网WWW;1.1万维网WWW;1.1万维网WWW;1.1万维网WWW;1.2网站与网页的基本概念;1.2网站与网页的基本概念;1.3网站的规划与设计;1.4定位网站的主题和名称;1.4定位网站的主题和名称;1.5确定网站的CI形象;1.6网站内容的设计;1.6网站内容的设计;1.6网站内容的设计;1.7网页的基本元素;1.8网页布局结构;1.9常见的网页编辑工具;1.10Web标准;1.10Web标准;1.10Web标准;习题1;电子工业出版社;2.1HTML简介;2.1HTML简介;2.1HTML简介;2.2HTML语法基础;2.2HTML语法基础;2.2HTML语法基础;2.2HTML语法基础;2.3创建HTML文档;2.4搭建支持HTML5的浏览器环境;2.5网页头部标签;2.5网页头部标签;2.5网页头部标签;2.5网页头部标签;2.5网页头部标签;2.6注释;2.7特殊符号;习题2;电子工业出版社;3.1文字与段落排版;3.1文字与段落排版;3.1文字与段落排版;3.1文字与段落排版;3.1文字与段落排版;3.1文字与段落排版;3.2超链接;3.2超链接;3.2超链接;3.2超链接;3.2超链接;3.2超链接;3.3图像;3.3图像;3.3图像;3.3图像;3.3图像;3.4列表;3.4列表;3.4列表;3.4列表;习题3;电子工业出版社;4.1表格;4.1表格;4.1表格;4.1表格;4.1表格;4.1表格;4.2使用结构元素构建网页布局;4.2使用结构元素构建网页布局;4.2使用结构元素构建网页布局;4.3div标签;4.4span标签;4.4span标签;4.4span标签;4.5表单;4.5表单;4.5表单;4.5表单;4.5表单;4.5表单;4.5表单;4.5表单;习题4;电子工业出版社;5.1CSS简介;5.1CSS简介;5.1CSS简介;5.1CSS简介;5.1CSS简介;5.2HTML与CSS;5.2HTML与CSS;5.2HTML与CSS;5.3CSS语法基础;5.3CSS语法基础;5.3CSS语法基础;5.3CSS语法基础;5.3CSS语法基础;5.3CSS语法基础;5.3CSS语法基础;5.4CSS的属性单位;5.4CSS的属性单位;5.5网页中引用CSS的方法;5.5网页中引用CSS的方法;5.5网页中引用CSS的方法;5.5网页中引用CSS的方法;5.5网页中引用CSS的方法;5.6文档结构;5.6文档结构;5.6文档结构;5.6文档结构;5.6文档结构;习题5;电子工业出版社;6.1盒模型的概念;6.2边框、外边距与内边距;6.2边框、外边距与内边距;6.2边框、外边距与内边距;6.2边框、外边距与内边距;6.2边框、外边距与内边距;6.2边框、外边距与内边距;6.3盒模型的尺寸;6.3盒模型的尺寸;6.4盒子的margin叠加问题;6.4盒子的margin叠加问题;6.5盒模型综合案例——珠宝商城顶部内容;6.6盒子的定位;6.6盒子的定位;6.6盒子的定位;6.6盒子的定位;6.6盒子的定位;6.6盒子的定位;6.7浮动与清除浮动;6.7浮动与清除浮动;6.7浮动与清除浮动;6.7浮动与清除浮动;6.8综合案例——珠宝商城市场团队简介页面;6.8综合案例——珠宝商城市场团队简介页面;习题6;电子工业出版社;7.1设置字体样式;7.1设置字体样式;7.1设置字体样式;7.1设置字体样式;7.1设置字体样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.2设置文本样式;7.3设置图像样式;7.3设置图像样式;7.3设置图像样式;7.3设置图像样式;7.3设置图像样式;7.3设置图像样式;7.3设置图像样式;7.3设置图像样式;7.4