新書推薦:
《
儿童和青少年心理咨询
》
售價:HK$
151.8
《
我们如何学习:学习与教学的科学方法 (西班牙)艾克托尔·鲁伊兹·马丁
》
售價:HK$
86.9
《
感受的力量--像艺术家一样观看
》
售價:HK$
57.2
《
知宋·宋代之交通
》
售價:HK$
86.9
《
知宋·宋代之君主
》
售價:HK$
97.9
《
民国时期京剧名伶专集汇编(全4册)
》
售價:HK$
4378.0
《
量子力学 恩利克·费米
》
售價:HK$
52.8
《
银行业刑事风险防控与应对
》
售價:HK$
96.8
編輯推薦:
本书系“十四五”职业教育国家规划教材!
(1)知识全面、系统。本书内容覆盖 HTML5、CSS3、JavaScript 的主要知识点,满足读者学习 Web 前端开发基础知识的需求。通过学习本书,读者可以快速了解基本的 Web 前端开发框架,为深入学习 Web 前端开发做好知识储备。
(2)示例丰富、实用。本书通过示例呈现知识点,并会对一些典型示例进行拓展讲解。综合项目示例采用渐进式的迭代开发方法,方便读者学习。
(3)资源丰富、齐全。本书提供全部示例的源代码和素材资源,方便读者开展实践训练;本书的示例全都通过上机实践,运行结果无误。与此同时,本书提供 PPT 课件、教学大纲、教案、习题答案等资源,用书教师可以到人邮教育社区(www.ryjiaoyu.com)进行下载。此外,编者还为本书重点内容和典型示例录制了微课视频,助力读者随时随地高效自学。
內容簡介:
本书共9章,分为四篇。第一篇是Web前端开发基础与HTML5技术,介绍HTML和HTML5的常用标记和属性等内容。第二篇是CSS3技术及其应用,介绍盒模型、DIV CSS布局、弹性布局、响应式布局等内容。第三篇是JavaScript技术及其应用,介绍JavaScript的概念、对象和事件处理等内容。第四篇是综合项目实战,介绍两个综合项目示例的设计与实现过程,以强化读者对Web前端开发知识的应用能力。本书知识全面、示例丰富、易学易用,通过示例讲解知识点,便于读者牢固掌握和及时内化相关知识。
本书既可作为高校Web前端开发相关课程的教材,也可供信息技术类专业的读者自学使用,还可作为Web前端开发领域技术人员的参考书。
關於作者:
刘德山: 辽宁师范大学教授,现任辽宁省计算机基础教育学会副理事长/秘书长,全国计算机基础教育研究会理事,全国计算机仿真学会理事。主讲Web前端开发技术、Python程序设计、Java程序设计等课程。主编《HTML5 CSS3 Web前端开发技术(第2版)》、《C STL基础(第2版)》、《Java程序设计》、《Java程序设计实验指导》、《Java设计模式深入研究》等教材,其中《C STL基础》2014年获第2批普通高等教育十二五国家级规划教材。
目錄 :
【章名目录】
第 一篇 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站点 2
1.1.1 访问网站涉及的基本概念 2
1.1.2 访问网站的过程 4
1.2 Web前端开发的基本概念 5
1.3 Web标准与Web前端开发常用技术 7
1.3.1 Web标准 7
1.3.2 Web前端开发常用技术 8
1.4 Web前端开发工具 9
1.4.1 VS Code 9
1.4.2 WebStorm 10
1.5 网站建设的流程 11
1.5.1 确定网站的主题 11
1.5.2 规划网站的结构 12
1.5.3 搜集素材 13
1.5.4 设计网页 14
1.5.5 网站的测试与发布 15
1.5.6 网站的维护与推广 16
1.6 应用示例 16
本章小结 18
习题1 18
第 2章 静态网页制作——使用HTML技术
2.1 HTML概述 19
2.1.1 HTML 19
2.1.2 HTML5 20
2.1.3 HTML文档 20
2.1.4 建立HTML文档 22
2.2 文本元素 24
2.2.1 标题标记 24
2.2.2 段落标记
和换行标记
24
2.2.3 块标记
和 25
2.3 列表元素 26
2.3.1 有序列表标记 26
2.3.2 无序列表标记 27
2.3.3 自定义列表标记 28
2.4 HTML5的文档结构元素 28
2.5 超链接元素 33
2.5.1 超链接标记 33
2.5.2 超链接类型 33
2.5.3 超链接路径 34
2.6 多媒体元素 36
2.6.1 图像标记 36
2.6.2 多媒体文件标记 38
2.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