表格布局
第4章构建网页布局使用表格使用布局表格4.1使用表格所谓表格就是由一个或多个单元格构成的集合。...第4章构建网页布局使用表格使用布局表格4.1使用表格所谓表格就是由一个或多个单元格构成的集合。网页中的元素通常都被放置...第4章构建网页布局。使用表格使用布局表格。
表格布局Tag内容描述:<p>1、第4章构建网页布局,使用表格使用布局表格,4.1使用表格,所谓表格就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行,垂直的多个单元格称为列。行与列的交叉区域称为单元格,网页中的元素通常都被放置在这些单元格中,以使其“各安其位”。,此处表示未明确设置单元格的宽度,此处显示了表格的宽度。如果只显示一个“”符号,表示未明确设置表格宽度,4.1.1创建表格,在Dreamweaver中创建表。</p><p>2、第4章 构建网页布局,使用表格 使用布局表格,4.1 使用表格,所谓表格就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行,垂直的多个单元格称为列。行与列的交叉区域称为单元格,网页中的元素通常都被放置在这些单元格中,以使其“各安其位”。,此处表示未明确设置单元格的宽度,此处显示了表格的宽度。如果只显示一个“”符号,表示未明确设置表格宽度,4.1.1 创建表格,在Dreamweaver中创建表格的方法非常简单。确定插入点后,单击“常用”插入栏中的“表格”按钮,打开“表格”对话框,设置各项参数后,单击“确定”按钮,即。</p><p>3、第4章构建网页布局,使用表格使用布局表格,4.1使用表格,所谓表格就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行,垂直的多个单元格称为列。行与列的交叉区域称为单元格,网页中的元素通常都被放置在这些单元格中,以使其“各安其位”。,此处表示未明确设置单元格的宽度,此处显示了表格的宽度。如果只显示一个“”符号,表示未明确设置表格宽度,4.1.1创建表格,在Dreamweaver中创建表。</p><p>4、精选,第4章构建网页布局,使用表格使用布局表格,精选,4.1使用表格,所谓表格就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行,垂直的多个单元格称为列。行与列的交叉区域称为单元格,网页中的元素通常都被放置在这些单元格中,以使其“各安其位”。,此处表示未明确设置单元格的宽度,此处显示了表格的宽度。如果只显示一个“”符号,表示未明确设置表格宽度,精选,4.1.1创建表格,在Dreamw。</p><p>5、第4章 构建网页布局,使用表格 使用布局表格,4.1 使用表格,所谓表格就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行,垂直的多个单元格称为列。行与列的交叉区域称为单元格,网页中的元素通常都被放置在这些单元格中,以使其“各安其位”。,此处表示未明确设置单元格的宽度,此处显示了表格的宽度。如果只显示一个“”符号,表示未明确设置表格宽度,4.1.1 创建表格,在Dreamweaver中。</p><p>6、网页布局,网页版面的布局,网页的版面布局主要指网站主页的版面布局,其他网页的版面与主页风格基本一致。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。常见的版面布局有“国”字型、“厂”字型、“框架”型、“封面”型和Flash型。,国字型,厂字型,框架型,封面型,Flash型,网页布局常用技术,表格最常用的技术,简单可靠、兼容性好DIV标签目前比较流行的技术,设计难度。</p><p>7、巧用表格来布局 这一课教学目标修改前 一 知识与技能目标 1 根据内容和版面的规划 插入表格 了解表格在网页设计中的作用 2 掌握网页中表格的制作方法及其基本调整方法 如 插入行 合并单元格 平均分配各 行等 3 区分表格属性和单元格属性 并掌握属性的设置 4 了解嵌套表格的作用及制作方法 二 过程与方法目标 1 利用对比学习 形成知识迁移的能力 2 通过巧用表格来布局网页 进一步理解表格的作用。</p><p>8、第5章 表格布局的使用,5. 1 插入表格 5. 2 输入表格内容 5. 3 嵌套表格 5. 4 设置表格属性 5. 5 表格制作实例,第5章 表格布局的使用,表格是网页中常用的信息展示方式,是页面布局极为有用的设计工具。大部分网站中的主页是用表格来布局的。表格可以控制文本和图形在页面上出现的位置。在设计页面时,往往要利用表格来定位页面元素,通过设置表格和单元格的属性,可实现对页面元素的准确定位。</p><p>9、表格布局网页 教学目标 1 知识与技能 1 了解网页设计中表格的作用 2 掌握网页中表格的制作方法 表格属性的设置方法以及单元格的修饰与编辑方法 能够在单元格中正确插入文字和图片 3 能够根据网页设计内容 正确布局表。</p><p>10、连云港市职业学校专业课程“两课”评比参评教案类 别 信息技术类 课 程 网页设计与制作 内 容 表格布局的应用 出版社 江苏教育出版社 教学设计说明Dreamweaver CS3网页设计与制作是电脑美术设计专业的一门必修课程,本课程为中职计算机。</p><p>11、网站的目录结构 网站的目录是指你建立网站时创建的目录 例如 在用frontpage建立网站时都默认建立了根目录和images子目录 目录的结构是一个容易忽略的问题 大多数站长都是未经规划 随意创建子目录 目录结构的好坏 对浏览者来说并没有什么太大的感觉 但是对于站点本身的上传维护 内容未来的扩充和移植有着重要的影响 下面是建立目录结构的一些建议 1 不要将所有文件都存放在根目录下 有网友为了方便。</p><p>12、应用表格布局网页 教材分析 应 用表格布局网页 是苏科版初中信息技术第 10 章 主题网站设计 第二 节 制作网站 的内容 是在学生学习了创建站点和网页的基础上安排的新授 课 文字 图 片等对象的定位是网页设计中的难点 仅用 图片 工具中的 绝对定位 无法排列好网页的结构 所以运用表格布局网页的结构是一种非 常重要的方法 也是网页 设计中最主要的内容之一 是网页设计的重点 学情分析 本 节课的学习。</p>