第6章网页布局1.pptVIP

第1章　了解网页制作技术 第6章 网页布局 了解表格的基本概念。 掌握创建和编辑表格的方法。 掌握设置表格属性的方法。 掌握创建和保存框架的方法。 掌握设置框架和框架集属性的方法。 掌握模板的创建和应用。 掌握库项目的创建和应用。 掌握CSS样式表的使用。 6.1使用表格 1.表格的概念 6.1使用表格 2.插入表格 6.1使用表格 3.插入嵌套表格 6.1使用表格 4.编辑表格 6.2 Dreamweaver中使用框架 1.框架的概念 6.2 Dreamweaver中使用框架 2.布局网页文档 6.2 Dreamweaver中使用框架 3.保存框架 6.2 Dreamweaver中使用框架 4.编辑框架 6.3使用模板和库 1.模板的使用 6.3使用模板和库 2.库的使用 6.4CSS样式表 1. CSS概述 6.4CSS样式表 2. CSS的基本语法 6.4CSS样式表 3. CSS的应用方式 6.4CSS样式表 4.使用CSS面板 6.4CSS样式表 5.在Dreamweaver中创建与应用CSS 6.4CSS样式表 6. CSS属性 本章小结 本章的学习，读者应首先了解在Dreamweaver cs4中运用表格和框架对网页进行整体布局，利用模板和库项目设计网页，其中的主要内容包括： 表格的基本操作，如创建表格、在表格中插入页面元素、设置表格属性等。 在网页页面中创建框架和框架集，并对页面布局进行调整，通过设置框架和框架集的属性来改变框架网页的外观。 模板和库项目的创建与应用。 CCS样式表的基础知识及应用。 这些都是初学者应该掌握的基本网页布局工具。 第1篇 网页设计与制作基础 学习目标: 表格（Table）在网页制作中是一个非常重要的概念，是由不同的行、列、单元格组成的一种能够有效描述信息的组织方式。 两种方法：① “插入”→”表格”命令 ②单击“插入”面板的”常用”类别中的“表 格”按钮上，打开“表格”对话框。 表格参数设置页面 嵌套表格就是在已经存在的表格中插入的表格。插入嵌套表格的方法与插入表格的方法相同。 选择表格 表格的编辑操作 表格的其他操作 “扩展表格”模式 选择整个表格；选择表格中的行或列；选择单个单元格；选择单行或矩形单元格块；选择不相邻的单元格 调整表格合适大小；更改列宽和行高；添加和删除行、列；拆分和合并单元格；设置表格属性；设置单元格、行和列的属性 剪切、拷贝和粘贴单元格；排序表格；导入表格式数据；导出表格式数据 切换”扩展表格”模式退出”扩展表格”模式 框架是将浏览器窗口划分为多个区域，每个区域可以分别显示不同的网页，并且各个框架之间不存在干扰，在网页模板出现之前，框架技术是最常用的布局网页工具之一。 框架网页的功能 框架的结构 框架结构的优缺点 创建框架网页过程：选择“文件”→“新建”命令，打开“新建文档”对话框，设置选中框架样式后，单击“创建”按钮即可 在HTML网页文档中应用框架（参见教材P92） 三种保存框架和框架集的具体方法： （1）保存框架集文件 （2）保存框架中显示的文档 （3）保存与一组框架关联的所有文件： 创建嵌套框架 选择框架和框架集 调整框架网页大小 （具体过程参见教材P93） 5.设置框架和框架集属性 设置框架属性 设置框架集属性 （具体过程参见教材P94） 模板是一种特殊类型的文档，扩展名为.dwt，用于设计“固定的”页面布局。 创建模板 设计模板文档的页面属性 定义模板区域 应用模板 管理模板 相关操作： 库项目是避免重复输入具有相同格式和内容的文档元素组合。 库项目是避免重复输入具有相同格式和内容的文档元素组合。 创建库项目 编辑库项目 应用库项目 脱离库项目 相关操作： CSS是“Cascad