80 likes | 225 Views
第五章 用 CSS 进行页面布局与美化 表格设计页面布局 网页框架布局 框架的高级编辑技巧 各类超级链接. 一 表格设计页面布局 设置跟踪图像 :指在编辑状态下显示 绘制布局表格:规划页面布局 1 设计表格设计页面布局 绘制布局单元格:根据跟踪图像绘制 绘制嵌套布局表格 插入表格 设置表格属性
E N D
第五章 用CSS进行页面布局与美化 • 表格设计页面布局 • 网页框架布局 • 框架的高级编辑技巧 • 各类超级链接
一 表格设计页面布局 设置跟踪图像:指在编辑状态下显示 绘制布局表格:规划页面布局 1 设计表格设计页面布局 绘制布局单元格:根据跟踪图像绘制 绘制嵌套布局表格 插入表格 设置表格属性 2 用标准表格编排内容 手动调整表格大小 设置单元格属性 合并、拆分单元格 插入及删除单元格
一 表格设计页面布局 设置表格边框效果 设置表格背景效果 3 表格与单元格美化处理 设置单元格边框效果 设置单元格背景效果 自动排序表格 4 表格自动化处理 倒入表格式数据
二 网页框架布局与框架的高级编程技巧 • 创建框架集和框架页面 • 指定框架源文件 • 设置框架集、框架页属性 • 拆分、删除等框架操作 • 框架的高级编辑技巧
二 网页框架布局与框架的高级编程技巧 1 创建框架集与框架 框架集是一种特殊的HTML文件,由一组框架组成,用户可以定义框架的布局和属性,其中包括框架的数量、大小、布局位置以及每个框架中初始显示的页面。 框架式浏览器窗口中的一个独立的区域,可以指定某个独立的网页作为源文件,所以组合多个框架的框架集及产生了框架网页。 如果一个框架集以3个框架呈现网页内容,那么该框架集实际包含4个独立的HTML文档,即3个框架指定显示的网页和框架集文件本身。因此在保存时实际上是对四个文件进行保存。 创建框架集页面
二 网页框架布局与框架的高级编程技巧 2 指定框架源文件(利用属性中的源文件) 3 保存框架集文件 4 设置框架集属性 5 设置框架页属性 6 拆分框架、删除框架
二 网页框架布局与框架的高级编程技巧 • 制作浮动框架 • 一般框架集都是将页面分割成多个区域以显示多个网页内容,而浮动框架则是以插入方式在一个网页中指定矩形区域独立显示另一个网页的内容。主要通过代码实现。
四 各种超级链接 • 文本链接、图片链接 • 锚点链接 • 邮件链接 • 下载链接 • 热点链接