网页设计基础实践案例教程

网页设计基础实践案例教程 教材名称: 网页设计基础实践案例教程
ISBN号: 978-7-89436-765-5 作者: 闫洁 隋菱歌
字数: 447千字 规格: 16开
印制时间: 2020-08-01 出版日期: 2020-08-01
定价: 49.8 元 样章下载: 网页设计基础实践案例教程—正文样章.pdf
购买地址:

本教材作为Web前端开发“直通就业”系列入门教材,以计算机类相关专业Web前端开发方向课程体系、企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》为编写依据,主要内容包括:HTML基础、 HTML5基础、CSS基础、盒模型、网页布局、HTML5前端开发规范、CSS3基础、CSS3进阶、网站设计等内容,通过学习本套教材能够完成PC端和移动端的用户界面设计,并且设计完成的用户界面能够达到企业级水准,代码设计规范。教材内容涵盖移动端相关的技术方法,如flex、rem、字体图标、SVG、自适应宽度等,既能满足Web前端1+X认证的要求,又贴近实际企业工作。
本教材以模块化的结构组织各篇及其章节,以任务驱动的方式安排内容,辅以丰富的习题,对企业前端开发规范和真实开发流程进行了总结和实践。
本教材适合作为高等职业院校、应用型本科院校计算机类相关专业课教材,也适合作为《Web前端开发职业技能等级标准》培训指导教材及对Web前端开发感兴趣的读者使用。
本教材由长春金融高等专科学校邢敏担任主审,长春金融高等专科学校闫洁、隋菱歌老师担任主编,大连东软信息学院袁磊、陈伟卫老师,长春金融高等专科学校关伟哲、盘锦高级技工学校王晗老师担任副主编,大连东软教育科技集团有限公司一线工程师参与实例设计并给予技术指导,既注重选取软件开发中的必需、常用内容,又注重内容的简明、易学以及相关知识的拓展。
在编写教材的过程中,我们始终本着科学、严谨的态度,力求精益求精,但错误、疏漏之处在所难免,敬请广大读者批评指正。感谢您选择本教材,希望本教材为您开启迈向“Web前端工程师”的大门。

第1章网页设计概述1
1.1基础知识1
1.1.1WWW1
1.1.2URL1
1.1.3HTML2
1.1.4常用的前端技术2
1.1.5浏览器2
1.1.6静态网页与动态网页4
1.1.7HTTP4
1.1.8B/S5
1.2前端概述7
1.3技术目标8
1.4开发环境9
1.4.1开发软件概述9
1.4.2开发者工具9
1.4.3Visual Studio Code10
本章习题12
第2章HTML基础14
2.1HTML概述14
2.2HTML结构14
2.3基本HTML元素16
2.4列表17
2.5HTML属性20
2.6图片22
2.7超链接23
2.8HTML颜色26
2.9字符实体27
2.10表格28
2.11iframe31
2.12表单32
本章习题38
第3章HTML5基础41
3.1HTML5概述41
3.2DOCTYPE41
3.3新特性43
3.4布局元素44
3.5基本元素46
3.6HTML5属性47
3.7音频和视频49
3.8HTML5表单49
3.9本章小结54
本章习题55
第4章CSS基础56
4.1CSS简介56
4.2CSS选择器57
4.2.1基本概念和语法57
4.2.2标签选择器57
4.2.3ID选择器61
4.2.4CLASS选择器62
4.2.5群组选择器和后代选择器66
4.3常用属性69
4.4CSS伪类72
4.5CSS的位置74
4.5.1内嵌样式74
4.5.2内部样式74
4.5.3外部样式74
4.6层叠与继承77
4.7CSS背景79
4.7.1无序列表79
4.7.2导航81
4.8本章小结83
本章习题84
第5章盒模型87
5.1第一个盒子87
5.2盒模型88
5.3盒子的宽度和高度91
5.4盒模型的应用93
5.5display99
5.6本章小结104
本章习题104
第6章网页布局106
6.1布局方法概述106
6.2浮动107
6.3块级格式化上下文112
6.4clear113
6.5固定宽度布局114
6.6绝对定位119
6.7zindex126
6.8相对定位127
6.9自适应宽度布局130
6.10固定定位134
6.11综合布局实例135
6.12本章小结138
本章习题138
第7章网页元素设计140
7.1基于HTML5的前端开发140
7.2前端开发规范141
7.3网页元素设计144
本章习题178
第8章CSS3基础180
8.1CSS3概述180
8.2基础属性181
8.2.1圆角与阴影181
8.2.2CSS3背景182
8.3CSS3选择器187
8.4transform196
8.5transition202
8.6animation213
8.7其他常用属性218
8.7.1文字218
8.7.2多列219
8.7.3counter221
8.8本章小结223
本章习题224第9章CSS3进阶226
9.1移动网站设计226
9.2flex229
9.3自适应宽度237
9.4media queries245
9.5rem250
9.6图像解决方案253
9.6.1CSS精灵图片254
9.6.2字体图标256
9.6.3SVG258
9.6.4iconfont260
9.6.5网页元素设计264
9.7display:table271
9.8本章小结274
本章习题274
第10章网站设计276
10.1网站设计概述276
10.2切片277
10.3网站设计流程278
10.4网站测试280
10.5网站的发布280
10.5.1WWW服务器281
10.5.2网站上传281
10.5.3项目发布282
10.6网站的设计与实现282
本章习题284
参考文献285

随着以互联网技术为代表的新一代信息技术的迅速发展,各种互联网项目也不断兴起,对用户体验提出了更高的要求,前端开发也由此逐渐成为重要的研发角色,“Web前端工程师”岗位需求持续走高,成为IT行业的热门职业。
Web前端开发“直通就业”系列教程将企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》进行整合,贯通于计算机类相关专业Web前端开发方向课程体系中,并综合考虑在实际教学与学习过程中分阶段实施,将内容分解为《网页设计基础实践案例教程》《JavaScript与HTML5网页设计实践案例教程》《jQuery与Bootstrap应用开发案例教程》《PHP+MySQL动态网页开发案例教程》《互联网应用开发案例教程》5本系列教材,构成进阶式三位一体技能图谱,覆盖Web 前端开发职业技能等级标准初、中、高级内容,面向网页设计、网页制作、响应式页面搭建、移动网页制作与设计、网站搭建、网站规划与设计等岗位技术需求。系列教程以实践能力培养为导向、以企业真实应用为目标,遵循企业软件工程标准和技术,以任务为驱动,对前端基础、样式库CSS预编译、JavaScript、Node.js与前端工具、Vue.js、性能优化、服务器端编程框架、数据库等Web前端开发中的重要技能模块,基于优选案例和应用环境进行分析和设计完成知识讲解与技能实践,帮助学习者掌握前端技术必备的理论基础,并在实际工作场景中加以灵活应用。系列教材配套教学课件、案例等资源。
Web前端开发“直通就业”系列教程适合作为高等职业院校软件技术、计算机应用技术、电子商务等专业教材;适合作为应用型本科院校软件工程、计算机科学与技术、电子商务等专业教材;也适合作为《Web前端开发职业技能等级标准》培训指导教材及对Web前端开发感兴趣的读者使用。