第4章情景4——建立公司在线电子相册试卷.ppt

4.4 知识运用与拓展 1、页面布局常见类型如下： “同”字型：这种结构是网上见到最多的，采用这种结构的网页，往往将导航区置于页面顶端，一些如广告条、友情链接、搜索引擎、注册按钮、登陆面板、栏目条等内容置于页面两侧，中间为主体内容，最下面是网站的一些基本信息、联系方式、版权声明等。 “厂”字型：它去掉了“同”字形布局的最右边的部分，给主内容区释放了更多空间。 “三”字形布局：??? 这是一种简洁明快的网页布局，这种布局的特点是在页面上由横向两条色块将网页整体分割为3部分。 “川”字形布局：整个页面在垂直方向分为三列，网站的内容按栏目分布在这三列中。 标题文本型布局：是指页面内容以文本为主，这种类型页面最上面往往是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这一类。 封面型:这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。 2、设置页面布局如图所示: 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * 第四章 情景4 建立公司在线电子相册 本章主要介绍了在Dreamweaver CS5中如何使用表格。表格是网页中非常重要的元素，它的作用主要有两个：一是对数据进行合理的组织，另外一个就是用来布局网页。使用表格可以简单快速的进行网页布局，但是维护起来相对复杂，所以对于后期维护较高的网页还是采用Div+CSS布局。本章内容通过建立某公司在线电子相册深入学习表格。 具体涉及以下内容： 插入表格 设置表格和单元格属性 修改表格 嵌套表格 表格布局页面 4.1 任务一：规划相册并且制作相册目录 4.1.1 知识要点 1．表格的插入 一个表格由行、列、单元格三个部分组成，在“菜单栏”中选择“插入”|“表格”（Ctrl+Alt+T），或者在“插入栏”选择“常用”或“布局”类别单击表格图标，弹出对话框如图所示。 2．选择表格、单元格 在表格的边框线上单击或选择状态栏上的table标签。 拖选表格（类似文本的选择）。 将鼠标放置到一行的左侧，单击选择一行或选择状态栏上的tr标签。 将鼠标放置到一列的上面，单击选择一列。 按Ctrl键单击需要选择的单元格，可以选择不连续的单元格。 按shift键选择连续的单元格。 拖动选择单元，将光标定位一个单元格之内，拖动鼠标覆盖需要选择的单元格区域或选择状态栏上的td标签。 3．设置表格和单元格属性 选择表格后，打开“属性检查器”如图所示,可以设置属性。 行、列数：设置表格行数和列数。 宽、高：设置表格的宽度和高度，单位可以是像素也可以百分比。 填充（单元格边距）：单元格里的内容和单元格边的距离。 间距（单元格间距）：单元格和单元格之间的距离。 对齐方式：表格在页面中的对齐（左、中、右）。 边框：表格边框的粗细。 类：设置表格的CSS样式。 清除行高、列宽：删除表格中所有指定的行高和列宽。 表格宽度单位的转换： 表示单位转换为像素， 表示单位转换为百分比。 选择单元格后，打开“属性检查器”如图所示，设置单元格属性。 单元格文本水平和垂直方向的对齐方式。 单元格的宽度和高度。 背景颜色、背景图像。 不换行：强制单元格不自动换行。 单元格合并：选中同行或同列相邻的单元格，进行合并。 单元格拆分：选中一个单元格进行拆分成多行或多列。 4．删除、添加表格的行和列 （1）删除行或列：选择要删除的行、列，在“菜单栏”中选择“修改”|“表格”|“删除行、列”或直接按下“Delete”键。 （2）添加行或列：选择要添加的行、列位置的单元格，在“”菜单栏选中择“修改”|“表格”|“插入行、列”，或点击右键，在弹出的快捷菜单中选择“插入行、列”命令。 5．嵌套表格 在一个表格的单元格内插入另一个表格称为嵌套表格，这个表格的宽度要受它所在单元格的宽度限制，一般嵌套表格的宽度设置的用相对单元格宽度的百分比为单位。 6．表格式数据的导入 将具有表格数据特点的文本文件（文本通过逗号、tab、空格等符号进行分割），以表格的形式导入到Dreamweaver CS5中。具体操作在“菜单栏”中选择“插入”|“表格对象