新書推薦：
《
日本姓名的历史学
》
售價：HK$
55.0
《
积极谈判（沟通力系列） 别害怕冲突 沟通力系列
》
售價：HK$
63.8
《
长寿的吃法：古风村的四季养生食谱
》
售價：HK$
74.8
《
江南以南：被湮没的严州府（火与风丛书）
》
售價：HK$
107.8
《
拍出绝世人像 专业摄影师的闪光灯布光技法解密
》
售價：HK$
140.8
《
远涉重洋：欧亚贸易与商业公司的崛起（一部近代全球贸易的形成史！欧洲商业公司何以横扫东方传统商业组织？西方主导世界背后被低估的组织革命。跨学科的比较史学杰作，开拓性阐释欧亚远程贸易竞争与制度迁移。）
》
售價：HK$
107.8
《
梁晓声说聊斋 茅盾文学奖得主梁晓声为你揭秘《聊斋》中隐藏的社会规则
》
售價：HK$
64.9
《
生物钟与抗衰革命
》
售價：HK$
109.9
|
| 編輯推薦： |
|
本书面向Web前端网站的设计开发实际，应用案例剖析教学法的教学理念，实施“案例-知识?应用”双线与双向的教学法，深入剖析知识要点，以问题为导向，启迪解决问题的能力。通过学习本书，读者可以快速掌握Web前端网站设计开发的技术和方法，并达到一定的实际应用水平。
|
| 內容簡介： |
本书系统地介绍了Web前端开发技术 HTML、CSS 、JavaScript和jQuery的核心内容与Web前端网站的设计开发方法，包括Web前端开发概述、HTML5语法基础、简单图文网页设计、层叠样式表 CSS、网页的布局设计、JavaScript 语言基础、BOM与DOM编程、HTML5进阶、应用CSS3渲染网页效果、jQuery基础与应用共10章的内容。
來源：香港大書城megBookStore,http://www.megbook.com.hk
本书面向Web前端设计与开发的实际应用，应用案例剖析教学法的教学理念，实施“案例应用、知识应用”双线与“案例知识”双向的教学法，深入剖析知识要点，以问题为导向，培养读者解决问题的能力。通过阅读本书，读者可以快速掌握Web前端网站设计开发的技术和方法，并达到一定的实际应用水平。
本书适合作为普通高校计算机类本科专业的教材，也适合Web前端设计与开发爱好者自学使用。
|
| 目錄：
|
第1章Web前端开发概述1
1.1案例1制作彩色个人简历2
1.2万维网6
1.2.1万维网的概念6
1.2.2万维网的组成7
1.2.3万维网的原理7
1.2.4相关名词8
1.3网页与网站9
1.3.1网页9
1.3.2静态和动态网页10
1.3.3Web网站10
1.4HTML与CSS11
1.4.1HTML11
1.4.2CSS13
1.5Web发展历程15
1.5.1HTML发展历程15
1.5.2CSS发展历程15
1.6Web标准16
1.6.1结构标准16
1.6.2表现标准16
1.6.3行为标准16
1.7浏览器17
1.7.1主流浏览器17
1.7.2浏览器内核17
1.8Web前端技术19
1.8.1核心开发技术19
1.8.2常用的技术框架和库20
1.9开发工具211.9.1Dreamweaver简介21
1.9.2Dreamweaver工作区21
1.9.3文档窗口23
1.9.4工具栏24
1.9.5状态栏25
1.9.6属性检查器25
1.9.7插入面板26
1.9.8文件面板27
1.9.9CSS Designer面板27
1.9.10重新排列面板28
1.10案例2应用Dreamweaver面板制作诗词网页30
1.11本章小结42
习题42
第2章HTML5语法基础44
2.1案例3应用Dreamweaver代码设计网页模板44
2.2HTML5标签与属性50
2.2.1HTML5标签50
2.2.2标签属性54
2.2.3属性设置实例56
2.3HTML字符实体59
2.4HTML颜色61
2.4.1颜色的表示方法61
2.4.2颜色的搭配63
2.5HTML5文档结构63
2.5.1HTML5网页文档的典型结构63
2.5.2文档结构标签用法65
2.6HTML5文档编码规则69
2.7本章小结69
习题69
第3章简单图文网页设计71
3.1案例4古典小说网页设计71
3.2文本网页设计应用的标签74
3.2.1标签74
3.2.2
标签76
3.2.3～标签78
3.2.4
标签78
3.2.5标签79
3.2.6标签80
3.2.7标签81
3.2.8标签84
3.2.9文本格式标签85
3.2.10列表标签87
3.3案例5图册网页设计89
3.4图册网页设计应用的标签91
3.4.1标签91
3.4.2组标签95
3.4.3与标签99
3.5案例6连环画网页设计100
3.6图文网页设计应用的标签104
3.6.1与标签105
3.6.2、与标签105
3.6.3、、与标签105
3.7案例7线上学习注册网页设计108
3.8表单网页设计应用的标签111
3.8.1标签111
3.8.2标签113
3.8.3标签119
3.8.4标签120
3.9本章小结121
习题121
第4章层叠样式表CSS123
4.1案例8彩色版古诗网页设计123
4.2CSS基本语法127
4.2.1CSS语法格式127
4.2.2CSS的类型128
4.2.3CSS3属性前缀131
4.3CSS选择器132
4.3.1基本选择器132
4.3.2共同属性选择器134
4.3.3复合选择器134
4.3.4属性选择器135
4.3.5伪类与伪元素136
4.4CSS优先级139
4.4.1继承性、层叠性与冲突性139
4.4.2样式的优先级140
4.5CSS框模型144
4.5.1CSS框模型定义144
4.5.2元素框设置145
4.5.3元素框应用148
4.6CSS样式常用属性152
4.6.1文本属性152
4.6.2字体属性153
4.6.3背景属性153
4.6.4列表属性154
4.6.5表格属性155
4.6.6visibility属性155
4.6.7display属性155
4.6.8position属性156
4.6.9float与clear属性156
4.7本章小结157
习题157
第5章网页的布局设计160
5.1案例9自营电器网店主页设计160
5.2网页的布局方法167
5.2.1绝对宽度布局167
5.2.2相对宽度布局169
5.2.3响应式布局171
5.3应用div CSS设计页面板块171
5.3.1页首板块设计172
5.3.2页脚板块设计172
5.3.3页面主体板块设计172
5.4元素框的定位与浮动172
5.4.1静态定位173
5.4.2固定定位176
5.4.3黏性定位177
5.4.4相对定位178
5.4.5绝对定位181
5.4.6浮动布局184
5.5弹性布局187
5.5.1flex容器187
5.5.2容器的属性188
5.5.3项目的属性192
5.6本章小结198
习题198
第6章JavaScript语言基础200
6.1案例10打字竞赛游戏编程200
6.2JavaScript概述203
6.2.1JavaScript与Java203
6.2.2JavaScript的作用204
6.3在网页中插入JavaScript的方式206
6.3.1内部嵌入206
6.3.2外部链接209
6.3.3行内嵌入210
6.4基本语法211
6.4.1标识符211
6.4.2关键字212
6.4.3数据类型212
6.4.4常量213
6.4.5变量214
6.4.6注释216
6.4.7分号216
6.4.8运算符217
6.4.9表达式219
6.5程序结构219
6.5.1顺序结构219
6.5.2分支结构220
6.5.3循环结构223
6.6函数226
6.6.1函数定义226
6.6.2函数返回值228
6.6.3函数调用229
6.7对象230
6.7.1JavaScript对象类型230
6.7.2自定义对象231
6.7.3对象的使用232
6.7.4对象属性引用234
6.7.5对象的事件234
6.7.6对象方法引用234
6.8内部对象235
6.8.1本地对象235
6.8.2内置对象246
6.9全局函数和属性247
6.10本章小结248
习题248
第7章BOM与DOM编程251
7.1案例11模拟考试网页设计251
7.2浏览器对象BOM254
7.2.1BOM模型254
7.2.2window对象255
7.2.3screen对象262
7.2.4navigator对象264
7.2.5history对象264
7.2.6location对象265
7.3文档对象DOM266
7.3.1DOM模型266
7.3.2HTML DOM266
7.3.3查找HTML元素271
7.3.4改变HTML元素的内容273
7.3.5改变HTML元素的属性273
7.3.6删除已有的HTML元素和属性274
7.3.7替换HTML元素275
7.3.8添加新的HTML元素和属性275
7.4事件机制276
7.4.1事件类型277
7.4.2事件句柄277
7.4.3事件绑定278
7.5本章小结281
习题281
第8章HTML5进阶284
8.1案例12简单的拼图游戏设计284
8.2HTML5拖放API287
8.2.1理解拖放过程287
8.2.2设计拖放过程290
8.2.3DragEvent事件291
8.2.4dataTransfer对象292
8.3地理定位294
8.3.1应用定位的过程294
8.3.2Geolocation对象296
8.3.3在地图上显示地理位置297
8.4画布300
8.4.1画布基础300
8.4.2画布应用304
8.5本章小结310
习题310
第9章应用CSS3渲染网页效果312
9.1案例13汽车自动驾驶动画设计312
9.2CSS3边框314
9.2.1边框颜色315
9.2.2边框圆角315
9.2.3边框图像315
9.3CSS3背景316
9.3.1backgroundorigin316
9.3.2backgroundsize316
9.3.3backgroundclip316
9.3.4backgroundimage317
9.4颜色渐变317
9.4.1CSS3线性渐变317
9.4.2CSS3径向渐变319
9.5滤镜属性320
9.6文本效果323
9.6.1盒子阴影323
9.6.2文本阴影326
9.6.3文本溢出326
9.6.4单词换行327
9.6.5单词拆分换行328
9.7转换属性328
9.7.12D transform329
9.7.23D transform330
9.8过渡属性330
9.9CSS3动画332
9.9.1CSS3动画原理332
9.9.2多个关键帧动画333
9.10本章小结336
习题337
第10章jQuery基础与应用339
10.1案例14滑动图片组网页设计339
10.2jQuery简介344
10.3在网页中引用jQuery345
10.4jQuery语法347
10.5jQuery选择器350
10.5.1基础选择器350
10.5.2层次选择器352
10.5.3属性选择器353
10.5.4表单选择器354
10.5.5过滤选择器355
10.5.6jQuery选择器应用实例359
10.6jQuery事件362
10.6.1文档事件363
10.6.2鼠标事件365
10.6.3键盘事件366
10.6.4表单事件366
10.6.5浏览器事件367
10.6.6事件绑定与解除368
10.6.7jQuery事件对象369
10.7jQuery文档操作372
10.7.1内容操作372
10.7.2属性操作375
10.7.3样式操作377
10.7.4节点操作378
10.8jQuery动画382
10.8.1基本动画382
10.8.2自定义动画383
10.9jQuery遍历385
10.9.1向上遍历（祖先元素）385
10.9.2向下遍历（子元素和后代元素）385
10.9.3同级遍历（同胞元素）386
10.9.4过滤遍历386
10.10本章小结389
习题389
参考文献392
|
| 內容試閱：
|
前端设计与开发主要涉及 HTML、CSS、JavaScript与jQuery四个最基本、最核心的内容，其中，HTML与CSS的紧密耦合关系一直是教学中的难点，再加上一些内容比较烦琐，需要学生花费较多时间学习才能做到融会贯通并独立设计开发一个完整与实用的网站。教学课时制定为64学时是一个比较合理的安排，但在实际教学中，课程往往只能分配48学时甚至32学时，导致课程教学难以达到独立开发实用网站的预期目标，基本上无法涉及后续课程Vue、响应式布局等课程内容，影响Web大前端课程体系的有效实施。因此，重组课程的教学内容、改进教学方法是解决问题的关键。
本书打破Web前端设计与开发课程的传统编写方法，不从语法分类的线索去介绍HTML标签，而是从实用的视角，将网页分成文本网页、图册网页、图文网页和表单网页四个基本类型，精心设计案例，将标签巧妙地融合到这四个基本类型的网页中进行系统性的介绍，能极大地提升学生的学习兴趣与学习效果。
在第1章中，本书用彩色个人简历案例启发学生思考，促进他们深刻理解什么是HTML、什么是CSS；用诗词网页案例构建一个HTML CSS的最小结构模型，巧妙地化解了HTML与CSS的耦合关系难以理解与掌握的难点。在后续的各章中，不断对HTML CSS最小结构模型进行强化与扩展，当介绍层叠性样式表CSS时，已经是水到渠成，学生很容易掌握CSS的层叠性、继承性、冲突性等难点内容，掌握正确判断CSS的优先性的方法；在介绍JavaScript及jQuery时，自然形成HTML CSS JavaScript jQuery的完整模型，便于学生熟练地将它应用于实用网站的设计与开发中。
本书应用案例剖析教学法的教学理念，在每章的第1节精选设计案例，实施案例驱动知识教学。案例剖析教学法不是简单地对代码进行注释与解释，而是揭示与案例关联的知识树枝之间的内在规律与应用场景，是“案例应用、知识应用”双线与“案例知识”双向的知识构建与知识应用的教学理念。在下面的Web前端设计与开发知识体系结构图中，知识与案例各成体系。案例剖析教学法采用双线双向并进驱动，学生通过学习案例与思考问题，勾勒知识体系的结构，通过学习知识树，得到完整的知识体系，两者互为补充、相得益彰。学生在学习中培养发现知识与应用知识的能力，能够极大地提高学习的效率与效果以及评价等级。本书特色鲜明，注重选材，在内容与案例中渗透课程教育的元素，实现润物无声、潜移默化的教育效果。赞扬好校园、好企业、好产品、好服务、好价格，弘扬优秀的社会、企业和校园文化，弘扬中国优秀的传统文化，激发学生的爱国情怀。
本书概念严密，体例丰富。为保证正文内容的完整性和逻辑性，设计了延伸阅读、问题思考和小提示等环节。在介绍知识内容时辅以大量案例，并配有具体的网页代码，所有的代码都集成为一个网站，通过index主页就能便捷浏览到各实例和案例。本书的实例和案例都是作品级的教学网页，有利于培养学生良好的网页设计与编程风范。
本书由汉口学院李林组织编写，李宜炜编写第2章，杨蓓编写第3章，张艳辉编写第7章与第10章，李林编写其余章。王毅超、李创举、季春颖也参加了编写工作，负责网页程序与代码的调试、习题与解答、课件制作、实验等方面。课程的教学安排建议如下。◆Web前端开发案例剖析教程(HTML5 CSS3 JavaScript jQuery)前言〖XB，HT5”SS;Y2<续表>〗章 节 名 称理论学时实验学时线上学时第1章Web前端开发概述22第2章HTML5语法基础2第3章简单图文网页设计642第4章层叠样式表CSS42第5章网页的布局设计322第6章JavaScript语言基础222第7章BOM与DOM编程322第8章HTML5进阶422第9章应用CSS3渲染网页效果24第10章jQuery基础与应用42总计64学时321616本书是全国高等院校计算机基础教育研究会 2023 年度“应用型高校‘Web前端开发’课程教学模式研究”项目（批准号2023AFCEC024）的研究成果，体现了双线双向的教学理念。
本书提供全部的实例、案例代码，课程大纲、教案、教学课件PPT、习题解答、视频等资源，如有需要，可扫描文后二维码下载。
限于作者水平和能力，书中难免有疏漏和不足之处，恳请各位同仁和广大读者批评指正。
作者
2025年1月
|
|
購物車/收銀台(0) | 在線留言板
| 付款方式
| 運費計算
| 聯絡我們
| 幫助中心 |
加入書簽
HOME
新書上架
