新書推薦:
《
漫画三国一百年
》
售價:NT$
250.0
《
希腊文明3000年(古希腊的科学精神,成就了现代科学之源)
》
售價:NT$
374.0
《
粤行丛录(岭南史料笔记丛刊)
》
售價:NT$
374.0
《
岁月待人归:徐悲鸿自述人生艺术
》
售價:NT$
286.0
《
女人的中国医疗史:汉唐之间的健康照顾与性别
》
售價:NT$
484.0
《
资治通鉴熊逸版:第四辑
》
售價:NT$
2195.0
《
中国近现代名家精品——项维仁:工笔侍女作品精选
》
售價:NT$
308.0
《
宋瑞驻村日记(2012-2022)
》
售價:NT$
539.0
|
內容簡介: |
本书在“有趣、有效、只学有用的”原则基础上,结合学生的认知规律和现状,力求使其能够在有限的课时内“专业”和“深入”地学习Web前端技术相关知识。本书共7个项目,按照知识点由浅入深分为Web知识储备篇、Web案例提高篇和Web项目实战篇,分别完成知识点讲解、案例讲解和项目实战三大步骤,帮助学生把握Web前端的核心技术HTML5与CSS3。明确的学习目标以及循序渐进的知识体系,能使学生的理论知识和实践技能同步提高。通过本书的学习,学生能够熟悉Web页面制作流程、掌握常见的页面布局效果、学会设计制作各种常见的门户网站。
本书可以作为高职高专院校计算机相关专业的教材,也可作为Web前端设计者的自学用书,还可作为IT类培训机构的Web前端开发培训类教材。
|
目錄:
|
图书目录........................................................................................................................................... Web知识储备篇
项目1 HTML5基础 3
任务1.1 掌握网页的文档结构 4
1.1.1 HTML5中的常用标签 4
1.1.2 HTML5的编写方法及代码的书写格式 4
动手实践——实现一个简单的HTML页面 5
任务1.2 设计网页文档 6
1.2.1 网页图像的设置 6
1.2.2 网页表格的设置 7
1.2.3 网页表单的设置 7
1.2.4 网页列表的设置 8
1.2.5 网页多媒体的设置 11
1.2.6 网页超链接的设置 11
动手实践——创建一个产品展示页面 11
小结 14
测试题 14
项目2 CSS3基础 16
任务2.1 CSS3语法概述 17
2.1.1 CSS3的语法结构 17
2.1.2 CSS3的使用方法 17
2.1.3 CSS3的基础选择器 20
任务2.2 网页中字体、段落的美化 27
2.2.1 网页中的字体样式 27
2.2.2 网页中的段落样式 28
动手实践——新闻页面的实现 31
任务2.3 网页中背景与边框的美化 34
2.3.1 网页中背景的美化 34
2.3.2 网页中边框的美化 50
动手实践——简单信息展示网页的实现 53
小结 60
测试题 60
项目3 CSS3 DIV页面结构布局 62
任务3.1 CSS3 DIV 63
3.1.1 块元素与行内元素的应用 63
3.1.2 盒子模型及运用 66
3.1.3 浮动与定位 68
动手实践——导购菜单的制作 79
任务3.2 导航菜单的制作 84
3.2.1 垂直导航菜单的制作 84
3.2.2 水平导航菜单的制作 85
动手实践——模拟导航栏的制作 86
小结 88
测试题 88
项目4 CSS3新增动画特效 91
任务4.1 变形效果 92
4.1.1 平移 92
4.1.2 缩放 94
4.1.3 倾斜 96
4.1.4 旋转 98
动手实践——网页中立体效果的实现 100
任务4.2 过渡效果 105
4.2.1 transition-property属性 105
4.2.2 transition-duration属性 106
4.2.3 transition-timing-function属性 107
4.2.4 transition-delay属性 110
4.2.5 transition属性 111
动手实践——悬浮相册的实现 111
任务4.3 animation动画效果 116
4.3.1 关键帧 116
4.3.2 animation动画属性 119
动手实践——图片墙3D翻转效果的实现 122
小结 126
测试题 127
Web案例提高篇
项目5 气泡悬浮效果的实现 131
任务5.1 界面设计分析 132
任务5.2 基本框架的实现 132
项目6 横幅广告效果的实现 137
任务6.1 设计分析 137
任务6.2 页面的实现 138
Web项目实战篇
项目7 综合信息类网站首页的实现 143
任务7.1 网站首页整体布局的实现 143
任务7.2 页面头部、banner及导航的具体实现 147
任务7.3 图片浏览样式与动态栏的实现 150
任务7.4 走进浙江、浙江历史等信息栏的实现 154
任务7.5 快速通道及页脚信息的实现 167
参考文献 172
|
內容試閱:
|
本书在“有趣、有效、只学有用的”原则基础上,旨在培养热爱网站前端开发事业,具有良好的科学素养和熟练地掌握一定的Web前端技术;能够胜任各类IT企业及相关的计算机应用领域中Web页面制作、Web前端开发、Web交互开发、Web前端设计、手持设备网站前端开发等工作的学习者。 本书重视Web前端技术理论基础和专业技术基础知识的学习,强化Web前端开发的实践能力和团队协作意识的锻炼,力求通过案例教学和项目实践培养学生的动手与自学能力,使得学生能够在有限的课时内“专业”和“深入”地学习与Web前端技术相关知识,更好地满足企业对用人的专业技能和专业素质的要求。 本书面向职业岗位采用基于任务的方式,以项目开发为主线,循序渐进地阐述Web前端技术的各项知识,涉及网页基础、HTML标记、CSS样式、网页布局、CSS3新增动画特效等内容。本书具有以下特色。 (1)知识全面,循序渐进。先循序渐进地介绍一些基于HTML5、CSS3的基础项目,帮助学生打好基础;然后正式介绍相关项目,让学生有针对性地逐步巩固HTML5的常用方法,接着再进一步运用CSS3、CSS3 DIV相关技术为页面增加特效;后通过完整的项目案例来提高学生对知识的综合应用能力。 (2)项目驱动,实用性强。通过走访相关企业进行调研,对本门课程对接的工作岗位所需的职业能力进行分析,以典型的工作任务作为教学项目,联系实际,将Web前端技术中的各个知识点融入综合项目案例中,并以真实网站的制作为案例,给学生以真实的工作岗位体验,达到学以致用的目的。 (3)步骤详细,易于理解。每个项目案例都划分为若干个小的任务点且分块、分步骤展开,使学生可以看到从界面设计到样式美化以及特效完成的整个变化过程,提高学生的学习兴趣。 (4)校企合作,共享共建。通过与企业合作,共同开发课程内容,完善和丰富现有的教学资源。 (5)课程思政,深入教学。网页实践案例素材紧跟时代步伐,紧密结合当下时事政治等内容进行展开,让学生在学习专业课的同时关注社会,实现知识传授与价值引领相统一。本书由长期从事Web前端开发及实训教学工作的宁波城市职业技术学院卢秋锦担任主编。滁州学院祁辉、宁波城市职业技术学院郑哲、滁州职业技术学院姚珺担任副主编,天津师范大学刘潇、山西师范大学临汾学院李欣参与了编写工作,感谢丁磊、蒋琴等老师对本书编写工作的帮助,感谢宁波云欣科技信息有限公司的胡明军总经理为本书提供了编写思路。 本书虽然倾注了编者的很多努力,但由于水平有限,书中难免有疏漏之处,敬请广大读者批评指正,以便及时修订使之更加完善。另外,本书有配套的在线学习平台(中国大学慕课网),专门的考试题库,教学用的PPT、源代码、教学设计等资源,如有需要可联系1654867944@qq.com索取。 编 者 2021年2月
|
|