欢迎来到天天文库
浏览记录
ID:41298604
大小:2.04 MB
页数:16页
时间:2019-08-21
《《表格单飞的鞋子》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>标题表头1表头2…10、h>表头n表项1表项2…表项n…表项1表项2…表项n
6、right
7、top
8、bottomvalign=top
9、bottom>标题
10、h>表头n
11、(左对齐)、right(右对齐)或justify(左右调整)。2.垂直对齐表项数据的垂直对齐用标记
12、n属性。格式为:13、center14、right">当表格位于页面的左侧或右侧时,文本填充在另一侧;当表格居中时,表格两边没有文本;当align属性缺省时,文本在表格的下面。5.2XHTML表格5.2.4表格的色彩和图像背景在、、、标记中,使用下面属性可以改变表格的背景和边框的色彩、添加背景图像,也可以为行和单元格改变色彩、添加背景图像。bgcolor:设置背景色彩。background:设置背景图像。bordercolor:设置表格边框的色彩。bordercolorl15、ight:设置表格边框亮部的色彩。bordercolordark:设置表格边框暗部的色彩。rules="row,cols或none":设置表内线的显示方法,none为无内线。5.2XHTML表格5.2.5案例二:分析曙光大学网站就业信息栏目主页代码本案例通过分析曙光大学网站就业信息网页的代码,使读者能够熟练掌握使用代码视图分析与设计表格。打开前面制作的栏目主页work.html,切换到代码视图,下面就代码视图中关于表格标记的重要应用加以讲解。1.定义表格时设置边框、单元格边距和单元格间距2.定义单元格的宽度与使用的样式3.定义单元格背景图16、像5.2XHTML表格5.3.1制作网站首页的技术要点网站首页一般都包含网站导航及重要的栏目,因此,制作首页时必然要大量地使用表格布局技术。下面讲述一下使用表格布局 当前文档最多预览五页,下载文档查看全文 侵权申诉 举报 1 1 2 3 4 5 / 16 此文档下载收益归作者所有 下载文档 当前文档最多预览五页,下载文档查看全文 点击下载本文档 版权提示 下载文档 举报 温馨提示: 1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。 2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。 3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。 4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。 相关文章 更多 鞋子检测报告表格 鞋子检测报告表格 表格单飞的鞋子ppt培训课件 《鞋子检验标准》PPT课件 网页表现语言——CSS单飞的鞋子 网页设计制作概述单飞的鞋子 《鞋子检验标准》PPT课件 《鞋子的款式设计》PPT课件 网页行为语言-JavaScript单飞的鞋子 《各类鞋子特点》PPT课件.ppt 相关标签 PPT 课件 单飞 表格 鞋子
13、center
14、right">当表格位于页面的左侧或右侧时,文本填充在另一侧;当表格居中时,表格两边没有文本;当align属性缺省时,文本在表格的下面。5.2XHTML表格5.2.4表格的色彩和图像背景在
15、ight:设置表格边框亮部的色彩。bordercolordark:设置表格边框暗部的色彩。rules="row,cols或none":设置表内线的显示方法,none为无内线。5.2XHTML表格5.2.5案例二:分析曙光大学网站就业信息栏目主页代码本案例通过分析曙光大学网站就业信息网页的代码,使读者能够熟练掌握使用代码视图分析与设计表格。打开前面制作的栏目主页work.html,切换到代码视图,下面就代码视图中关于表格标记的重要应用加以讲解。1.定义表格时设置边框、单元格边距和单元格间距2.定义单元格的宽度与使用的样式3.定义单元格背景图
16、像5.2XHTML表格5.3.1制作网站首页的技术要点网站首页一般都包含网站导航及重要的栏目,因此,制作首页时必然要大量地使用表格布局技术。下面讲述一下使用表格布局
此文档下载收益归作者所有