电子商务网页制作教学配套课件谢嵘09.pdfVIP

主编：谢嵘 项目8 制作网页动态效果 项目导学 一个网站应具有统一的风格，若对网站下包括的所有 网页都重复添加相同的Logo、导航条、图像等这样效 率太低，假若以前的网页都统一为红为风格的，现在 要改为绿色风格，那我们是否需要一张张的去修改网 页呢？这样工作量太大。Dreamweaver CS4中的模板 功能为我们提供了一个方便，利用模板和库来制作网 页，它将布局和内容分开，在设计好布局后将其存储 为模板，在布局一样的网页中可直接用模板来创建网 页，使用模板和库作后期的修改也是非常快捷方便 的。 Page 2 项目8 制作网页动态效果 体验活动一：使用模板创建网页 活动任务： – 创建一个模板，用网站中的模板来制作网页。 活动指导： – 模板的创建和保存与普通网页有差异，在制作过程中 要注意。 Page 3 项目8 制作网页动态效果 体验活动一：使用模板创建网页 活动步骤： 1.建一个站点，在“新建”中 点选“更多”按钮。 2.选择“空模板”选项，模板 类型选择“HTML模板”， 布局选择“无”最后单击“ 创建”按钮。 Page 4 项目8 制作网页动态效果 体验活动一：使用模板创建网页 活动步骤： 3.这时会看到打开了一张空 白页面，这张页面就是用 于编辑网页模板的。 4.在模板中设计出网页的整 体布局，网页的头部和底 部制作出来，将中间的具 体内容部分空中。 Page 5 项目8 制作网页动态效果 体验活动一：使用模板创建网页 活动步骤： 5.单击“文件”菜单下的“保存 ”按钮，在弹出的对话框 中选择“确定”按钮。 6.在“另存模板”对话框中点 击“保存”按钮。 Page 6 项目8 制作网页动态效果 体验活动一：使用模板创建网页 活动步骤： 7.文件窗口中会看到一个后 缀为“.dwt”的网页模板文 件。 8.打开其它网页，如 “untitled.html” 。 Page 7 项目8 制作网页动态效果 体验活动一：使用模板创建网页 活动步骤： 9.点击“资源”窗口中的按 钮 ，选择刚创建的网 页模板，单击“应用”按 钮。 10.应用模板后便可以在该 网页中看到应用模板的效 果，并将其保存。可以将 需要应用模板的网页都进 行这样的设置。