• 1
  • 2
  • 3













配套资源【点击图标查看更多】

                         

 教学PPT     教学方案      教学视频      教学题库      教学大纲   

内容简介

互联网的世界离不开前端开发,大前端时代最大的特点在于一次开发,同时适用多个平台,可以说是Web统一的时代。本书将当前热门响应式Web开发与HTML5和CSS3完美的结合起来,以项目为导向,深刻且通俗地揭示了Web前端开发的内幕。

全书共8个单元,详细讲解了HTML5、CSS3、JavaScript基础、响应式Web设计、Bootstrap等技术的应用。第1单元从宏观角度介绍了响应式Web开发的基本概念以及HTML5和CSS3的新特性,让读者对它们一个初步的理解和认识;第2~4单元讲解了HTML5和CSS3中的一些常用标签和属性,它们是响应式Web开发必备的基础知识;第5单元讲解了HTML5画布,作为HTML5的标志性突破,它是本书的一大亮点;第6单元讲解了HTML5的音频和视频功能;第7单元深入讲解了响应式Web设计的相关技术点,它是高级的前端开发人员的必要修养;第8单元讲解了Bootstrap的下载、安装以及相应组件的基本应用,它是一个非常高大上的响应式设计神器,爱技术的你,绝对值得拥有。本书深入浅出、通俗易懂语言阐述其中涉及的概念,对相应知识点列举了典型详实的Web应用案例,最后将知识点应用的综合项目当中,并提供页面效果展示、项目分析和详细的代码实现,使读者在掌握知识点的同时拥有相应的项目经验。

本书附有配套视频、源代码、习题、教学课件等资源,而且为了帮助读者更好地学习本书讲解的内容,还提供了在线答疑,希望得到更多读者的关注。

本书针对某些知识点添加了相应基础知识的回顾,不仅适合作为高等院校计算机相关专业程序设计或者Web项目开发的教材,还可以为各个层次的Web开发人员阅读和参考的优秀读物。

教材特色

本教材主要有以下3个特色:

特色1:项目驱动教学

实际编程为主,理论知识为辅。通过生动的项目将知识点串联起来,充分提高读者的求知欲望和学习成就感。

特色2:重组知识划分

8个主题单元,从HTML5+CSS3页面制作基础到HTML5突破性进化。从响应式Web页面开发介绍到bootstrap响应式页面开发实战。

特色3:实用与趣味兼得

每个单元由2~4个项目构成,除此还穿插一些趣味小案例。全书涉及炫目动感的网页、Canvas与SVG绘图、响应式跨平台的Web开发、常用开发工具的使用等。

样章预览

单元5 HTML5画布

过去的很长一段时间,网页显示图像是用jpg、png等嵌入式图像格式。动画通常是由Flash实现的。现在出现了两种新的图形格式canvas和svg,并且HTML5对它们提供了非常好的支持,其中,canvas为HTML5的新增元素,本单元将会讲解如何使用canvas进行网页图形的绘制。

JavaScript的那些事

JavaScript 是一门简单的脚本语言,是前端开发中一个重要的角色,例如我们本节要讲的canvas就依赖于JavaScript才能完成一系列操作,在学习canvas之前,首先介绍JavaScript语言中的基础知识。

1.JavaScript的引入

在 HTML文档中引入JavaScript与引入CSS的方法类似,分为两种方式,一种是在HTML文档中直接嵌入JavaScript脚本,称为内嵌式;另一种是链接外部JavaScript脚本文件,称为外链式。具体如下:

->点击查看更多精彩内容

项目展示

【项目1-1】使用HTML5+CSS3绘制HTML5的logo

HTML5 logo呈现出的感觉是强大、安全,具有前瞻性,光芒明亮、用色大胆,而这些都代表着HTML5的形象。本项目使用HTML5+CSS3绘制出HTML5的logo,页面效果如图1所示。

->点击查看更多精彩内容

配套资源

针对《响应式Web开发项目教程(HTML5+CSS3+Bootstrap)》一书,传智播客精心打造了一整套符合教学规律的配套资源,->点击查看教学资源包介绍手册

为了让各位老师能快速了解这套教学资源包,特意选取了部分精彩内容在此进行展现,具体如下:

以往出版社教材配套的PPT只是教材内容搬家?照本宣科“升级”成了照PPT宣科?——我们设计的教学PPT画面精美,素材丰富,逻辑层次清晰,有了这套PPT,从此只要单击鼠标即可轻松把课堂串起来

教学PPT【查看样例】

有了我们提供的教学PPT,教案本来就用不上了……但是,我们懂得:教务处可不那么人性化,一如往常的要检查教案,于是,教案也替老师们写好了,大大节约老师的时间和精力。

教学设计【查看样例】

课时就那么点,学生没听明白重难点怎么办?没有时间讲实践课怎么办?

——大量的巩固和强化重难点知识的教学短视频,帮老师解决难题,让学生收获惊喜!

项目5-2-项目分析【查看样例】

项目5-2-项目实现【查看样例】

不测怎么知道学生的学习效果?做一次测验耗时耗力又耗心血?

——标配1000道测试题+考试系统,出卷、考试(练习)、评分一键搞定,节约的何止是时间,收获的何止是教学质量!

各位老师可以在博学谷教学平台上根据特定知识点和测试难度生成测试题,下面为系统自动生成的两套样题。请点击查看:

样题【查看样例】

身在高校,每学期教务处的记性总是那么差!又要求上报“教学大纲”有木有?

——都给您准备好了,直接发送吧,连错别字都不用查!

教学大纲【点击查看】