图书详情

配套资源图书内容样章/电子教材图书评价

配套资源
本书资源
会员上传本书资源
为本书上传资源

图书内容

内容简介

本书紧密围绕Web前端工程师在制作网页过程中的实际需要和应该掌握的技术，全面介绍如何使用HTML5、CSS3、JavaScript进行网页设计和美化。本书着眼于实战，讲解的都是在开发时经常遇到的典型问题和案例，主要内容分为Web前端开发先备知识、构建HTML页面、使用CSS美化页面、使用JavaScript制作网页特效、综合实战5个单元。本书优选了20个任务，大部分任务从提出实际问题开始，通过【任务描述】和【知识预览】，详细讲述解决问题所需的知识点，并在【任务实现】过程中详细讲解实现步骤，同时展示代码实例和相关截图，最后通过【任务实训】强化读者对技能的掌握，使读者循序渐进地体验网页制作过程。本书既可以作为高等院校、高等职业院校相关专业的“网页设计与制作”课程的配套教材，也可以作为“1+X证书”中有关Web前端开发（初级）的技术参考用书。

图书详情

ISBN：9787121357763

开本：16开

页数：268

字数：428.0

本书目录

单元1  Web前端开发先备知识	1
【任务1.1】揭秘Web前端开发	1
1.1.1  Web前端开发概述	1
1.1.2  Web标准	3
【任务1.2】使用前端工具开发第一个网页	4
1.2.1  前端开发工具介绍	5
1.2.2  使用Dreamweaver CS6	5
1.2.3  使用Sublime Text	8
1.2.4  使用Dreamweaver CC	11
1.2.5  浏览器简介	13
【任务1.3】建立正确的站点结构	15
1.3.1  前端页面相关知识	15
1.3.2  站点的建立	17
1.3.3  站点的管理和发布	20
单元测试1	22
单元2  构建HTML页面	23
【任务2.1】基本页面构建	23
2.1.1  HTML介绍	23
2.1.2  HTML5网页的基本结构和基本标签的作用	24
2.1.3  创建简单网页	25
2.1.4  HTML头部属性设置	28
【任务2.2】新闻页面构建	30
2.2.1  HTML基本标签	30
2.2.2  新闻页面制作	35
2.2.3  自闭合标签	36
2.2.4  相对路径和绝对路径	37
【任务2.3】读书页面构建	39
2.3.1  超链接	41
2.3.2  读书页面制作	42
2.3.3  HTML中的命名规则	43
2.3.4  超链接中的一些属性	44
【任务2.4】教育页面构建	45
2.4.1  列表	47
2.4.2  教育页面制作	49
【任务2.5】浪浪网首页构建	52
2.5.1  表格	54
2.5.2  表格语义化	57
2.5.3  浪浪网首页制作	59
【任务2.6】浪浪网注册页面构建	64
2.6.1  表单标签	65
2.6.2  表单元素	67
2.6.3  表单分组	73
2.6.4  注册页面制作	74
2.6.5  HTML5新增的表单标签	77
【任务2.7】浪浪网多媒体页面构建	79
2.7.1  多媒体的使用	80
2.7.2  多媒体页面制作	83
单元测试2	84
单元3  使用CSS美化页面	86
【任务3.1】初识浪浪网头部CSS	86
3.1.1  初识CSS	86
3.1.2  浪浪网头部CSS设置	91
3.1.3  Google推荐的HTML和CSS格式规范	92
【任务3.2】新闻页面的简单美化	96
3.2.1  文字样式	97
3.2.2  文本样式	100
3.2.3  超链接样式	103
3.2.4  边框样式	105
3.2.5  背景样式	108
3.2.6  新闻页面的美化	112
3.2.7  字体设置	113
3.2.8  CSS3中新增的背景属性和圆角边框属性	115
【任务3.3】浪浪网首页主体制作	119
3.3.1  CSS盒子模型和HTML元素	120
3.3.2  列表样式	126
3.3.3  浮动布局	128
3.3.4  首页主体制作	133
3.3.5  清除浮动的方法	143
【任务3.4】浪浪网导航栏制作	147
3.4.1  定位布局	147
3.4.2  z-index属性	152
3.4.3  display属性	154
3.4.4  导航栏制作	155
单元测试3	161
单元4  使用JavaScript制作网页特效	163
【任务4.1】浪浪网下拉菜单特效制作	163
4.1.1  JavaScript简介	164
4.1.2  在网页中引入JavaScript的方式	165
4.1.3  JavaScript的数据结构	166
4.1.4  JavaScript流程控制语句	168
4.1.5  函数	169
4.1.6  JavaScript常用事件	172
4.1.7  下拉菜单特效	173
【任务4.2】浪浪网图片轮换特效制作	176
4.2.1  DOM模型	177
4.2.2  数组	180
4.2.3  定时	181
4.2.4  计时	183
4.2.5  图片轮换特效	183
4.2.6  Date对象	185
【任务4.3】浪浪网表单验证特效制作	187
4.3.1  获取表单元素值	187
4.3.2  JavaScript内置函数	189
4.3.3  正则表达式	190
4.3.4  表单验证特效	192
4.3.5  HTML5的表单验证	195
4.3.6  自定义验证信息	196
【任务4.4】浪浪网其他特效制作	198
4.4.1  CSS样式特效	200
4.4.2  window对象	201
4.4.3  选项卡特效	204
4.4.4  弹出广告特效	206
4.4.5  页面返回、前进、刷新特效	206
单元测试4	208
单元5  综合实战	209
【任务5.1】水源安检企业网站首页制作	209
5.1.1  页面布局	210
5.1.2  代码实现	213
【任务5.2】万维电商网站首页制作	233
5.2.1  常见的网站类型	233
5.2.2  页面布局	236
5.2.3  代码实现	240
附录A  Dreamweaver CC使用技巧	257
附录B  单元测试答案	260

