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

项目五 网站二级页面制作 任务要求 利用二级模板“pages.dwt”制作新闻动态栏目。 最终效果 操作提示 ? 新闻动态栏目整体效果与产品中心类似，因此采用“pages”模板来创建。 ? 单击“文件”→“新建”命令，选择“pages”模板，创建后保存到“news”文件夹中，命名为“news.html”，修改网页标题为“武汉恒欣达汽车销售有限公司—新闻动态”。 ? 修改可编辑区域“b1”和“b4”中文字为“新闻动态”。修改“b2”中的二级菜单为“行业动态”“企业新闻”，多余的“li”进行删除。 操作提示 ? 修改“b3”中的图片和名称为新闻相关图片和相应名称。图片及名称见表5-19。 ? 新闻列表与产品列表的效果不一样，因此在“news.html”文件中选择“div#view”标签进行删除。此时可编辑区域“b5”里面是空的。 操作提示 ，右边显示新闻发布时间。打开CSS文件，编写代码见表5-20。 操作提示 ? 在可编辑区域“b5”中插入“div#view_news”，然后在其中书写第一条新闻的标题，把该标题设置为列表。选择该标题文字，插入“div.news_left”，再在其右边插入“div.news_right”，在里面书写第一条新闻的发布时间。此时，“news.html”文件中的代码见表5-21。 操作提示 ? 在设计视图中，光标定位在发布日期的右边按Ent