包邮HTML5+CSS3 Web前端开发技术 第3版 微课版

【章名目录】第　一篇 Web前端开发基础与HTML5技术第　1章 Web前端开发基础知识第　2章 静态网页制作——使用HTML技术第二篇　CSS3技术及其应用第3章　选择网页元素——使用CSS选择器第4章　美化网页——使用CSS设置元素样式【章名目录】第　一篇 Web前端开发基础与HTML5技术第　1章 Web前端开发基础知识第　2章 静态网页制作——使用HTML技术第二篇　CSS3技术及其应用第3章　选择网页元素——使用CSS选择器第4章　美化网页——使用CSS设置元素样式第5章　规划页面——使用CSS实现精美布局第三篇　JavaScript技术及其应用第6章　让网页动起来 ——使用JavaScript技术第7章　实现用户与网页的交互 ——JavaScript的对象与事件第四篇　综合项目实战第8章　综合项目示例1——在线旅游网站主页的设计第9章　综合项目示例2——产品展示网站主页的设计【详细目录】第　一篇 Web前端开发基础与HTML5技术第　1章 Web前端开发基础知识1.1　访问Web站点　21.1.1　访问网站涉及的基本概念　21.1.2　访问网站的过程　41.2　Web前端开发的基本概念　51.3　Web标准与Web前端开发常用技术　71.3.1　Web标准　71.3.2　Web前端开发常用技术　81.4　Web前端开发工具　91.4.1　VS Code　91.4.2　WebStorm　101.5　网站建设的流程　111.5.1　确定网站的主题　111.5.2　规划网站的结构　121.5.3　搜集素材　131.5.4　设计网页　141.5.5　网站的测试与发布　151.5.6　网站的维护与推广　161.6　应用示例　16本章小结　18习题1　18第　2章 静态网页制作——使用HTML技术2.1　HTML概述　192.1.1　HTML　192.1.2　HTML5　202.1.3　HTML文档　202.1.4　建立HTML文档　222.2　文本元素　242.2.1　标题标记　242.2.2　段落标记 和换行标记　242.2.3　块标记 和　252.3　列表元素　262.3.1　有序列表标记262.3.2　无序列表标记272.3.3　自定义列表标记282.4　HTML5的文档结构元素　282.5　超链接元素　332.5.1　超链接标记332.5.2　超链接类型　332.5.3　超链接路径　342.6　多媒体元素　362.6.1　图像标记　362.6.2　多媒体文件标记　382.6.3　HTML5视频标记　40 2.6.4　HTML5音频标记　41 2.7　表格　42 2.7.1　HTML的表格标记　42 2.7.2　HTML的表格属性　43 2.7.3　嵌套表格　45 2.8　表单　46 2.8.1　表单定义标记　46 2.8.2　输入标记　47 2.8.3　列表框标记　50 2.8.4　文本域标记　50 2.8.5　HTML5增加的表单属性　51 2.8.6　HTML5增加的input类型　53 2.9　内嵌框架　56 2.10　应用示例　58 2.10.1　完成会员注册表单　58 2.10.2　制作“学习经典，传承文化”网页　61 本章小结　63 习题2　63第二篇　CSS3技术及其应用 第3章　选择网页元素——使用CSS选择器 3.1　CSS概述　66 3.1.1　引入CSS　66 3.1.2　CSS的发展　68 3.2　CSS基本选择器　69 3.2.1　选择器概述　69 3.2.2　标记选择器　70 3.2.3　类选择器　70 3.2.4　ID选择器　72 3.3　在HTML文件中使用CSS样式的方式　74 3.3.1　行内样式　74 3.3.2　嵌入样式　74 3.3.3　链接样式　75 3.3.4　导入样式　76 3.3.5　CSS样式的优先级　77 3.4　CSS复合选择器　79 3.4.1　交集选择器　80 3.4.2　并集选择器　81 3.4.3　后代选择器　82 3.4.4　子选择器　83 3.4.5　相邻选择器　84 3.5　属性选择器　84 3.5.1　属性选择器的定义　84 3.5.2　常用的属性选择器　85 3.6　伪类选择器　86 3.6.1　结构伪类选择器　86 3.6.2　UI伪类选择器　89 3.7　伪元素选择器　91 3.7.1　选择器:before和:after　91 3.7.2　选择器:first-letter和:first-line　92 3.8　应用示例　93 3.8.1　设计“四书”网页的结构　93 3.8.2　设计“四书”网页的样式　96 本章小结　97 习题3　98第4章　美化网页——使用CSS设置元素样式 4.1　设置文本样式　99 4.1.1　字体属性　99 4.1.2　文本属性　102 4.2　设置文本颜色与背景样式　107 4.2.1　设置文本颜色　107 4.2.2　设置背景样式　108 4.2.3　圆角边框和图像边框　110 4.3　设置图像样式　113 4.3.1　为图像添加边框　113 4.3.2　设置图像大小　115 4.3.3　实现图文混排　117 4.4　应用示例　118 4.4.1　用CSS样式美化表单　118 4.4.2　设置图标项目符号　120 本章小结　122 习题4　122第5章　规划页面——使用CSS实现精美布局 5.1　CSS盒模型　124 5.1.1　盒模型的组成　124 5.1.2　盒子的类型　129 5.1.3　CSS3增加的与盒子相关的属性　131 5.2　CSS布局常用属性　135 5.2.1　定位属性　135 5.2.2　浮动属性　138 5.3　典型的网页布局　140 5.3.1　单列布局　140 5.3.2　使用float属性实现的两列布局　142 5.3.3　使用flex属性实现的两列布局　143 5.3.4　三列布局　147 5.4　响应式布局　150 5.4.1　响应式布局的含义　150 5.4.2　媒体查询　150 5.4.3　响应式布局的实现　153 5.5　应用示例　156 5.5.1　图文混排的实现　156 5.5.2　导航条的制作　158 本章小结　161 习题5　162第三篇　JavaScript技术及其应用 第6章　让网页动起来 ——使用JavaScript技术 6.1　JavaScript概述　164 6.1.1　JavaScript的版本　164 6.1.2　JavaScript的特点　165 6.1.3　编写JavaScript程序　165 6.2　JavaScript基础知识　167 6.2.1　JavaScript程序书写位置　167 6.2.2　JavaScript的语句　168 6.2.3　JavaScript的注释　169 6.2.4　数据类型　169 6.2.5　变量　170 6.2.6　常量　172 6.3　表达式与运算符　172 6.3.1　表达式　172 6.3.2　运算符　173 6.4　程序的流程控制　178 6.4.1　程序的控制结构　178 6.4.2　分支结构　178 6.4.3　循环结构　182 6.5　函数　185 6.5.1　函数的定义和调用　185 6.5.2　箭头函数　187 6.6　应用示例　189 本章小结　191 习题6　191第7章　实现用户与网页的交互 ——JavaScript的对象与事件 7.1　对象　192 7.1.1　对象概述　192 7.1.2　对象的引用　192 7.1.3　对象的操作　193 7.1.4　对象的类型　195 7.2　内置对象　195 7.2.1　String对象　195 7.2.2　Array对象　198 7.2.3　Date对象　202 7.2.4　Math对象　204 7.3　浏览器对象　206 7.3.1　BOM概述　206 7.3.2　Window对象　207 7.3.3　Navigator对象　209 7.3.4　Screen对象　210 7.3.5　Location对象　212 7.3.6　History对象　213 7.3.7　Document对象　214 7.4　DOM对象　216 7.4.1　DOM概述　216 7.4.2　DOM对象的属性和方法　218 7.4.3　访问DOM对象　219 7.5　事件处理和事件对象　227 7.5.1　事件处理的相关概念　227 7.5.2　事件绑定　227 7.5.3　事件对象　229 7.6　常见事件　230 7.6.1　鼠标事件　230 7.6.2　键盘事件　233 7.6.3　表单事件　234 7.7　应用示例　237 7.7.1　表单验证的实现　237 7.7.2　网络相册的实现　241 本章小结　244 习题7　244第四篇　综合项目实战 第8章　综合项目示例1——在线旅游网站主页的设计 8.1　网页布局与样式定义　246 8.1.1　用HTML5结构元素布局网页　246 8.1.2　用CSS3定义网站全局样式　248 8.2　页头部分的设计　250 8.2.1　页头部分的HTML代码　250 8.2.2　页头部分的CSS代码　251 8.3　侧边导航和焦点图部分的设计　252 8.3.1　侧边导航和焦点图的内容　252 8.3.2　侧边导航和焦点图部分的HTML代码　253 8.3.3　侧边导航和焦点图部分的CSS代码　255 8.4　精品推荐部分的设计　258 8.4.1　精品推荐部分的HTML代码　259 8.4.2　精品推荐部分的CSS代码　259 8.5　页脚部分的设计　261 8.5.1　页脚部分的HTML代码　261 8.5.2　页脚部分的CSS代码　262 本章小结　263 习题8　264第9章　综合项目示例2——产品展示网站主页的设计 9.1　网页结构和全局样式　265 9.1.1　网页结构分析　265 9.1.2　网页布局代码　266 9.1.3　定义全局样式和通用类　267 9.2　页头部分的设计　268 9.2.1　页头部分的HTML代码　269 9.2.2　页头部分的CSS代码　270 9.3　轮播图的设计　272 9.4　热点机型和特色产品部分的设计　274 9.4.1　热点机型部分　274 9.4.2　特色产品部分　277 9.5　附加信息及页脚部分的设计　280 本章小结　282 习题9　282