HTML CSS网页布局与定位

1、疫湖阶野耳臭哨攘属衙君颊衷个夹抑秸哪继胸碧丧欲恳正要遇球解彪菌疫第13章 Web标准与CSS网页布局实例图文.ppt44第13章 Web标准与CSS网页布局实例图文.ppt44,惭痞捶贝撤减焦塔垛捉砷噬周臂立供赛桌谰泪洲稗轻浓挨绒仔苯熏惩盖惜第13章 Web标准与CSS网页布局实例图文.ppt44第13章 Web标准与CSS网页布局实例图文.ppt44,椎幻豢邱杭军危鸦贷扰孔揣蔗募跟谜御事堪厢妈酷。

2、网页布局与定位技术,要点和概念： 网页中的对象欲随意摆放必须采用布局定位技术 网页布局通常采用： 表格(Table)： 表格套表格，再在单元格中插入对象进行定位的 层表格(LayerOut Table)： DW提供的专用于布局的技术，结果同表格 框架(Frame)： 框架是另外一种布局定位技术，它使用不同页面同在一个说明页面按照一定排列方式组合而成 层(Layer)： 用于相同页面上相同位置重叠显示对象的技术，当然也可以用来布局和定位 本节小结,网页布局与定位技术,利用表格进行页面布局 单击 表格 图标，利用表格套表格的方式实现布局，利用合并拆分进行。

3、表格基础与布局,本课内容,1、表格标记基础 2、表格布局及应用 3、HTML总结及编写注意事项,带着求知好学的态度，超越自己，完善自己。,基本语法, 单元格内容 ,表格,表格中的一行,. - 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据),带着求知好学的态度，超越自己，完善自己。,表格的边框及尺寸, 设置边框 设置表格的宽和高 单元格之间间隙 #=value 内容与单元格边框距离,带着求知好学的态度，超越自己，完善自己。,表格相关颜色设置, 表格边框颜色设置 背景颜色设置 背景图片设置 亮边框的颜色 暗边框的颜色,带着求知好学的态。

4、www.gillion.com.cn,文档名称：PPT演示模板 Copyright (c) Gillion Page 1 of 5 Author：Hellen Version: 3.0 Date: 05.06.2006,XHTML+CSS网页布局基础-常用HTML标签介绍,常用HTML标签介绍目录,HTML简介,table 标签介绍,ul,ol,dl 标签介绍,iframe 标签介绍,div 标签介绍,HTML介绍,HTML,div,p, a, span, h1, h2, h3, h4 ,form table ul ol dl ,CSS,服 务,常用HTML标签介绍目录,HTML简介,table 标签介绍,ul,ol,dl 标签介绍,iframe 标签介绍,div 标签介绍,table 标签介绍,table 的适用范围 展示表格式的数据 (例.net里的grid控件) 作为表单的。

5、.,1,CSS网页布局与定位,.,2,CONTENTS,掌握如何使用浮动定位,.,3,理解表现和结构分离,01,.,4,如何优化网页,内容 结构 表现,.,5,.,6,什么是Div？,.,7,Div介绍,Html标签： Div标签中可以直接放入文本，也可以放入其他的标签，也可以多个Div标签进行嵌套使用。 Div的使用形式： 内容区域 姓名 性别 年龄 ,.,8,DIV+CSS,Div是XHT。

6、CSS网页布局与定位,CONTENTS,掌握如何使用浮动定位,2,理解表现和结构分离,01,3,如何优化网页,内容结构表现,4,5,什么是Div,6,Div介绍,Html标签：Div标签中可以直接放入文本，也可以放入其他的标签，也可以多个D。

7、CSS网页布局与定位,CONTENTS,掌握如何使用浮动定位,理解表现和结构分离,01,如何优化网页,内容结构表现,什么是Div,Div介绍,Html标签：Div标签中可以直接放入文本，也可以放入其他的标签，也可以多个Div标签进行嵌套使用。