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

第 * 页 《网页设计与制作教程 （HTML+CSS+Bootstrap）》 * 项目八 创建《全瀚通信》网站 项目简介 本项目以全瀚通信网站为例，设计制作一个企业网站。“附件二”中进行了美工图的设计和栏目的规划，并通过切片生成了网站需要的图片素材。本项目我们将在Dreamweaver中制作并完成网站主页和分页的DIV布局，并进一步将网页拓展成为一个风格统一、功能较齐全的网站，完成整站超链接并制作网站后台的静态效果。 项目目标 1.了解网站综合设计的前期准备工作；2.能自主进行网站栏目的规划、功能和页面的设计；3.掌握页面布局、超链接、模板、表单、框架、表格等技术的综合应用；4.掌握在页面设计中添加行为、Bootstrap组件以实现特殊的效果；5.通过实战来加强创意、设计、资料收集整理能力。 工作任务 一个完整的网站，页面一般分为这样几种类型： 首页、列表页、内容页、交互页、单页面本项目具体工作任务为：1. Div+CSS布局完成网站首页及分页2. 应用模板完成网站的各子栏目页面3. 使用浮动框架布局完成网站后台 工作任务——网站功能结构图 工作任务——网站文件夹组织结构图 任务一 Div+CSS布局完成网站首页及分页 任务目标 观察样图，分析网站首页的结构，采用DIV+CSS布局并插入Bootstrap组件