《表格单飞的鞋子》PPT课件

《表格单飞的鞋子》PPT课件

ID:41298604

大小:2.04 MB

页数:16页

时间:2019-08-21

《表格单飞的鞋子》PPT课件_第1页
《表格单飞的鞋子》PPT课件_第2页
《表格单飞的鞋子》PPT课件_第3页
《表格单飞的鞋子》PPT课件_第4页
《表格单飞的鞋子》PPT课件_第5页
资源描述:

《《表格单飞的鞋子》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、网页设计与制作教程(第4版)机械工业出版社同名教材配套电子教案表格基本操作XHTML表格表格布局页面的综合应用四实训第5章表格5.1.1创建表格表格是页面布局极为有用的设计工具。在设计页面时,往往要利用表格来定位页面元素。使用表格可以导入表格化数据,设计页面分栏,定位页面上的文本和图像等。在Dreamweaver中插入表格的方法如下。①将光标放到要插入表格的位置。②执行下列操作之一:执行“插入”→“表格”命令。单击插入面板“常用”分类中的“表格”按钮。按〈Ctrl〉+〈Alt〉+〈T〉组合键。5.1表格基本操作5.1.2设置表格属性当用

2、户创建了一个表格后,可以通过属性面板进一步设置表格及单元格的属性,美化表格的外观。1.设置表格属性2.设置单元格及行列属性5.1表格基本操作5.1.3表格的基本操作1.向表格添加内容2.选择表格元素3.调整表格及行列的大小4.添加及删除行和列5.复制、粘贴和删除单元格5.1表格基本操作5.1.4案例一:制作曙光大学网站就业信息网页【案例综述】制作曙光大学网站就业信息栏目系列页面,使用表格技术制作就业信息展示页面。【案例展示】本案例中的素材包括8幅图片,案例效果如图5-22所示。5.1表格基本操作5.2.1简单表格最简单的表格仅包括行和列。表格

3、的标记为

,行的标记为,表项的标记为是单标记,一行的结束是新一行的开始。表项内容写在之间。
。其中,
则必须成对使用。格式为:

4、x%"height="y

5、y%"cellspacing="i"cellpadding="j">

6、right

7、top

8、bottomvalign=top

9、bottom>标题

10、h>表头n

表头1表头2
表项1表项2表项n
表项1表项2表项n
5.2XHTML表格5.2.2表格内文字的对齐方式在默认情况下,表项居于单元格的左端。可用列、行的属性设置表项数据在单元格中的位置。1.水平对齐表项数据的水平对齐用标记、和的align属性。align的属性值分别为:center(表项数据的居中)、left

11、(左对齐)、right(右对齐)或justify(左右调整)。2.垂直对齐表项数据的垂直对齐用标记、和的valign属性实现。valign的属性值分别为:top(靠单元格顶)、bottom(靠单元格底)、middle(靠单元格中)或baseline(同行单元数据项位置一致)。5.2XHTML表格5.2.3表格在页面中的对齐方式前面介绍的是表格中的各个单元格的属性。现在,把表格作为一个整体,介绍表格在页面中的位置及背景的设置。与图像一样,表格在浏览器窗口中的位置也有三种:居左、居中和居右。使用

标记的alig

12、n属性。格式为:

13、center

14、right">当表格位于页面的左侧或右侧时,文本填充在另一侧;当表格居中时,表格两边没有文本;当align属性缺省时,文本在表格的下面。5.2XHTML表格5.2.4表格的色彩和图像背景在

、、
标记中,使用下面属性可以改变表格的背景和边框的色彩、添加背景图像,也可以为行和单元格改变色彩、添加背景图像。bgcolor:设置背景色彩。background:设置背景图像。bordercolor:设置表格边框的色彩。bordercolorl

15、ight:设置表格边框亮部的色彩。bordercolordark:设置表格边框暗部的色彩。rules="row,cols或none":设置表内线的显示方法,none为无内线。5.2XHTML表格5.2.5案例二:分析曙光大学网站就业信息栏目主页代码本案例通过分析曙光大学网站就业信息网页的代码,使读者能够熟练掌握使用代码视图分析与设计表格。打开前面制作的栏目主页work.html,切换到代码视图,下面就代码视图中关于表格标记的重要应用加以讲解。1.定义表格时设置边框、单元格边距和单元格间距2.定义单元格的宽度与使用的样式3.定义单元格背景图

16、像5.2XHTML表格5.3.1制作网站首页的技术要点网站首页一般都包含网站导航及重要的栏目,因此,制作首页时必然要大量地使用表格布局技术。下面讲述一下使用表格布局

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。