新書推薦:
《
启微·狂骉年代:西洋赛马在中国
》
售價:NT$
357.0
《
有趣的中国古建筑
》
售價:NT$
305.0
《
十一年夏至
》
售價:NT$
347.0
《
如何打造成功的商业赛事
》
售價:NT$
407.0
《
万千教育学前·透视学前儿童的发展:解析幼儿教师常问的那些问题
》
售價:NT$
265.0
《
慈悲与玫瑰
》
售價:NT$
398.0
《
启蒙的辩证:哲学的片简(法兰克福学派哲学经典,批判理论重要文本)
》
售價:NT$
347.0
《
心跳重置
》
售價:NT$
269.0
|
內容簡介: |
本教材是基于慕课《Web前端设计基础》的配套教材。内容包括Web基础知识、HTML、CSS、JavaScript四个单元,各内容单元又分别按照基础知识、操作技能、应用提高三个层次组织教学内容。教材基于OBE理念及Web前端设计的工作过程,以培养学生的实践应用能力为主线,通过具体网站建设项目的学习Web前端设计的相关规范、HTML超文本标记语言、CSS样式、JavaScript脚本等基本知识和操作技术,通过任务实践提升综合应用能力。
《Web前端设计基础》教材内容丰富、结构合理、思路清晰、语言简练流畅、示例翔实,适合作为高等院校电子商务、信息管理等相关专业Web前端设计、网页设计等课程的教材,还可作为Web前端设计与开发从业人员的参考资料。
|
關於作者: |
李立威
博士,教授,北京联合大学电子商务一流本科专业建设点负责人,北京市属高校高水平科研创新团队带头人,北京联合大学数字经济与创新研究中心主任,京津冀应用型本科院校电子商务专业虚拟教研室负责人。
发表学术论文50余篇,主编教材6部,主讲的“Web前端设计”“移动互联网产品创新设计”2门慕课入选电子商务类专业教学指导委员会推荐慕课并在国家高等教育智慧教育平台上线。
|
目錄:
|
项目1 认识Web前端设计 1
学习任务1.1 了解Web基础知识 2
任务1.1.1 理解Web相关概念 3
任务1.1.2 了解页面元素 10
任务1.1.3 了解Web前端设计技术与工具 14
任务1.1.4 了解网站建设流程 17
学习任务1.2 设计网站 22
任务1.2.1 设计网站形象 23
任务1.2.2 设计页面布局 28
任务1.2.3 设计网站导航及栏目 33
任务1.2.4 设计网页层次及目录结构 37
项目2 创建及编辑Web网页——HTML5 41
学习任务2.1 创建网站首页文档 42
任务2.1.1 创建网站首页 43
任务2.1.2 理解HTML标记语法 48
任务2.1.3 理解HTML布局标记 55
任务2.1.4 理解HTML5结构标记 60
学习任务2.2 编辑网站首页内容 68
任务2.2.1 插入文本及列表 70
任务2.2.2 插入图像和媒体 76
任务2.2.3 设置超链接和应用框架 83
任务2.2.4 应用表格和表单 91
项目3创建及应用Web样式——CSS3113
学习任务3.1 创建网站首页样式 114
任务3.1.1 理解CSS语法 115
任务3.1.2 应用CSS样式 119
任务3.1.3 理解CSS选择器 125
任务3.1.4 理解CSS层叠性和继承性 139
学习任务3.2 设计网站首页样式 145
任务3.2.1 设置CSS字体和文本属性 146
任务3.2.2 设置CSS背景和列表属性 151
任务3.2.3 设置CSS边框和表格属性 158
任务3.2.4 应用CSS3效果 165
学习任务3.3 定位网站页面元素 179
任务3.3.1 理解CSS盒子模型 180
任务3.3.2 应用流布局 185
任务3.3.3 应用浮动布局 188
任务3.3.4 应用定位布局 194
任务3.3.5 制作移动端页面 204
项目4应用Web网页特效——JavaScript 215
学习任务4.1 理解JavaScript语言基础 216
任务4.1.1 认识JavaScript 217
任务4.1.2 认识JavaScript语言基础 220
任务4.1.3 认识JavaScript自定义函数 225
任务4.1.4 认识JavaScript控制语句 226
任务4.1.5 认识JavaScript对象 233
任务4.1.6 认识JavaScript内置对象 240
学习任务4.2 应用jQuery 247
任务4.2.1 理解jQuery框架248
目录
VII
任务4.2.2 利用jQuery实现网页特效 256
任务4.2.3 了解Web前端框架技术 263
学习任务4.3 了解HTML5高级应用 266
任务4.3.1 了解HTML5画布 267
任务4.3.2 了解HTML5拖放操作 276
任务4.3.3 了解HTML5地理定位 280
项目5 网站设计与开发综合案例 287
实践任务5.1 网站设计 288
实践任务5.2 网站首页布局及内容编辑 290
实践任务5.3 应用CSS样式美化网站首页 297
实践任务5.4 应用CSS样式精准定位网站页面元素 305
参考文献 314
|
內容試閱:
|
前端开发是创立Web页面或APP等前端界面呈现给用户的过程,经过HTML、CSS、
JavaScript以及衍生出来的各种技术和框架等,来完成互联网产品的用户界面交互。随着互
联网和数字经济的快速发展,企业对Web前端技术岗位的需求越来越大。虽然Web前端
开发技术和框架层出不穷,但是无论是PC端还是移动端,HTML、CSS和JavaScript都是
学习的基础。
结合Web技术的发展,本书在第1版的基础上进行了修订,精简了部分内容和案
例,增加了对主流Web前端框架技术的介绍,增加了综合案例项目,使得教材更加符合学
生的学习特点,更好地满足教师的授课需求。
修订后的教材具有以下特点:
(1)突出课程思政特色。坚持“知识探究—能力构建—价值引领”三位一体的教学
目标,增加了对中国优秀企业网站、国产Web前端技术和框架、网络信息内容生态治理等
内容的介绍,明确了每个项目的思政目标。引导学生形成Web前端开发的职业道德、工匠
精神、法治意识、审美素养和创新思维,为学生在基于互联网的技术和商业融合实践中,
形成正确的理想信念、价值取向和社会责任等打下基础。
(2)倡导科技自立自强。党的二十大报告指出:“加快推进科技自立自强。”国产
HBuilder、Vue框架等已经成为Web前端主流的开发工具和技术。书中加入了对国产Web
前端开发工具HBuilder和Vue的介绍,引导学生认识国产软件的优势,让学生更加尊重和
信任我们自己的技术,倡导科技自立自强,增强民族自豪感和自信心。
(3)强化综合应用能力。基于学生的学习特点和教师的授课要求,在原有4个项目
的基础上,增加了网站设计与开发综合案例,通过一个完整的项目串联Web前端开发的主
要知识和技能点,培养学生的实践应用能力。综合案例既可以作为前面4个项目的同步学
习案例,也可以作为本课程的综合实训项目。
(4)体例新颖。基于 Web 前端设计工作过程,将网站建设项目逐步分解,提取典
型任务,内容由浅入深,循序渐进。每个学习任务均包括学习目标、学习任务结构图、关
键知识点、典型案例、拓展案例、任务小结、技能训练等板块,结构清晰。学习任务结构
图有助于读者将零散知识点归纳为系统的知识结构,技能训练可以帮助读者巩固所学知识
和技能。
Web前端设计基础(第2版)
II
(5)案例丰富。本书是中国大学 MOOC“Web 前端设计基础”的配套教材,线上慕
课学习资源丰富,可以为教师开展混合式教学提供支持。在每个学习任务中,本书结合关
键技术和难点,穿插了大量的示例并配有效果图,扫描二维码即可观看相应知识点示例的
视频操作和讲解。本书提供所有案例的程序源代码,可帮助读者快速地理解与掌握相关
内容。
本书的分工如下:项目1由北京联合大学李丹丹副教授编写和修订,项目2由北京联
合大学李立威教授编写和修订,项目3由北京联合大学王晓红教授编写和修订,项目4由
北京联合大学王艳娥老师编写和修订,项目5由北京联合大学薛晓霞副教授编写和修订。
李立威教授负责全书的统稿和修改工作。
本书的编写得到了北京联合大学电子商务一流本科专业建设点的大力支持,在
此表示衷心的感谢。由于编写时间仓促,作者水平有限,书中难免有不妥之处,恳请各位
读者和专家批评指正。
编者
2023年2月
|
|