• 1
  • 2
  • 3
















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

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

内容简介

全书共10章,结合HTML、CSS和JavaScript的基础知识及应用,提供了29个精选案例,以及1个综合实训项目。其中,第1到3章主要讲解HTML与CSS的基础知识,包括Web基本概念、HTML与CSS简介、Dreamweaver工具的使用、HTML文本与图像标记、CSS选择器、CSS文本样式属性、CSS的继承性和优先级。第4到7章分别讲解了盒子模型、列表与超链接、表单、元素的浮动与定位。第8到9章主要讲解JavaScript编程基础与事件处理。第10章为实训项目,带领读者开发一个包含结构、样式和行为的网页。

教材特色

《HTML+CSS+JavaScript网页制作案例教程》这本教材具有4个特色。

特色1:案例驱动式教学

本书在教学形式上进行了合理创新,采用理论联系实际的案例驱动式教学方法,以每节一个案例的形式,按节细化知识点,用案例来巩固知识点的学习,将抽象的知识形象地传授给读者。

特色2:知识点细且全

全书用9章的篇幅全面而循序渐进地介绍了HTML标记、CSS样式及JavaScript编程基础与事件处理。

特色3:案例涉及面广

全书共有29个原创经典案例和1个综合实例,案例涉及新闻页面、Banner、导航栏、名片、移动端电商界面、电商网站下拉菜单及Tab栏切换等多个方面,实用性和趣味性兼顾。

特色4:商业实用性强

本书最后一章详细讲解了一个网页项目的制作,实用性强,可以为读者日后的工作奠定理论和实践基础。

案例欣赏

《HTML+CSS+JavaScript网页制作案例教程》案例欣赏

本书采用了案例驱动的教学方式,全书包含29个原创经典案例和1个综合实例。部分章节的案例示意图如下。

第7章 浮动与定位,【案例19】世界杯梦幻阵容:

“世界杯梦幻阵容”效果展示

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

样章预览

第5章 列表与超链接

学习目标

掌握无序、有序及定义列表的使用,可以制作常见的网页列表模块

掌握超链接标记的使用,能够使用超链接定义网页元素

掌握CSS伪类,会使用CSS伪类实现超链接特效

通过第4章盒子模型的学习,已经很容易对网页做一个简单的结构划分。但是一个网站由多个网页构成,每个网页上都有大量的信息,要想使网页中的信息排列有序,条理清晰,并且网页与网页之间有一定的联系,就需要使用列表和超链接。本章将对列表标记、超链接标记以及CSS控制列表和超链接的样式进行详细讲解。


5.1 【案例11】精美电商悬浮框

案例描述

在制作电商网站时,通常需要使用一些精美的悬浮框对商品信息进行简单的分类,这样即可以方便消费者搜索商品,也可以使网页结构变得清晰美观。本节将运用无序列表制作一款精美的电商“悬浮框”,其效果如图5-1所示。

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

配套资源

针对《HTML+CSS+JavaScript网页制作案例教程》一书,传智播客精心打造了一整套符合教学规律的配套资源,->点击查看教学资源包介绍手册。为了让各位老师能快速了解这套教学资源包,特意选取了部分精彩内容在此进行展现,具体如下:

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

教学PPT【查看样例】

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

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

背景属性定义列表项目符号 【查看样例】

伪类链接 【查看样例】

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

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

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

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

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

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

样题A卷【查看样例】

样题B卷【查看样例】

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

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

教学大纲【点击查看】