图书简介:
开发准备篇 (1)
第1章 初识前端开发 (2)
1.1 网页和网站基础知识 (2)
1.1.1 了解网页 (2)
1.1.2 设计网页 (4)
1.1.3 制作网站流程 (6)
1.2 HTML5简介 (8)
1.2.1 HTML5概述 (8)
1.2.2 HTML5基本结构 (9)
1.2.3 HTML5优势 (10)
1.3 开发环境配置 (11)
1.3.1 开发服务器 (11)
1.3.2 开发工具 (12)
1.3.3 浏览器 (18)
1.3.4 运行和调试 (19)
HTML5基础知识篇 (23)
第2章 HTML5基础 (24)
2.1 网页的文档结构 (24)
2.2 文档基础标记 (27)
2.2.1 元信息标记 (27)
2.2.2 文字排版标记 (29)
2.3 HTML5语义和结构元素 (35)
2.3.1 结构元素 (35)
2.3.2 分组元素 (40)
2.3.3 语义元素 (42)
2.3.4 交互元素 (44)
第3章 图像标识和超链接 (46)
3.1 图像标识 (46)
3.2 超链接 (56)
第4章 HTML5列表、表格和表单 (60)
4.1 HTML5列表 (60)
4.1.1 无序列表 (60)
4.1.2 有序列表 (61)
4.1.3 自定义列表 (65)
4.2 HTML5表格 (65)
4.2.1 表格基本应用 (66)
4.2.2 表格属性设置 (70)
4.2.3 表格综合案例 (73)
4.3 HTML5表单 (74)
4.3.1 表单基本应用 (75)
4.3.2 表单元素和属性 (77)
4.3.3 表单综合应用 (86)
CSS3知识篇 (89)
第5章 CSS3基础 (90)
5.1 CSS3概述 (90)
5.2 CSS样式的语法基础 (91)
5.3 CSS样式的引用方式 (93)
5.4 CSS单位和颜色 (95)
5.4.1 CSS单位 (95)
5.4.2 CSS颜色 (96)
第6章 CSS3选择器 (99)
6.1 基础选择器 (99)
6.2 属性选择器 (105)
6.3 结构伪类选择器 (108)
6.4 元素状态选择器 (112)
6.5 其他选择器 (115)
6.6 综合案例 (117)
第7章 CSS3渲染 (120)
7.1 CSS3盒子模型 (120)
7.1.1 盒子模型描述 (120)
7.1.2 CSS边框 (122)
7.1.3 CSS外边距 (130)
7.1.4 CSS填充 (132)
7.1.5 CSS尺寸 (134)
7.1.6 CSS定位 (136)
7.1.7 CSS浮动 (139)
7.1.8 CSS对齐 (142)
7.2 CSS3基本样式 (144)
7.2.1 CSS3背景样式 (144)
7.2.2 CSS3文字样式 (154)
7.2.3 CSS3图片样式 (163)
7.2.4 链接元素样式 (168)
7.2.5 列表元素样式 (168)
7.2.6 表格元素样式 (171)
7.3 CSS3动画样式 (177)
7.3.1 2D转换 (177)
7.3.2 3D转换 (183)
7.3.3 过渡 (185)
7.3.4 动画 (188)
技术提高篇 (192)
第8章 JavaScript知识 (193)
8.1 认识JavaScript (193)
8.1.1 JavaScript的特点 (193)
8.1.2 JavaScript的构成 (194)
8.2 引入JavaScript方法 (194)
8.3 JavaScript语句 (196)
8.3.1 JavaScript语句规则 (196)
8.3.2 JavaScript输出 (198)
8.3.3 JavaScript注释 (201)
8.4 JavaScript变量 (202)
8.4.1 变量类型 (202)
8.4.2 变量作用域 (204)
8.5 JavaScript数据类型 (205)
8.6 JavaScript运算符 (208)
8.7 JavaScript语句类型 (212)
8.7.1 条件判断语句 (212)
8.7.2 循环语句 (214)
8.7.3 跳转语句 (216)
8.7.4 异常处理 (217)
8.8 JavaScript对象概述 (218)
8.8.1 使用对象构造器 (220)
8.8.2 创建JavaScript对象实例 (220)
8.8.3 把属性添加到JavaScript
对象 (220)
8.9 JavaScript函数 (221)
8.10 JavaScript常用对象 (222)
8.10.1 数组对象 (222)
8.10.2 文档对象模型(DOM) (224)
8.10.3 window对象 (226)
第9章 JavaScript控制HTML5
新元素 (229)
9.1 canvas元素 (229)
9.1.1 定义canvas元素 (229)
9.1.2 绘制canvas路径 (230)
9.1.3 处理canvas图形 (233)
9.1.4 绘制canvas文字 (234)
9.1.5 绘制canvas图片 (238)
9.2 audio标记 (243)
9.3 video标记 (247)
9.3 开发实例 (252)
案例实战篇 (258)
第10章 综合小案例 (259)
10.1 运动效果设计 (259)
10.2 手风琴菜单设计 (260)
10.3 表格数据搜索设计 (262)
10.3 图片Modal(模态)效果设计 (264)
第11章 集团网站开发 (267)
11.1 案例分析 (267)
11.1.1 需求描述 (267)
11.1.2 设计分析 (267)
11.1.3 网站文件结构 (268)
11.1.4 网站总体架构 (268)
11.2 网站设计与实现 (269)
11.2.1 网站公共部分设计 (269)
11.2.2 网站首页设计 (271)
11.2.3 网站产品列表页设计 (276)
11.2.4 网站新闻列表页设计 (279)
11.2.5 网站内容列表页设计 (280)
11.3 集团网站设计小结 (283)
11.3.1 网站兼容性改进 (283)
11.3.2 网站设计建议 (286)
展开
网页制作技术可以粗略划分为前台浏览器端技术和后台服务器端技术,本书主要学习前台浏览器端技术,也就是前端技术,HTML5负责页面结构,CSS3负责样式表现,JavaScript负责动态行为。如今网页技术层出不穷,并且日新月异,但有一点是肯定的,不管是使用什么技术设计的网站,用户在客户端通过浏览器打开看到的网页都是静态网页,都是由HTML5+CSS3+JavaScript技术构建的网页。网页制作技术的应用范围也越来越广,如门户网站、BBS、博客、在线视频等,HTML5+CSS3+JavaScript技术成为Web 2.0众多技术中不可替代的弄潮儿。所以,如果想从事网页设计或网站管理相关工作,就必须掌握HTML5+CSS3+JavaScript技术。
HTML5自从2010年正式推出以来,就以一种惊人的速度被迅速推广,世界各知名浏览器厂商也对HTML5有很好的支持,如今HTML5网页端的产品也越来越丰富。目前,很多高校的计算机专业和IT培训公司,都将基于HTML5+CSS3+JavaScript技术的开发课程作为必修课之一。本书是作者项目实践加教学经验的总结,也是广州市高校第九批教育教学改革课题项目(编号:2017F06)的阶段性成果总结,结合企业需求,以学生课堂实践为基础,以案例教学方法为主轴,学生可以通过扫描二维码的方式直接进入对应源代码案例学习。一方面,跟踪HTML5+CSS3+JavaScript技术的发展,适合市场需求,精心选择案例,突然重点、强调实用,使知识讲解全面、系统;另一方面,设计典型案例,将课堂教学与项目实践综合,既有利于学生学习知识,又有利于指导学生实践,真正使课堂动起来。
本书共11章,具体结构划分如下。
第一部分:开发准备篇,包括第1章,这部分主要介绍了网页和网站基础知识、HTML5简介、开发环境配置。
第二部分:HTML5基础知识篇,包括第2~4章,这部分主要讲解网页文档结构、HTML5语义和结构元素、图像标识和超链接、HTML5列表、表格和表单标记。
第三部分:CSS3知识篇,包括第5~7章,这部分主要讲解CSS3基础、CSS3选择器、CSS3盒子模型、CSS3基本样式、CSS3动画样式。
第四部分:技术提高篇,包括第8~9章,这部分主要讲解JavaScript基本语法和用法、JavaScript对象和函数、使用JavaScript控制网页文档和浏览器、JavaScript与HTML5新标记(canvas、视频和音频)结合使用等。
第五部分:案例实战篇,包括第10~11章,这部分主要通过4个小案例和一个集团网站开发综合案例具体演示如何使用HTML5+CSS3+JavaScript技术实现网页动态效果和完整网站开发。
本书特点如下。
知识全面:本书本着“学生好学、教师好教、企业需要”的原则,知识由浅入深,涵盖了大部分HTML5、CSS3、JavaScript技术知识点,便于读者循序渐进地掌握HTML5+CSS3+ JavaScript技术网站前端开发技术。
图文并茂:本书分篇幅讲解HTML5、CSS3、JavaScript技术的内容,为读者描绘一幅HTML5、CSS3、JavaScript角色图,说明了这3种技术在网页开发这个大生态中扮演着重要角色。本书注意可操作性,图文并茂,在介绍案例的过程中,每一个操作均有对应的插图,这种图文结合的方式使读者在学习过程中能够直观、清晰地看到操作过程及其效果,便于快速地理解和掌握。
案例丰富:把知识点融汇于系统的案例实训当中,采用理论介绍、案例演示、运行效果和源代码解释相结合的教学步骤,结合经典案例进行讲解和拓展,进而达到“知其然,并知其所以然”的效果。
讲解详尽:本书思路清晰、语言平实、操作步骤详细,只要认真阅读本书,把书中的所有实例循序渐进地练习一遍,并把本书所有的案例独立完成,读者就可以达到企业前端开发所需的要求。
资源丰富:本书的教学资源可登录华信教育资源网免费下载,包括本书所需要的软件、所有实例和综合案例源代码等,扫描书中二维码也可获得当前案例的源代码及对应的资料,其中源代码经过严格测试,可以在Windows XP/Windows 7等平台、Google浏览器下编译和运行。
本书从初学者的角度出发,结合大量的案例使学习不再枯燥、教条,因此要求读者边学习边实践操作,避免所学的知识只限于理论。本书作为入门书籍,知识点比较庞杂,所以不可能面面俱到,技术学习的关键是方法,本书在很多实例中体现了方法的重要性,读者只要掌握了各种技术的应用方法,在学习更深入的知识时可大大提高自学的效率。
本书由广州番禺职业技术学院的陈惠红、胡耀民、刘世明担任主编,严梅、汤双霞、丘美玲担任副主编,参加本书编写的人员还有李玲玲、谢建华、刘柱栋、吴晓澜。
为了方便教师教学,本书提供了教学参考资料包,内容包括电子课件、案例源代码、课后上机实训、习题解答等,请有此需要的教师登录华信教育资源网(www.hxedu.com.cn)注册后免费下载,如有问题可在网站留言板留言或与电子工业出版社联系(E-mail:hxedu@phei.com.cn)。
由于编者水平有限,书中难免存在疏漏和不足之处,敬请广大读者批评指正,使本书得以改进和完善。
编 者
展开