展开

前言

随着互联网行业的迅速发展，各种新技术、新标准不断涌现，促使各大互联网公司越来越重视Web产品的前端重构与开发，但海量的平台开发工作导致了巨大的人才缺口，尤其是优秀的Web前端开发人才紧缺。一个优秀的Web前端工程师需要具备较强的综合素质才能胜任岗位要求。这些素质包括熟知页面布局、熟悉样式美化、掌握JavaScript、了解SEO、能够使用HTML5+CSS3+ JavaScript开发出符合搜索引擎优化规则的美观页面。
?	为什么要使用本书
（1）介绍主流技术和常用工具。本书使用业界已广泛使用的主流技术HTML5和CSS3进行网页制作与美化，同时使用全面支持HTML5和CSS3的常见网页开发工具Dreamweaver CC，以保证教与学的实用性和高效性。
（2）精心优选案例。本书开发前期，编者对HTML5、CSS3实际应用情况做了大量细致的调研工作，经过反复比较，最终选择了源于企业的、作为Web前端工程师最可能遇到的网页类型，即以门户网页、企业网页、电商网页的制作为本书案例，并根据读者的认知对优选出来的网页进行了分解，通过20个任务，循序渐进地介绍前端页面制作的知识和技巧。
（3）把SEO思想融入网页制作中。本书在介绍HTML标签的使用时强调了SEO知识，全面介绍了使用网页标签时需要注意的细节，使网页在上线之前就具备了“天生”的排名优势。
（4）以故事为情境设置任务。本书每个任务都通过师徒对话的形式引出，并对任务进行分析，引出完成任务的计划；接下来根据任务介绍相应的知识；然后实现任务，在此过程中，师傅帮助徒弟完成任务，并给出经验和建议；任务中涉及不到但需读者掌握的知识点以知识拓展的形式呈现；最后完成实训任务。大部分任务以【任务描述】、【知识预览】、【任务实现】、【任务总结】、【知识拓展】和【任务实训】6个模块科学设置学习单元；设计课堂案例→初级任务实训→中级任务实训→高级任务实训3个递进的训练层次，兼顾知识应用和技能训练的需要。
（5）单元编排贴近实际情况。本书以菜鸟Martin的Web前端开发成长路线为线索，介绍为什么学习Web前端知识，怎么学习Web前端知识，如何构建页面、如何美化页面、如何制作特效，以及如何使用前端知识制作出符合企业要求的网页，既介绍了实战经验，又形象有趣。
?	如何使用本书
（1）单元1和单元2的内容比较简单，可先根据【任务描述】和【任务实现】完成任务，对【任务描述】中遇到的新知识，可查看【知识预览】，然后完成【任务实训】（如有），学习【知识拓展】，如果在学习的过程中有困惑，可以观看课程配套视频。
（2）因为单元3和单元4的知识比较复杂，有很多细节问题，所以建议先看课程配套视频，然后根据视频的讲解完成【任务实现】和【任务实训】。
（3）学完前4个单元后，可以尝试独立完成单元5中的任务，但一定要和书中所给代码进行对比，因为单元5中的任务是前面知识的补充和升华。
（4）要特别注意书中的“师傅经验”和【任务总结】，这是编者在多年的实战和教学中总结的制作网页时容易出错的地方。
（5）书后配套了Dreamweaver CC的使用技巧，在学完第2单元后，读者可认真学习此内容，有助于代码编写事半功倍。
本书由常州机电职业技术学院的盛昀瑶、王继水担任主编；常州纺织职业技术学院的陆玉亭、廖定安，无锡商业职业技术学院的许浒，黄河水利职业技术学院的王宁，清远职业技术学院的胡中夏担任副主编；常州机电职业技术学院的吴红亚、董永健参与了教学案例的设计、优化，以及部分章节的编写、校对和整理工作。
为方便教师教学，本书还配有相关教辅资料，请登录华信教育资源网（www.hxedu.com.cn）免费注册后再进行下载。为方便读者学习，本书在“中国大学MOOC网”上配有在线开放课程，欢迎读者加入该课程并体验在线答疑服务。如有问题请在网站留言板留言或与电子工业出版社联系（E-mail： hxedu@phei.com.cn）。
由于编者水平有限，书中难免存在疏漏之处，敬请各位专家和读者批评指正。编者的联系方式为dearsyy@yeah.net。感谢您使用本书，愿您能成为优秀的Web前端工程师。

编  者

展开

作者简介

本书暂无作者简介

样章试读

查看样章电子教材
图书评价我要评论

本书资源

会员上传本书资源

内容简介

图书详情

本书目录

前 言

作者简介

前言