• 1
  • 2
  • 3
















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

教学PPT 教学方案 教学大纲 教学视频 辅助案例 教学题库

内容简介

HTML5与CSS3是下一代Web应用的基础,使互联网进入了一个崭新的时代。本书从HTML5和CSS3的基础知识入手,重点讲解HTML5和CSS3新增功能和最新前端技术,通过大量实例对HTML5和CSS3进行深入浅出的分析,使读者在学习技术的同时,掌握Web开发和设计的精髓,提高综合应用能力。

本书共10章,第1~2章主要讲解HTML5的基础知识,包括HTML5的发展历史、HTML5的优势及浏览器支持情况、HTML5语法及文档基本格式、HTML5的页面元素及属性等。第3~4章主要讲解CSS3入门及CSS3选择器,包括CSS3发展历史、CSS3浏览器支持情况、文本样式属性、属性选择器、关系选择器、伪类选择器等。第5~7章分别讲解盒子模型、元素的浮动与定位、表单的应用,它们是学习网页布局的核心。第8章主要讲解多媒体技术,包括HTML5多媒体的特性、多媒体的支持条件以及如何在HTML 5中创建音频和视频。第9章讲解CSS3的高级应用,包括变形、过渡和动画等。第10章为实训项目,带领读者使用HTML5和CSS3等新技术制作一个炫丽的网页。

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

本书系统地讲解了HTML5和CSS3的基础理论和实际应用技术,适合没有基础的读者进行学习。本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为前端与移动开发的培训教材,对于广大网站开发人员来说,更是一本不可多得的阅读与参考的优秀读物。

教材特色

《HTML5+CSS3网站设计基础教程》这本教材具有3个特色。

特色1:知识全面,内容丰富

涵盖了HTML5+CSS3的重要特性,内容翔实、结构清晰。

特色2:理论与示例相结合

结合大量示例对HTML5与CSS3的重要特性进行解析,另外,每章都配有阶段案例,通过阶段案例的学习,对本章重点知识进行巩固,并深入领会知识点在实际网页制作中的应用。

特色3:技术新颖,易学易用

对HTML5、CSS3新特性进行重点讲解,使用通俗易懂的语句,将抽象的知识具体化。

案例欣赏

《HTML5+CSS3网站设计基础教程》案例欣赏

为了帮助读者更好的吸收和运用所学知识点,本书1~9章均配有阶段案例;第10章为项目实战,带领读者使用HTML5+CSS3技术开发一个电商网站首页面。

案例示意图如下:

第1章 初识HTML 【阶段案例—制作HTML5百科页面】:

默认页面效果

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

样章预览

第2章 HTML5 页面元素及属性

学习目标

掌握结构元素的使用,可以使页面分区更明确。

理解分组元素的使用,能够建立简单的标题组。

掌握页面交互元素的使用,能够实现简单的交互效果。

理解文本层次语义元素,能够在页面中突出所标记的文本内容。

掌握全局属性的应用,能够使页面元素实现相应的操作。

HTML5中引入了很多新的标记元素和属性,这是HTML5的一大亮点,这些新增元素使文档结构更加清晰明确,属性则使标记的功能更加强大,掌握这些元素和属性是正确使用HTML5构建网页的基础。本章将HTML5中的新增元素分为结构元素、分组元素、页面交互元素和文本层次语义元素,除了介绍这些元素外,还会介绍HTML5中常用的几种标准属性。

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

配套资源

针对《HTML5+CSS3网站设计基础》一书,传智播客精心打造了一整套符合教学规律的配套资源,->点击查看教学资源包介绍手册

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

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

教学PPT【查看样例】

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

教学方案【查看样例】

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

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

教学大纲【点击查看】

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

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

教学视频A【查看样例】

教学视频B【查看样例】

学生就业压力那么大,想给学生多讲点实用案例提升其就业竞争力?

——大量按知识点配套的典型应用实例用来增长学生实战经验,让学生从此深深的爱上您!

教学补充案例【查看样例】

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

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

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

样题【查看样例】