网页设计与制作项目教程作者陈义文主编项目5任务2课件.pptVIP

项目五 网站二级页面制作 任务要求 利用本项目中任务1制作的主模板“main.dwt”制作产品中心页面。 最终效果 操作提示 ? 分析整个企业网站，“公司简介”“联系方式”“客户咨询”和“公司招聘”可以使用“main.dwt”模板创建，而“新闻动态”“整车销售”和“配件销售”由于效果基本一致，需要使用统一的二级模板。在制作二级模板之前，先设计一张产品中心网页，再利用这张网页来制作二级模板。 ? 使用“main.dwt”模板文件创建一个二级页面“product.html”。单击“文件”→“新建”命令，选择“main.dwt”模板，创建后保存为“product”文件夹中的“product.html”文件。 操作提示 ? 对二级页面进行布局。在CSS文件中编写3个自定义ID，“#con”表示整体宽度，“#left_con”表示左边，“#right_con”表示右边，代码见表5-1。 操作提示 ? 在“product.html”文件中插入对应的Div。首先插入“con”，并在“con”中插入“left_con”和“right_con”，然后插入一个“clear”，代码见表5-2。 操作提示 ? 左边分为上下两部分。上方部分由3张图片做边框效果，下方部分由一张图片做成背景。CSS代码见表5-3。 操作提示 ? 在“product.html”文件中插入Div后的代码见表5-4。