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

  • 4
  • 0
  • 约2.8千字
  • 约 12页
  • 2016-12-25 发布于广东
  • 举报

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

项目五 网站二级页面制作 任务要求 利用主模板“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

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档