Dreamweaver网页设计任务4-8.ppt

Dreamweaver网页设计项目教程 机械工业出版社 任务四 利用CSS美化网页8（建议2学时） 01 任务实施 任务实施——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. 添加右侧宣传文字。此处的文字可以使用自定义列表dl来定义。HTML代码和效果如图所示。 任务实施——8最新活动区 7. 设置自定义列表的样式。先设定dl标签。新建CSS样式规则 任务实施——8最新活动区 设置类型