DW 07使用表格总结ppt课件.ppt
《DW 07使用表格总结ppt课件.ppt》由会员分享,可在线阅读,更多相关《DW 07使用表格总结ppt课件.ppt(64页珍藏版)》请在三一办公上搜索。
1、网站建设,主讲:韩维良,2022年11月,第7章,使用表格,第一节 使用表格对页面进行布局由于网页的主要组成元素是文字、图形或其它一些可视化元素(如 Flash动画、图像或文本段落),为了不使它们从一个边缘流向另一个边缘,必须将它们插入到一个“容器”中,这个“容器”就是表格。 表格能将页面划分为任意矩形区域,除了可以使大量的信息资料有组织地排列起来以便管理外,还可以用于网页布局,将网页中的元素放到表格的单元格中进行页面排版,是最常用的一种控制页面整体布局的工具。,2022年11月16日星期三,教育学院,3,实际上,在 Internet 上的绝大多数网页都是用表格辅助布局的。借助表格实现网页的精
2、细排版。可以说表格的灵活应用是网页制作中最为重要的一个技巧,表格运用得好坏,直接反映了网页设计师的水平。,2022年11月16日星期三,教育学院,4,一、版面布局概述一般情况下一个网页主要包括:LOGO(标志),Banner(横幅广告条),导航栏,导航菜单,网页正文,版权声明。在设计页面布局时,也正是围绕着这些元素展开的。在页面制作过程中要确定一个页面的布局(版式),应该综合考虑如何安置页面中的各种内容,比如标题文字、导航栏、图片、动画、超链接等。,2022年11月16日星期三,教育学院,5,做一个网页,尤其是主页,先要规划好版面布局(页面的条块分割)。如同一个容器,规划好位置。几种常用的版式
3、(分栏结构):二分栏,三分栏的结构等。,2022年11月16日星期三,教育学院,6,2022年11月16日星期三,教育学院,7,2022年11月16日星期三,教育学院,8,常见的网页布局类型:有“国”字型、“匡”字型、“三”字型、“川”字型等。,1“国”字型,2“匡”字型,3“三”字型,4“川”字型,5其他类型,(1) 封面型 (2) Flash 型 (3) 框架型,6、网页页面的构成,1)网页尺寸 根据屏幕分辨率的大小设计网页的宽度。 一般如果屏幕分辨率为800*600 那么设计网页的尺寸为780*428,如果屏幕分辨率为1024*768,那么设计页面尺寸为980*600。2)页头(页眉)
4、通常放置logo(网站标志)和banner(广告条)3)页脚放置版权信息、联系电话、网站介绍、备案信息等等。4)导航栏各版块栏目的超链接。,第二节 插入表格一、创建表格1、插入表格在文档窗口的设计视图中,将插入点置于要插入表格的位置,单击“插入”菜单中的“表格”或单击插入栏的“常用”中的“插入表格”按钮 ,或者Ctrl+Alt+T。设置行列数以及边框等。,2022年11月16日星期三,教育学院,16,在对话框中进行选项设置。行、列数:用于设置插入表格的行数和列数。表格宽度:用于设置表格的宽度,选择“像素”为单位时,表格的宽度为固定像素的宽度;选择“百分比”为单位时,表格的宽度与其上一级窗口的宽
5、度将保持相同的百分比。边框粗细:用于设置表格的边框宽度。 单元格边距:(属性面板是填充)用于设置表格中单元格中的内容与单元格边框的距离。,2022年11月16日星期三,教育学院,18,单元格间距:用于设置表格中单元格之间的间距。页眉:把表格的第一行或第一列作为标题行或标题列,作为标题行或标题列的行或列的内容将以粗体的形式显示。分别为无、左、顶部、两者。即确定是否启用表格的行列标题。在左侧为行标题,在顶部为列标题。辅助功能中的标题:用于设置表格标题,该标题在表格的外侧。(选中后,可知,也作为表格的一部分)摘要:用于描述表格的相关信息。,2022年11月16日星期三,教育学院,19,2022年11
6、月16日星期三,教育学院,20,辅助中的标题,表格宽度菜单:单击表格中的任意位置,在表格的上方或者下方显示宽度和宽度分布。单击其中的小三角可以对其进行相应的设置。也可以在“查看”中“可视化助理”的“表格宽度”中设置显示或者隐藏,默认显示。,2022年11月16日星期三,教育学院,21,实践:实现如下的操作。,2022年11月16日星期三,教育学院,22,在网页中插入表格后,可以向单元格中直接输入文本或插入其它的对象,如图像、动画等,还可以向表格中插入嵌套表格。另外,表格内容的排版等。当然,用户也可以从外部导入其它软件编辑的表格,如Excel电子表格等。,2022年11月16日星期三,教育学院,
7、23,2、表格的html标签 a1 b1 a2 b2 ,2022年11月16日星期三,教育学院,24, 表格标记 行标记 单元格标记,2022年11月16日星期三,教育学院,25,第三节 选择表格一、选择表格鼠标指针指向表格左上角,当鼠标指针右下角出现表格图形时,单击。将光标指向表格边框,单击鼠标,可以选择整个表格。“修改”“表格”“选定表格”;右击,选“表格”“选定表格”表格内任意单击,在“标签选择器”中单击其它方法不常用略。,2022年11月16日星期三,教育学院,26,二、选择表格的行或列鼠标指针指向行左边缘或者列的顶边,出现实心箭头时单击,或者单击并拖动可选择多行或者多列。从某处按下左
8、键,拖动出一个多行多列的矩形区域。插入点置于某单元格中时,在“标签选择器” 单击,则选中插入点所在的行。单击表格宽度菜单中的小三角,选“选择列”,2022年11月16日星期三,教育学院,27,三、选择单元格1、选择单个单元格Ctrl+单击在单元格中单击,按下Ctrl+A2、选择相邻的单元格单击首,Shift+单击尾3、选择不相邻的单元格Ctrl+逐个单击,2022年11月16日星期三,教育学院,28,2022年11月16日星期三,4、用“标签选择器”选择单元格插入点置于某单元格中时,在“标签选择器”中单击,则选中插入点所在单元格。,教育学院,29,网页中插入的表格,状态栏中的“标签选择器”,第
9、四节 设置表格的属性选择要设置属性的表格区域(可以是整个表格、一行或一列或一个单元格)后,在属性面板中设置。,2022年11月16日星期三,教育学院,30,表格:用于设置表格的名称。行和列:用于设置表格的行数和列数。宽:用于设置表格的宽度,单位为“百分比”或“像素”。填充:用于设置单元格中的内容与边框之间的距离。(单位:象素)(内边距),在表格插入对话框称为单元格边距。间距:用于设置单元格之间的距离,(单位:象素)对齐:用于设置表格在网页中的对齐方式。,2022年11月16日星期三,教育学院,31,2022年11月16日星期三,教育学院,2022年11月16日星期三,教育学院,33,borde
10、r(边框的厚度),cellpadding(单元格填充),cellspacing(单元格间距),边框:用于设置表格外边框的宽度。类:用于设置表格的CSS样式。单击按钮,(宽度橡皮擦)可以取消单元格的宽度设置,使其宽度随单元格的内容自动缩放。单击按钮,(高度橡皮擦)可以取消单元格的高度设置,使其高度随单元格的内容自动调整。单击按钮,可以将表格宽度转换为像素。单击按钮,可以将表格宽度转换为百分比。,2022年11月16日星期三,教育学院,34,2022年11月16日星期三,教育学院,第五节 设置行、列和单元格的属性单击某单元格,在属性面板中可以设置其属性,上半部分为单元格内文本的属性,下半部分为单元



- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DW 07使用表格总结ppt课件 07 使用 表格 总结 ppt 课件

链接地址:https://www.31ppt.com/p-1376001.html