计算机应用基础（第2版）教学课件作者陈绥阳第十六章.ppt

图16-39 设置导航栏对齐方式 返回 图16-40 选择图像源插入导航按钮 返回 图16-41 插入导航按钮后的页面 返回 图16-42 修改透明图片大小撑住表格 返回 图16-43 插入主题动画后效果 返回 图16-44 插入第5 层表格 返回 图16-45 设置边框CSS 规则 返回 图16-46 设置正文表格的属性 返回 图16-47 选择中文字体 返回 图16-48 将中文字体加入列表 返回 图16-49 输入代码使网页居中显示 返回 图16-50 选中链接点 返回 图16-51 属性栏超链接 返回 图16-52 设置超链接 返回 图16-53 页面设置添加背景图片 返回 图16-54 新建网络连接向导 返回 图16-55 选择网络连接类型 返回 图16-56 选择设置连接方法 返回 图16-57 选择与互联网连接的方式 返回 图16-58 输入用户名和密码 返回 图16-59 单击完成设置 返回 图16-60 ADSL 拨号连接 返回 图16-61 IP 地址 返回 图16-62 活动框架用于表格布局 返回 图16-63 插入框架按钮 返回 图16-64 设置超链接显示到框架 返回 图16-65 CSS+表格布局效果图 返回 图16-7 表格属性 返回 图16-8 单元格属性 返回 图16-9 设置表格属性 返回 图16-10 设置表格背景色 返回 图16-11 设置单元格【背景颜色】为白色 返回 图16-12 网页上的细线表格 返回 图16-13 新建CSS 样式 返回 图16-14 设置样式名称和放置形式 返回 图16-15 设置样式规则 返回 图16-16 默认文字 返回 图16-17 使用样式后的文字 返回 图16-18 代码中显示的CSS 规则 返回 图16-19 Dreamweaver 软件启动界面 返回 图16-20 建立站点界面 返回 图16-21 建立站点界面（高级） 返回 图16-22 选择根文件夹 返回 图16-23 文件浏览窗格 返回 图16-24 【页面属性】对话框 返回 图16-25 工具栏插入表格按钮 返回 图16-26 【表格】对话框 返回 图16-27 新建CSS 样式 返回 图16-28 设置样式名称和放置形式 返回 图16-29 ys1 的CSS 规则定义 返回 图16-30 表格的属性 返回 图16-31 设置嵌套表格 返回 图16-32 设置ys2 的规则 返回 图16-33 格式化嵌套表格 返回 图16-34 在表格属性栏对嵌套表格使用样式 返回 图16-35 使用样式格式化左单元格 返回 图16-36 设置第3 层表格的格式 返回 图16-37 设置第3 层表格的上单元格格式 返回 图16-38 设置第3 层表格后的效果 返回 任务3：插入导航按钮 从图16-41 中看到，插入导航按钮后，上单元格后还有空间，因而需要插入空白的透明图片将其填满，称为“撑住表格”，否则当调整或修改网页的位置时，按钮图片可能会被移动，破坏排版效果。 接着单击【插入记录】菜单，选择插入【图像】命令，在【选择图像源文件】对话框中找到透明图片“blank.gif”插入到空白处，因为该透明图片的大小为1 像素×1 像素，所以需要调整成空白空间的大小。调整该透明图片的宽度为316 像素，高度为15 像素。可以从图片的标尺栏估算出空白的大小，如图16-42 所示。 注意：修改透明图片的大小时，应在刚插入图片后进行，不要有其他的操作，就马上在属性栏修改其宽度和高度，因为透明图片太小不好选中。 上一页 返回 任务4：在第3 层表格的下单元格上插入第4 层表格 1．任务描述 在第3 层表格的空白单元格处嵌套第4 层表格，单击工具栏插入表格按钮，插入1 行2列的表格，左单元格插入主题动画，并使用CSS 样式表格式化，右单元格插入“副导航栏”。 2．操作步骤 （1）插入表格，把插入点放置到第3 层表格的下单元格内，单击工具栏【插入表格】按钮，在弹出的对话框中，设置【行】：1，【列】：2，【宽度】：100%，单击【确定】按钮。 （2）使用CSS 样式表格式化第4 层表格，单击【新建CSS 规则】按钮，设置样式【名称】为：ys4，【选择器类型】为“类”，【定义在】为“仅对该文档”也就是样式保存在本网页中，仅对本网页有效，单击【确定】按钮。 接着在【.ys4 的CSS 规则定义】对话框中进行设置；选“分类”列 下一页 返回 任务4：在第3 层表格的下单元格上插入第4 层表格 表框【定位】系列：设置参数为【类型】：“相对”，【宽】：100%，【高】：66 像素，单击【确定】按钮。 选中整个第4 层表格，在属性栏单击【类】选项中的“ys4”对表格进行格式化。 （3）使用CSS 样式表格式化第4 层表格的“左单元格”