Dreamweaver网页设计 徐蕙英 刘月诗 第六章新.pptVIP

第六章 丰富网页表现方式的小技巧 学习目标??： 1．能在网页中插入与编辑层 2．能进行表格与层之间的格式互换 3．能利用CSS修改原有HTML标签的样式 4．能利用CSS自行定义一个新的样式标签 5．了解扩展组件的功能与下载方法 6．会安装并使用从网站下载的扩展组件 6-1 用层让网页更灵活 6-1-1 在网页上插入层 6-1-2 在层中加入内容 6-1-3 移动层位置 6-1-4 调整层大小 6-1-5 调整层的上下顺序 6-1-6 显示与隐藏层 6-1-7 设置层背景与滚动条 6-1-8 将层转换为表格 一、选择题 1．（ ）Dreamweaver提供哪一个功能，类似Word中的文本框，可以任意地移动、互相重叠，或放入任何网页对象？ ? 表格 ? 层 ? 模板 ? 框架 2．（ ）当层中的对象超过了原层的大小，则必须要选择下列哪一项让层随对象向右下角扩大？ ? visible ? hidden ? scroll ? auto 3．（ ）接上题，不论层中的对象是否超过层大小，都会显示滚动条，必须选择下列哪一个溢出选项？ ? visible ? hidden ? scroll ? auto 二、操作题 1．请打开练习文件01_EX01.htm，然后按下列题意完成操作。 ? 创建层并在层中插入images文件夹中的LayerBee1.gif图片。 ? 设置图像大小的宽与高为120。 ? 设置层背景图像为 images文件夹中的C04.jpg图像。 ? 设置层编号为BeeLayer1。 ? 设置层有滚动条。 6-2 用CSS让网页效果更丰富 6-2-1 背景图像固定在网页中央 6-2-2 为图像加上立体彩色边框 一、判断题 1．（ ） CSS语句可以生成HTML无法生成的页面。 2．（ ） HTML在插入背景图像时，会以平铺的方式拼起来，若是加上CSS语句，就能让背景图像固定在网页中央，且不重复出现。 3．（ ） CSS规则只能定义在目前编辑的网页文件。 4．（ ） 在定义CSS规则时，可以选择“类别”、“标签”或“高级”等三种不同的选择器类型。 二、操作题 1．请打开练习文件02_EX01.htm，然后设置背景图像固定在网页中央，背景图像为images文件夹中的Title.jpg，背景颜色为#FF9933。 2．请打开练习文件02_EX02.htm，然后将网页中的图像分别加上立体彩色边框，并设置边框为凸出，宽度为粗，颜色为#6633CC。 6-3 用Extension Manager扩展网页编辑功能 6-3-2 安 装 扩 展 6-3-3 使 用 扩 展 一、选择题 1．（ ）Extension Manager可以用来扩展Flash、Dreamweaver或Fireworks的网页编辑功能。 2．（ ）安装扩展后，就可以直接在Dreamweaver中使用。 3．（ ）安装好的扩展，会出现在行为面板中，以供随时使用。 4．（ ）“扩展管理器”对话框中会将扩展的功能、版本、类型、创作者与说明事项显示出来。 5．（ ）链接到Macromedia网站上，就会看到许多现成的扩展可供下载使用。 2．请打开练习文件03_EX02.htm，然后使用扩展“Go To URL in Opener”设置打开网页后，会立即在同一个浏览器窗口中链接到首页。 一、判断题 1．（ ）网页上有多个层时，不同层可以重叠在一起。 2．（ ）在“层”面板中，“Z”栏的数值表示层的顺序，数值越高则对象会位于越上层。 3．（ ）Dreamweaver提供的层可以很方便地移动，且所有浏览器都能支持。 4．（ ）让背景图像固定在网页中央，是选择CSS样式中的body标签指令，再设置背景不重复且居中对齐。 二、选择题 1．（ ）下列有关层的叙述，哪个是错误的？ ? Dreamweaver可以将层转换为表格，或将表格转换成层 ? “层”面板中，“Z”栏的数值越高表示对象越靠近下层 ? 在“层”中插入对象时，若超过原来拖动出来的层大小时，层会自动调整 ? 在栏出现图标，表示看不到该层的对象，再单击此图标会变成图标，则又可以看到该层。 2．（ ）下列叙述哪个是错误的？ ? 让背景图像固定在网页中央，是选择CSS样式中的button标签指令，再设置背景不重叠且居中对齐 ? 为图像加上立体颜色边框，在新建CSS规则时要输入.imageborder标签指令 ? 安装好扩展后，必须重新启动Dreamweaver才能使用 ? 设置层的转换时，在“层转换为表格”对话框中记得要勾选“防止层重叠”复选框，来防止层重叠。