欢迎来到天天文库
浏览记录
ID:33649542
大小:1.85 MB
页数:16页
时间:2018-05-23
《表格单飞的鞋子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、right7、top8、bottomvalign=top9、bottom>标题表头110、>表头2…表头n表项1表项2…表项n…表项1表项2…表项n
6、right
7、top
8、bottomvalign=top
9、bottom>标题
10、>表头2
11、的属性值分别为:center(表项数据的居中)、left(左对齐)、right(右对齐)或justify(左右调整)。2.垂直对齐表项数据的垂直对齐用标记
12、口中的位置也有三种:居左、居中和居右。使用
13、center
14、right">当表格位于页面的左侧或右侧时,文本填充在另一侧;当表格居中时,表格两边没有文本;当align属性缺省时,文本在表格的下面。5.2XHTML表格5.2.4表格的色彩和图像背景在
15、置背景图像。bordercolor:设置表格边框的色彩。bordercolorlight:设置表格边框亮部的色彩。bordercolordark:设置表格边框暗部的色彩。rules="row,cols或none":设置表内线的显示方法,none为无内线。5.2XHTML表格5.2.5案例二:分析曙光大学网站就业信息栏目主页代码本案例通过分析曙光大学网站就业信息网页的代码,使读者能够熟练掌握使用代码视图分析与设计表格。打开前面制作的栏目主页work.html,切换到代码视图,下面就代码视图中关于表格标记的重要应用加以讲解。
16、1.定义表格时设置边框、单元格边距和单元格间距2.定义单元格的宽度与使用的样式3.定义单元格背景图像5.2XHTML表格5.3.1制作网站首页的技术要点网站首页一般都包含网站导航及重要的栏目,因此,制作首页时必然要大量地使用表格布局技术。下面讲述一下使用表格布局
此文档下载收益归作者所有