计算机基础-表格的基本标记.pptx

HTMLCSS

回顾列表标记图片标记多媒体标记

课程知识拓扑图

表格布局相关标记开发设计流程本次课内容

本次课知识点的作用本次课程将通过了解开发设计流程形成对开发流程的认识，同时学习表格相关标记，学会简单、常用的页面布局方式。学习完后可进行基础静态页面的制作，为后期相对复杂的表格布局页面制作打下基础。

教学重难点1重点：表格标记难点：表格布局2教学目标了解开发设计流程掌握表格布局的相关标记3本次课教学目标与重难点

工作任务

开发设计流程十步：第一步客户提出需求内容包括：公司介绍、项目描述、网站基本功能需求、基本设计要求。第二步提供“解决方案和报价”第三步确定合作意向第四步双方认可后，签署《网站建设合同》第五步客户支付预付款并网站所需文字资料（电子稿）与图片素材.

第八步客户审核并确认模板后，开始制作整体网站制作C第七步客户审核并确认设计稿后，制作首页及内容页的模板文件B第九步客户验收D第六步按照需求书进行网站整体风格及布局设计，并出具设计稿A第十步客户按照合同规定支付尾款，在收到尾款后将所有网站文件递交给客户，或应客户委托将网站直接上传到指定服务器上。E开发设计流程

表格的基本概念logo行列单元格

表格关键标记table…/table表标记tr…/tr行标记td…/td单元格标记

表格边框属性border1tableborder=“”/table单元格间距属性cellspacing2tablecellspacing=“”/table单元格边距属性Cellpadding3tablecellpadding=“”/table4表格标记中的基本属性5

表格的水平对齐属性aligntablealign=“”/table表格的宽度width;高度heighttablewidth=“”height=“”/table表格标记中的基本属性

单元格合并种类跨列跨行

01022.1跨行属性：＜tdrowspan=“value”＞例如:rowspan=“3”表示跨3行。2.2跨列属性：＜tdcolspan=“value”＞例如:colspan=“3”表示跨3列。2.合并单元格

表格布局的要点无特殊情况表格无需设置高度外框架表格的宽度800*600最大设为7781024*768最大设为1002（必须将左边距leftmargin设为0）内部嵌套的表格的宽度通常用百分比来设置不要将所有的内容放置到一个表格中将页面结构按照从上至下的方式分层

表格相关标记02开发设计流程01表格布局的要点03本次课课程总结

练习本次课学习的内容完成一个页面的制作作业布置与要求

下次课内容超链接标记表格嵌套31