网页设计与制作项目教程（html+css+bootstrap）教学课件作者徐云晴项目七.pptVIP

第 * 页 《网页设计与制作教程 （HTML+CSS+Bootstrap）》 项目七 建设《快乐花店》网站（模板应用） 项目简介 利用Dreamweaver CC的模板功能，将网站中所有风格类似的网页，不变化的部分设计成模板网页，利用制作的模板来生成网页，我们只需制作网页中变化的部分，这样就极大的提高网站制作效率。 项目目标 本项目以《快乐花店》网站开发为例，使用模板来快速完成整个网站的建设。帮助初学者理解模板的概念和作用，学会模板网页基本框架的设计，固定元素部分的制作，以及可编辑区域的设计；学会利用模板网页来生成新的网页，对网页中可编辑区域中内容的编辑方法，以及通过修改模板来快速修改所有引用模板的网页，感受模板应用的强大功能。 工作任务 根据《快乐花店》网站设计与制作的要求，基于工作过程，以任务驱动的方式，利用模板功能完成整个网站中所有网页的设计和制作，使所有网页具有相同的布局和样式，保证整个网站的风格协调一致。 （1）了解模板的含义和功能； （2）模板网页的设计和制作（固定区域和可编辑区域）； （3）利用模板网页生成新网页并对可编辑区域进行编辑； （4）通过修改模板网页快速修改所有引用模板的网页； （5）通过“快乐花店”网站设计与制作整理模板制作网站的一般流程。 任务一构建网页结构 通过以下两个步骤的操作实践来认识模板的概念和作用，初步完成《快乐花店》首页模板的制作，