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

第 * 页 《网页设计与制作教程 （HTML+CSS+Bootstrap）》 项目四 创建古诗文网 项目简介 用CSS+ DIV进行网页布局与设置样式是两个不同的思维过程，CSS样式主要是实现各种具体效果，而网页布局更关注的是整个页面的呈现效果。 通过前面的学习，了解到Dreamweaver CC 2015支持HTML 5语言。本项目中还将引入HTML5中的新语义元素来定义Web页面的不同部分。 项目目标 本项目以《古诗文网》网站首页页面设计为例，初步掌握基于HTML5的CSS+DIV的页面布局方法。了解网页标准化的基本思想，理解CSS盒模型，学会使用HTML5中的新语义元素定义Web页面的不同部分，掌握CSS+DIV进行网页布局的一般流程和方法。 工作任务 根据《古诗文网》首页页面设计与制作的要求，基于工作过程，以任务驱动的方式，掌握基于HTML5的CSS+DIV的页面布局方法。 （1）构建网页结构 （2）定义网页布局样式 任务一构建网页结构 通过创建《古诗文网》网站首页结构的操作实践来掌握基于HTML5构建网页结构的方法： 1、建立站点 2、构建首页结构； 任务目标 按照网站需求分析，建立站点文件夹，并在Dreamweaver CC 2015中设计制作网站首页页面结构。 知识准备 知识准备一 了解W