• 1
  • 2
  • 3













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

                  

 教学PPT    教学方案   教学视频    辅助案例   教学题库    教学大纲    实训项目

内容简介

全书共11章,第1到3章主要讲解了HTML与CSS的基础知识,包括Web基本概念、HTML与CSS简介、Dreamweaver工具的使用、HTML文本与图像标记、CSS选择器、CSS文本样式属性、CSS的继承性和优先级。第4到7章分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位,他们是学习网页制作的核心。第8章到到9章主要讲解了CSS的高级技巧、布局与常见的兼容性,掌握这些实用的技巧,可以使初学者在制作网页时得心应手。第10到11章为实战开发,结合前面学习的基础知识,带领初学者开发一个包含首页和多个子页面的中型网站。

教材特色

HTML与CSS是网页制作技术的核心和基础,也是每个网页制作者必须要掌握的基本知识,两者在网页设计中不可或缺。本书从初学者的角度,以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML与CSS进行网页设计与制作的各方面内容和技巧。

本书附有配套的教学PPT、题库(2000道)、教学视频、源代码、教学补充案例、教学设计等资源。同时,为了帮助初学者及时地解决学习过程中遇到的问题,传智播客还专门提供了免费的在线答疑平台,并承诺在3小时内针对问题给予解答。

本书可作为高等院校本、专科计算机相关专业程序设计类课程专用教材。

样章预览

第4章 盒子模型

学习目标

了解盒子模型的概念

掌握盒子相关属性

熟悉元素的类型

理解元素的转换

盒子模型是CSS网页布局的基础,只有掌握了盒子模型的各种规律和特征,才可以更好地控制网页中各个元素所呈现的效果。接下来,本章将对盒子模型的概念、盒子相关属性及元素的类型和转换进行详细地讲解。


4.1 认识盒子模型

学习盒子模型首先需要了解其概念,所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。

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

配套资源

针对《网页设计与制作(HTML+CSS)》一书,传智播客精心打造了一整套符合教学规律的配套资源,->点击查看教学资源包介绍手册

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

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

教学PPT【查看样例】

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

教学方案【查看样例】

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

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

css盒子模型详解【查看样例】

css边框详解 【查看样例】

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

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

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

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

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

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

样题A卷【查看样例】

样题B卷【查看样例】

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

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

教学大纲【点击查看】

应用导向,项目教学……理念谁都懂,没有实施方案怎落地?

——根据每个章节的内容精心设计的阶段性实践项目,让“做中学,学中做”不再是一句空话,我们深知您心里一直在呐喊:空谈误国啊!

实训项目【点击查看】