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

项目五 网站二级页面制作 任务要求 利用项目4完成的首页文件“index.html”制作网站主模板。 最终效果 操作提示 ? 分析整个网站页面，发现首页与其他二级页面有很多完全一致的部分，主要是top、menu、foot这3个部分，另两个部分（banner和link）是不一致的，可以设计为“可编辑区域”。 ? 在“index.html”文件中选择“div#banner”和“div#link”，然后单击“插入”→“模板对象”→“可编辑区域”命令，如图5-2所示。 操作提示 ? 如果弹出如图5-3所示的提示对话框，选中“不再显示此信息”，并单击“确定”按钮。 操作提示 ? 在如图5-4所示的对话框中修改可编辑区域的名称，如“a1”。 ? 单击“文件”→“另存为模板”命令，名称为“main”，单击“保存”按钮并更新链接。此时，站点文件夹里多出一个“Templates”文件夹，该文件夹里有一个“main.dwt”的模板文件。 操作提示 ? 对模板文件进行一些修改。观察如图5-5所示代码，这里的JS代码用于设计首页图片轮播广告，与其他页面无关，因此需要将这部分代码移动到可编辑区域里。 操作提示 ? 事实上，网页标题“title”就是允许编辑的，如图5-6所示。只需要将前面提到的JS部分代码移动到这个“title”的下方即可。 操作提示 ? 移动后的代码如图5-7所示。 操