网页设计项目教程教学ppt课件王雪松 项目一 任务4 .pptVIP

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