您好，欢迎来到聚文网。
登录
免费注册
网站首页
|
搜索
热搜：
磁力片
|
漫画
|
购物车
0
我的订单
商品分类
首页
幼儿
文学
社科
教辅
生活
销量榜
HTML5+CSS3 Web前端开发技术
字数: 527
出版社: 人民邮电
作者: 编者:刘德山//褚芸芸//孙美乔|
商品条码: 9787115649591
版次: 3
开本: 16开
页数: 283
出版年份: 2025
印次: 1
定价：
￥69.8
销售价：
登录后查看价格
￥{{selectedSku?.salePrice}}
库存：
{{selectedSku?.stock}}
库存充足
{{item.title}}：
{{its.name}}
加入购物车
立即购买
加入书单
收藏
精选
¥5.83
世界图书名著昆虫记绿野仙踪木偶奇遇记儿童书籍彩图注音版
¥5.39
正版世界名著文学小说名家名译中学生课外阅读书籍图书批发 70册
¥8.58
简笔画10000例加厚版2-6岁幼儿童涂色本涂鸦本绘画本填色书正版
¥5.83
世界文学名著全49册中小学生青少年课外书籍文学小说批发正版
¥4.95
全优冲刺100分测试卷一二三四五六年级上下册语文数学英语模拟卷
¥8.69
父与子彩图注音完整版小学生图书批发儿童课外阅读书籍正版1册
¥24.2
好玩的洞洞拉拉书0-3岁宝宝早教益智游戏书机关立体翻翻书4册
¥7.15
幼儿认字识字大王3000字幼儿园中班大班学前班宝宝早教启蒙书
¥11.55
用思维导图读懂儿童心理学培养情绪管理与性格培养故事指导书
¥19.8
少年读漫画鬼谷子全6册在漫画中学国学小学生课外阅读书籍正版
¥64
科学真好玩
¥12.7
一年级下4册·读读童谣和儿歌
¥38.4
原生态新生代(传统木版年画的当代传承国际研讨会论文集)
¥11.14
法国经典中篇小说
¥11.32
上海的狐步舞--穆时英(中国现代文学馆馆藏初版本经典)
¥21.56
猫的摇篮(精)
¥30.72
幼儿园特色课程实施方案/幼儿园生命成长启蒙教育课程丛书
¥24.94
旧时风物(精)
¥12.04
三希堂三帖/墨林珍赏
¥6.88
寒山子庞居士诗帖/墨林珍赏
¥6.88
苕溪帖/墨林珍赏
¥6.88
楷书王维诗卷/墨林珍赏
¥9.46
兰亭序/墨林珍赏
¥7.74
祭侄文稿/墨林珍赏
¥7.74
蜀素帖/墨林珍赏
¥12.04
真草千字文/墨林珍赏
¥114.4
进宴仪轨(精)/中国古代舞乐域外图书
¥24.94
舞蹈音乐的基础理论与应用
内容简介
本书共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</div></div> </div> </div> </div> </div> </div> <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { /** * 图片放大器 */ $("#img_zoom").blowup({ background : "#FCEBB6" }); }); </script> <!-- 添加到书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">添加到书单</h4> </div> <div class="modal-body"> <!-- 书单列表模板 --> <script id="tpl_my_list" type="text/template"> {@each records as i} <li class="list-group-item"> <label style="width:100%;cursor: pointer;"> <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}"> @{i.name} </label> </li> {@/each} </script> <!-- 书单列表模板结束 --> <ul class="list-group" id="tbl_my_list"> <li class="list-group-item"> <label for="list2" >加载中...</label> </li> </ul> <div class="pager"></div> <a href="javascript:void(0);" id="a_add_list">点此新建书单</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button> </div> </div> </div> </div> <!-- 添加到书单弹出框结束 --> <!-- 新建书单弹出框 --> <div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="form_create_list"> <button type="reset" style="display:none;"></button> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">新建书单</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="recipient-name" class="control-label">标题：</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="recipient-name" class="control-label">简介：</label> <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述...">
蜀ICP备2024047804号
Copyright 版权所有 © jvwen.com 聚文网
