《表格布局页面》PPT课件

《《表格布局页面》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四章　表格布局页面本章重点：表格的基本操作、应用表格布局（标准视图下）、布局表格视图的使用，在表格及单元格中输入各种网页元素的方法，表格格式化等操作方法。第四章　表格布局页面4.1创建网站相册初识表格4.2表格的基本操作4.3网页的页面布局4.4使用表格的其他视图4.5应用表格布局页面4.6实战演练－－我的第一页附：制作流行表格4.1创建网站相册初识表格4.1.1案例综述使用Dreamweaver8中提供的【创建网站相册】命令，自动生成足球明星页photo.htm。从中使读者初步认识表格的基本操作方法及其作用。4.1创建网站相册初识表格4.1.2案例分析使用【创建网站相册】命令创建的Ph

2、oto.htm页是采用表格布局，将图片的缩略图排列在网页中的。表格的修改和美化表格的插入添加或删除行列拆分合并单元格等基本操作4.1创建网站相册初识表格4.1.3实现步骤一、创建网站像册方法：1、将需制作相册的图片放在源图像文件夹中，同时建立一个空目标文件夹，用来存放系统生成的图片和文件。2、执行“命令

3、创建网站相册”命令3、在【创建网站相册】对话框中输入相应的参数，即可。4.1.3实现步骤二、网站相册的修改方法：选择“页面属性”，可以进行文字、背景、颜色，以及表格的一些修改。三、相册表格的美化选择“命令

4、格式化表格”命令。4.1创建网站相册初识表格4.2表格的基本操作4.2.1插入表格【

5、插入】｜【表格】命令，或单击【插入】栏中的【常用】类型中的【插入表格】按钮理解单元格，表格，间距，填充，边框。居中｜插入一行一列表格，各项值如图：4.2表格的基本操作理解表格、单元格：4.2表格的基本操作4.2表格的基本操作理解表格边框、单元格边框、间距：为了便于观看填充的效果，在属性面板中，填充输入为30。理解填充：单元格边框和内容之间的距离就是填充。4.2表格的基本操作表格包括行、列、单元格3个组成部分。1、选定整个表格2、选定行或列3、选定单元格4.2.2选定表格和单元格4.2表格的基本操作1、选定表格→鼠标拖动。4.2.3调整表格的大小4.2表格的基本操作2、调整行和列的宽度鼠标放

6、在一列的上面，出现向下的箭头时，单击，就可以选中一列。在属性面板中可以设置所选列的宽和高。为列设置宽度和高度4.2表格的基本操作4.2.4设置表格和单元格的属性设置表格属性设置单元格属性4.2表格的基本操作4.2.5添加/删除行列通过表格【属性】面板增加与删除表格的行和列通过【修改】菜单完成增加与删除表格的行和列4.2表格的基本操作4.2表格的基本操作4.2.6单元格的合并和拆分1、合并单元格按Ctrl，点单元格，选中表格，在属性面板中点“合并所选单元格，使用跨度”。4.2表格的基本操作2、拆分单元格在单元格中单击，选中单元格。点击属性面板中的“拆分单元格为行或列”，设置拆分方式。4.2表

7、格的基本操作拆分后的效果4.2表格的基本操作4.2.7单元格的复制、粘贴、移动和清除在设计网页时，可以一次复制、粘贴、移动和清除一个或多个单元格。操作方法如下：在网页编辑窗口中选中要复制的对象复制－－按Ctrl+C，或【编辑】｜【复制】命令。移动－－按Ctrl+X，或【编辑】｜【剪切】]命令。粘贴－－按Ctrl+V，或【编辑】｜【粘贴】命令。拖动－－按住Ctrl＋拖，则完成复制操作。直接拖曳可完成对象的操作。清除－－按Delete，或【编辑】｜【清除】命令。4.2表格的基本操作4.2.8表格的嵌套嵌套表是在表格中的一个表格。在一个单元格中，插入一个表格，就是嵌套表。将光标插入当前表格的某个

8、单元格中，然后可选择【插入】｜【表格】命令，或单击【插入】栏的【常用】类型中的【插入表格】按钮4.3网页的页面布局4.3.1网页布局类型“国”字型拐角型标题正文型左右框架型上下框架型综合框架型封面型Flash型变化型4.3网页的页面布局4.3.2关于第一屏一般来讲，在800×600的屏幕显示模式(这也是最常用的)下，在IE安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为778px×435px.4.3网页的页面布局4.3.3有关导航栏的位置一般来讲，导航栏要在“第一屏”能显示出来，但是有时第一屏可能会小于上面所说的435px，基于这点考虑，那种横向放置的导航栏要优于纵

9、向的导航栏考虑4.3网页的页面布局4.3.4什么样的布局是最好的如果内容非常多，就要考虑用“国字型”或拐角型；如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。4.3网页的页面布局