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

项目五 网站二级页面制作 任务要求 利用主模板“main.dwt”制作“公司简介”和“联系我们”栏目。 最终效果 操作提示 ? “公司简介”和“联系我们”两个栏目效果基本一致，使用主模板“main.dwt”来设计。首先设计“公司简介”栏目。 ? “公司简介”也分左右两边，左边结构与产品中心上半部分基本一致，右边“当前位置”与产品中心基本一致，因此布局可以沿用与产品中心相同的CSS代码。 ? 单击“文件”→“新建”命令，选择“main.dwt”模板，单击“创建”按钮后，保存到“about”文件夹中，命名为“aboutus.html”，修改网页标题为“武汉恒欣达汽车销售有限公司—公司简介”。 操作提示 ? 为了设计左边“联系我们”和右边“公司简介”的效果，先编写CSS语句。左边“联系我们”可以使用列表完成，也可以直接使用Div实现，本例直接使用同一class实现。代码见表5-24。 操作提示 ? 在可编辑区域“a1”中插入“div#con”，然后在“con”中连续插入“div#left_con”和“div#right_con”。在“div#left_con”中连续插入3个Div，设计出左边外框效果。 ? 在“div#right_con”中插入两个部分“div#onionskin”和“div#view_about”。“aboutus.html”文件中的代码见表5-25。在“d