网页设计 第9章 Dreamweaver的表格和网页版面设计.ppt

第 9 章 Dreamweaver的表格和网页版面设计 涟钉纵曲汐母李阿弛淹淳卓绽玫茅阜落葛昏霓刺直垛拓通匡芽江奉侈纺骡网页设计 第9章 Dreamweaver的表格和网页版面设计网页设计 第9章 Dreamweaver的表格和网页版面设计 本章知识技能要点： 表格在网页中的作用 表格的创建与编辑 利用表格对页面进行布局 利用布局试图对页面进行布局 Dreamweaver中框架的创建方法 超链接框架目标的指定 框架和框架页的基本操作 怨镶券屠巢据巾贩囚们搪喇卡仕蜀洛昂乎豫肿渐娃轴厦神簿豫籽臆加没史网页设计 第9章 Dreamweaver的表格和网页版面设计网页设计 第9章 Dreamweaver的表格和网页版面设计 9.1 网页中的表格 表格是现代网页制作的一个重要组成部分。表格之所以重要是因为它不仅仅可以有传统意义上的用法，更重要的是时可以用于实现网页的精确排版和定位。 在开始制作表格之前，首先对表格的各部分的名称做一个说明。 如图示，一张表格横向叫行，纵向叫列。行列交叉部分叫做单元格。单元格中的内容和边框之间的距离叫填充。单元格和单元格之间的距离叫间距。整张表格的边缘叫做边框。 誊扫藕荚怎尺如封唤徐席邀讳奔蜕触鞠绽便心叛俊志斋鳞贡皿林嗅项梗形网页设计 第9章 Dreamweaver的表格和网页版面设计网页设计 第9章 Dreamweaver的表格和网页版面设计 9.1.1在网页中插入表格 单击“插入”工具栏“常用”类别中的“表格”按钮 。或者选择“插入”菜单下的“表格”命令，弹出“表格对话框”。 在表格对话框中，“表格大小”栏：设置表格的外观，如行数、列数、单元格边距（填充）、单元格间距等等。“页眉”栏：设置表格的表头位置。“辅助功能”栏：设置表格标题等。 设置完成之后，点击“确定”。 9.1 网页中的表格 9.1.2向表格中添加数据 向表格中添加数据时移动插入点的方法有： 将插入点移动到下一个单元格：按Tab键。 将插入点移动到上一个单元格：按Shift+Tab组合键。 将插入点向上、下、左、右移动：按箭头键。 希滑叙韶蒙夯晤作削勋拂菩泵琶轧敌眺根膘钾综胎缺悬祟苯封惑码彩蓟饰网页设计 第9章 Dreamweaver的表格和网页版面设计网页设计 第9章 Dreamweaver的表格和网页版面设计 9.1.3 导入外部数据 选择“文件”菜单→“导入”→“表格式数据”命令，或者选择“插入”菜单→“表格对象”→“导入表格式数据”命令，弹出“导入表格式数据”对话框，指定要导入的数据文件、定界符及其他选项。 9.1 网页中的表格 昏秋圈拯雀涤秆芋耪施诛肌衫枚婉烩状勿驱拒应所歧戍映澡茸乃林富倾硅网页设计 第9章 Dreamweaver的表格和网页版面设计网页设计 第9章 Dreamweaver的表格和网页版面设计 9.1.4 表格的编辑与修改： 9.1.4.1 选择单元格 选择某一个单元格：单击单元格，然后单击文档窗口左下角标签选择器中的td标签；或者按住Ctrl键单击该单元格；或者单击单元格，然后选择“编辑”→“全选”命令。 选择一个矩形单元格块：从一个单元格拖动到另一个单元格，或者单击一个单元格，然后按住Shift键单击另一个单元格。 选择不相邻的多个单元格：按住Ctrl键，然后单击要选择的每一个单元格。 9.1 网页中的表格 质掐违徽筏隔的馏视接盅称私溃熄脖续脂高否粤浦拒姬悼趣裤纤警凰晒潍网页设计 第9章 Dreamweaver的表格和网页版面设计网页设计 第9章 Dreamweaver的表格和网页版面设计 9.1.4.2 选择行和列 将指针指向行的左边缘，当指针变成选择箭头时单击可以选择此行，上下拖动则可选择多行。 将指针指向列的上边缘，当指针变成选择箭头时单击可以选择此列，左右拖动则可以选择多列。此外，要选择一列，也可以在该列中单击，然后单击列标题菜单箭头，选择弹出菜单中的“选择列”命令。 9.1.4.3 选择整个表格 单击任意单元格，然后在文档窗口左下角的标签选择器中单击table标签。 单击表格的左上角、表格的顶边缘或底边缘的任意位置或者行或列的边框。 单击任意单元格，然后选择“修改”→“表格”→“选择表格”命令。 单击任意单元格，单击表格标题菜单，然后选择“选择表格”命令。 9.1 网页中的表格 驻泊揽恕疚熔盅抱拙犹垄汐笛违惧皋扑强篇熟少缩潮娘炊戮揪甥果臭欺邵网页设计 第9章 Dreamweaver的表格和网页版面设计网页设计 第9章 Dreamweaver的表格和网页版面设计 9.1.4.4 添加、删除行或列 1.添加行 当插入点位于表格的最后一个单元格中时，按Tab键会自动在表格的最后另外添加一行。 选择“修改”菜单→“表格”→“插入行”命令，此时将在