计算机基础12 表格的基本标记.ppt

HTMLCSS 回顾 列表标记 图片标记 多媒体标记 课程知识拓扑图 本次课内容 开发设计流程 表格布局相关标记 本次课知识点的作用 本次课程将通过了解开发设计流程形成对开发流程的认识，同时学习表格相关标记，学会简单、常用的页面布局方式。学习完后可进行基础静态页面的制作，为后期相对复杂的表格布局页面制作打下基础。 教学目标 了解开发设计流程 掌握表格布局的相关标记 教学重难点 重点：表格标记 难点：表格布局 本次课教学目标与重难点 工作任务 十步： 第一步 客户提出需求 内容包括： 公司介绍、 项目描述、网站基本功能需求 、基本设计要求 。 第二步 提供“解决方案和报价” 第三步 确定合作意向 第四步 双方认可后，签署《网站建设合同》 第五步 客户支付预付款并网站所需文字资料（电子稿）与图片素材 . 开发设计流程 第六步 按照需求书进行网站整体风格及布局设计，并出具设计稿 第七步 客户审核并确认设计稿后，制作首页及内容页的模板文件 第八步 客户审核并确认模板后，开始制作整体网站制作 第九步 客户验收 第十步 客户按照合同规定支付尾款，在收到尾款后将所有网站文件递交给客户，或应客户委托将网站直接上传到指定服务器上。 开发设计流程 行 列 单元格 表格的基本概念 table … /table 表标记 tr … /tr 行标记 td … /td 单元格标记 表格关键标记 l)表格边框属性border table border=“”/table 2)单元格间距属性cellspacing table cellspacing=“”/table 3)单元格边距属性Cellpadding table cellpadding=“”/table 1. 表格标记中的基本属性 4)表格的水平对齐属性align table align=“”/table 5) 表格的宽度width;高度height table width=“” height=“”/table 表格标记中的基本属性 跨列 跨行 单元格合并种类 2.1 跨行属性： ＜ td rowspan=“value” ＞ 例如:rowspan=“3”表示跨3行。 2.2 跨列属性： ＜ td colspan=“value” ＞ 例如:colspan=“3”表示跨3列。 2. 合并单元格 无特殊情况表格无需设置高度 外框架表格的宽度 800*600 最大设为778 1024*768 最大设为 1002 （必须将左边距leftmargin设为0） 内部嵌套的表格的宽度通常用百分比来设置 不要将所有的内容放置到一个表格中 将页面结构按照从上至下的方式分层 表格布局的要点 本次课课程总结 1 开发设计流程 2 表格相关标记 3 表格布局的要点 作业布置与要求 1、练习本次课学习的内容 2、完成一个页面的制作 下次课内容 超链接标记 2 表格嵌套 3 1 * * * *