表格基础和DIV+CSS网页布局基础教案由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“divcss网页布局基础”。
本部分任务
制作“宝贝分类”页面 制作“公告栏”页面
为什么使用表格
表格应用场合 具体内容见ppt 表格的基本结构
具体内容见ppt
表格的基本语法
Table标签 Tr标签 Td标签 具体内容见ppt 注：表格标签中没有列标签。
如何创建表格
具体内容见ppt
跨行跨列的表格
什么是跨行跨列的表格 跨多行的表格
跨多列的表格 具体内容见ppt
表格的美化修饰
什么是表格的美化修饰 如何设置表格的尺寸和边框 width用来设置表格的宽度 height用来设置表格的高度
border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 如何设置背景
background属性用来设置表格的背景图片
bgcolor属性用来设置表格、行、列的背景色。HTML中颜色的表示方式：“#EBEFFF”是用RGB表示的一种颜色值，RGB指的是红绿蓝。
如何设置对其方式
align属性用来设置表格、行、列的对齐方式 为什么要使用填充属性 具体内容见ppt 什么是填充属性和间距属性
border(边框的厚度)cellpadding(单元格填充)cellspacing(单元格间距)如何使用填充、间距属性 border(边框的厚度)cellpadding(单元格填充)cellspacing(单元格间距)
表格的布局
什么是表格布局 使用表格进行布局
用表格对网页的内容进行整体控制
DIV+CSS规划页面
什么是CSS？
为什么要使用CSS？ 如何使用CSS？
DIV+CSS如何规划页面？
什么是CSS？
CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制Web页面的外观。
为什么要使用CSS？
CSS的特点
便于页面的修改。便于页面风格的统一。减少网页的体积。为什么要使用CSS？ 使用CSS布局的优点 表现和内容相分离 提高页面浏览速度 易于维护和改版
CSS样式表极大地提高了工作效率
样式通常保存在外部的.c 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。
由于允许同时控制多重页面的样式和布局。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。内联定义
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。
如何使用CSS？
只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。 定义内部样式块对象
你可以在你的HTML文档的和标记之间插入一个...块对象。定义方式请参阅样式表语法。
这样的样式表只能针对本页有效。不能作用于其它页面。 导入样式——Style导入
与链入外部样式的功能基本相同，只是语法和实现方式上有差别。
它一般常用在另一个样式表内部。如layout.c为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.c的文件中，然后在layout.c中以@import url(“/c/global.c”)的形式链接全局样式，这样就使代码达到很好的重用性。 导入样式——Link标签导入
使用Link标签代替Style标签来导入CSS文件。
它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
除了内联定义是直接作用于标签本身以外，其他CSS使用方式都需要建立标签和样式之间的映射关系。主要的映射关系有： id映射 cla映射 标签映射 混合映射 CSS样式和页面标签元素的对应方式
几种样式的优先级
id优先级高于cla 后面的样式覆盖前面的 指定的高于继承 行内样式高于内部或外部样式
总结原则：单一的(id)高于共用的(cla)，有指定的用指定的，无指定则继承离它最近的。
DIV+CSS如何规划页面？
请关注上机实验3
By---QQ69848627
《应用表格布局网页结构》教案一、教学目标1、知识与技能：（1）了解表格网页的作用；（2）掌握网页中表格的制作方法，表格属性的属性设置方法； （3）能根据网页设计内容，正确布局表格的结构； （4）......
网页美工基础【教学内容】 网页配色 素材获取 网页布局【教学目的】掌握网页配色和布局的常用方法。【教学重、难点】重点：网页配色原则、网页布局的类型 难点：实际的运用......
第8章网页制作基础• 8.1 概述• 8.1.1 基本概念• 网页（Web Page）– 网页是一种可以在WWW上传输，并能被浏览器解释和呈现的文件。– 是网站最基本的组成单位。– 网页可分为静......
网页设计教学中DIV+CSS布局的运用论文......
网页设计教学中DIV+CSS布局的运用论文一、引言。随着时代的发展进步，网络计算机技术的飞速发展进步，网页设计领域也有了极其广泛的发展空间，各个院校都开设了网页设计这一学科......
