触类旁通.ppt

Dreamweaver网页设计项目教程;任务四 利用CSS美化网页10（建议2学时）;任务实施——10上方子导航制作;图片“top-bar-bg02.jpg”对应代码如下：;任务评价;触类旁通;3. 导入CSS样式表。以链接的方式添加样式表文件“layout.css”、“style.css”。 4. 复制代码。打开“index.html”页面，转到代码窗口，复制代码如下：（注意，一定要去掉DIV“right”的全部内容。）插入到body标签之间。 5. 。很多图片都没有正常显示。这是由于我们采用的是相对路径进行图片的链接，因此由于detail.html的路径和index.html的路径发生变化所导致的。我们需要一一重新更新路径。;6.制作右侧内容区。本页面的右侧内容区与首页不同，需要单独制作。新建CSS样式.;设置背景选项 ;设置方框选项 ;7. 在DIV“det-right”开始标签之后，插入h1标签，并输入文字。代码如下： ;设置背景选项 ;设置方框选项 ;设置边框选项 ;9. 插??一个6行4列的表格。插入方法为选择插入面板常用表格，插入表格。鼠标拖拽选中第一列单元格，在下方属性栏中，选择“合并单元格”。;11.按照效果图，在第一列单元格中插入图片，在其他单元格中添加文字，效果如图所示。 ;12.为表格设定样式。新建CSS样式 。;设置类型选项 ;设置区块选项 ;13.设置