Dreamweaver网页设计项目教程,机械工业出版社,任务四 利用CSS美化网页8（建议2学时）,任务实施8最新活动区,1.插入左侧广告图片。在DIV“news”的结束标签之前，插入图片。方法如下：打开插入面板，选择“常用”“图像”，在弹出的选择图像源文件对话框中，选择“image”文件夹中的“news-ad01.jpg”。,2. 为图片设置链接。在设计窗口选中图片，在下方的属性栏中填写要转到的超级链接“login/reg.html”。,任务实施8最新活动区,3. 插入右侧广告图片。在DIV“news”的结束标签之前，插入图片。方法如下：打开插入面板，选择“常用”“图像”，在弹出的选择图像源文件对话框中，选择“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!,谢谢观赏,