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