以下为《网页中的表格》的无排版文字预览，完整格式请下载
下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。
网页中的表格
回顾及检查
列表总共分为哪三种？
如何更改列表的项目符号？
1、无序列表
2、有序列表
3、定义列表
<body>
<h4>type=circle 时的无序列表：</h4>
<ul type="circle">
<li>桔子</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
XXXXX
</body>
1、无序列表：
circle：空心圆点
disc：实心圆点
square：实心方框
2、有序列表的类型
1：数字
A：大写英文
a：小写英文
i：小写罗马字符
I：大写罗马字符
2/21
本章任务
制作当当网图书推荐页面
制作人人网页面
3/21
当当网
人人网
本章目标
掌握表格的创建方法
掌握表格和单元格的常用属性
学会创建跨行或跨列的表格
学会使用表格对网页进行布局
4/21
一、表格的作用及结构
1、表格的作用
使网页页面布局整齐、美观
5/21
一、表格的作用及结构
2、表格的基本结构
单元格:表格的最小单位
行:一个或多个单元格横向堆叠形成了行
列:一个或多个单元格纵向划分形成了列
6/21
二、表格的创建
1、使用Dreamweaver插入表格的方法：
选择菜单栏中的“插入”?“表格”
对表格的相关属性进行设置
7/21
二、表格的创建
在设计模式查看表格
可通过属性面板对表格进行调整
8/21
三、表格的属性
1、表格宽度的设置
表格宽度单位有两个
像素：任何情况下宽度固定不变，一般用于最外层表格
百分比：一般用于被嵌套的内层表格，宽度会随外层表格宽度变化
9/21
三、表格的属性
2、表格边框的设置
单位是像素，设为“0”时， 表格无边框
10/21
三、表格的属性
3、表格的对齐方式
默认对齐：靠左对齐
居中对齐
左对齐
右对齐
11/21
三、表格的属性
4、单元格的设置
单元格的填充：单元格里内容与边框的距离
单元格的间距：单元格与单元格之间的距离
设置单元格填充
无填充和间距设置
设置单元格间距
12/21
四、单元格的属性
1、单元格的尺寸
单元格的宽度
单元格的高度
2、调整单元格尺寸
通过属性面板完成
13/21
五、单元格的合并与拆分
1、复杂表格的制作
通过合并和拆分单元格实现不规则表格
14/21
六、表格的嵌套
什么是表格的嵌套：
往一个表格的单元格中，再插入一个表格，就是表格的嵌套
外层表格宽度单位一般用像素
内层表格单位一般用百分比，也可用像素
15/21
演示案例-“当当网图书推荐”页面
需求分析
通过表格实现图书推荐页面的制作
16/21
演示案例-“当当网图书推荐”页面
实现思路
按照上中下布局可划分出三个表格
表格的第一设置背景颜色
表格内文本与表格边框有一定的距离，需要为表格设置填充属性
17/21
演示案例-制作人人网首页
页面效果
18/21
演示案例-制作人人网首页
思路分析
页面结构的划分
单元格里面嵌入内容
19/21
总结
请简述表格的基本结构
设置哪些属性可以实现单元格的拆分与合并？
单元格的填充和间距的区别？
20/21[全文已结束，注意以上仅为全文的文字预览，不包含图片和表格以及排版]
以上为《网页中的表格》的无排版文字预览，完整格式请下载
下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。