1、DreamweaverDreamweaver网页设计项目教程网页设计项目教程机械工业出版社机械工业出版社任务四 利用CSS美化网页8（建议2学时）01任务实施任务实施8最新活动区1.插入左侧广告图片。在DIV“news”的结束标签之前，插入图片。方法如下：打开插入面板，选择“常用”“图像”，在弹出的选择图像源文件对话框中，选择“image”文件夹中的“news-ad01.jpg”。2.为图片设置链接。在设计窗口选中图片，在下方的属性栏中填写要转到的超级链接“login/reg.html”。任务实施8最新活动区3.插入右侧广告图片。在DIV“news”的结束标签之前，插入图片。方法如下：打开插入
2、面板，选择“常用”“图像”，在弹出的选择图像源文件对话框中，选择“image”文件夹中的“news-ad02.jpg”。任务实施8最新活动区4.调整DIV“news”的填充参数。在CSS面板中，选择layout.css文件中对DIV“news”的样式定义 任务实施8最新活动区5.需要调整DIV“news”的宽度，使之缩小10px，由原来的816px变为806px。6.添加右侧宣传文字。此处的文字可以使用自定义列表来定义。HTML代码和效果如图所示。任务实施8最新活动区7.设置自定义列表的样式。先设定标签。新建CSS样式规则 任务实施8最新活动区设置类型选项 任务实施8最新活动区8.设定标签，新建CSS样式规则。任务实施8最新活动区设置类型选项 任务实施8最新活动区设置方框选项 任务实施8最新活动区设置边框选项 任务实施8最新活动区9.设定标签。新建CSS样式规则 任务实施8最新活动区新建类型选项 任务实施8最新活动区设置方框选项 任务实施8最新活动区最新活动区域制作完成，预览效果如图 任务实施8最新活动区Thank you!谢谢观赏
