表格处理dreamweaver.docx

表格处理dreamweaver.docx

《表格处理dreamweaver.docx》由会员分享，可在线阅读，更多相关《表格处理dreamweaver.docx（13页珍藏版）》请在冰豆网上搜索。

表格处理dreamweaver

第五章表格处理

1、表格的作用：

1）存放数据2）布局页面

2、插入表格

步骤：

1）单击网页中需要插入表格的地方

2）在菜单栏选择“插入记录”->“表格”命令，或者单击“常用”工具栏里的“表格”按钮

，或者运用组合键CTRL+ALT+T

3、设置表格大小

行数和列数：

表格宽度：

表示表格在页面中宽度的大小。

像素设置的是表哥宽度的实际值，

百分比设置的是表格与页面宽度的相对比值。

边框粗细：

设置表格边框的粗细效果。

单元格边距：

是指单元格中填充内容距离边框的距离大小。

单元格间距：

是指相邻单元格之间的距离。

概念：

单元格，指的是表格里的每一个格子，就叫做单元格。

理解表格边框、单元格边框、间距、填充（边距）

4、页眉与辅助功能

页眉：

用于设置表格的行或列的标题

无：

表示不设置表格的行或列的标题

左：

表示一行归为一类，可以为每行在第一栏设置一个标题

顶部：

表示一列归为一类，可以为每列在头一栏设置一个标题

两者：

表示可以同时输入“左”端和“顶部”的标题

标题：

设置表格的标题名称，默认会出现在表格的上方。

摘要：

为表格的备注，不会在网页中显示。

二、表格的设置

1实例一足球明星相册

要求：

1）标题“足球明星”设置字体：

黑体、大小：

36像素、颜色：

#FFCC33、居中对齐

2）创建导航位置的表格1行5列、表格宽度700像素、边框为0、填充3、间距0、背景颜色为：

#FF99CC、每个单元格必须一样宽，且里面的文字居中对齐。

3）设置网页背景颜色为：

#009900，设置导航链接

4）创建图像展示表格3行4列。

宽度

700像素

边框粗细

1像素

边框颜色

#003333

单元格边距

10像素

单元格间距

10像素

表格背景颜色

#006600

第一行背景颜色

#66FFCC

第二行背景颜色

#FFFF66

第三行背景颜色

#66FF00

知识点：

1）选定表格和单元格

表格包括行、列、单元格3个组成部分。

A、选定整个表格

B、选定行或列

C、选定单元格

2）设置表格和单元格的属性

3）调整表格的尺寸

选定表格→鼠标拖动

设置属性值

调整行和列的宽度

2、实例二、制作课程表

步骤一：

插入5行6列的表格，宽度为500像素，边框、填充、间距各为1；并调整表格录入文字如下图所示：

知识点：

1）添加/删除行列

通过表格【属性】面板增加与删除表格的行和列

通过【修改】菜单完成增加与删除表格的行和列

2）单元格的合并和拆分

3）单元格的复制、粘贴、移动和清除

　在网页编辑窗口中选中要复制的对象

1.复制－－按Ctrl+C，或【编辑】｜【复制】命令。

2.移动－－按Ctrl+X，或【编辑】｜【剪切】]命令。

3.粘贴－－按Ctrl+V，或【编辑】｜【粘贴】命令。

4.拖动－－按住Ctrl＋拖，则完成复制操作。

直接拖曳可完成对象的操作。

5.清除－－按Delete，或【编辑】｜【清除】命令。

步骤二：

在步骤一的基础上，设置表格属性，如下图所示效果：

表格属性参数：

宽度

500像素

边框粗细

1像素

边距

1像素

间距

1像素

表格背景颜色

#D2E2EF

表格边框颜色

#B6C9D7

对齐

居中对齐

步骤三：

设置单元格属性，完成课程表。

如下图所示：

要求：

1）所有单元格居中对齐，字体大小为12px

2）第一列和第二行字体加粗

3）第二行背景颜色设置为：

#B6C9D7；填写科目的单元格设置背景颜色：

#E9F1F8

4）最上一行字体：

隶书36px红色；设置行高70像素；背景图片：

bg.gif

5）左上角单元格，插入图片logo.gif，设置图片宽和高为60,并设置图片在单元格的顶部对齐。

6）最下一行设置行高20像素；背景颜色：

#B6C9D7，边框颜色：

#FF0000

3、表格的html标记

表格的标签：

行标记

单元格标记

 空格

三、表格嵌套

1．概念：

就是在表格的单元格中再插入表格，形成嵌套的结构。

或者就是说在已有的表格中再创建表格。

2．步骤

A：

光标定位到需要插入嵌套表格的单元格里

B：

按照插入表格的方式，插入新的表格

实例一：

下载页面

要求：

1、背景图片为bg.gif

2.单元格颜色#33B3F0和#C8EAFB

实例二个人简历

四、应用表格布局页面

1）、类型：

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。

A、国字型

B拐角型

C正文型

D左右框架型

EFlash型

2、页面的构成

1）网页尺寸

根据屏幕分辨率的大小设计网页的宽度。

一般如果屏幕分辨率为800*600那么设计网页的尺寸为780*428，如果屏幕分辨率为1024*768，那么设计页面尺寸为980*600

2）页头（页眉）

通常放置logo（网站标志）和banner（广告条）

3）页脚

放置版权信息、联系电话、网站介绍、备案信息等等。

4）导航栏

实例：

国字型网页制作