第10章实战开发—制作油纸伞网站首页《HTML5+CSS3网站设计基础教程（第3版）》学习目标/Target掌握网页制作方法，能够完成首页面的制作，并实现CSS3动画效果。章节概述/Summary为了及时巩固所学的知识，本章将运用前9章所学的知识开发一个网站项目——油纸伞网站首页。章节概述/Summary

油纸伞网站首页效果目录/Contents10.3网站首页制作10.2准备工作10.1项目背景项目背景10.110.1项目背景油纸伞是指用桐油纸制作的雨伞，我国四川泸州、江西婺源、浙江余杭、湖北汉口以及云南腾冲等地都曾经是油纸伞的盛产地。随着社会生活的变化，油纸伞已经逐渐退出现代生活，目前泸州油纸伞厂仍然保留着传统手工制伞技艺，被称为“中国民间伞艺活化石”，列入第二批国家级非物质文化遗产名录。10.1项目背景在互联网高速发展的今天，利用互联网推广，已成为泸州油纸伞的又一选择。传承文化，弘扬传统，这是历史赋予我们的责任，这是时代给予我们的使命。保护就是最好的生存，传承就是最好的发展。本项目是以泸州油纸伞为主题，根据给出的效果图，制作一个推广泸州油纸伞的网站首页。准备工作10.2作为一个专业的网页制作人员，当拿到一个页面的效果图时，首先要做好准备工作，包括建立网站根目录和文件夹、效果图分析、搭建基础结构、定义公共样式四个部分。本节将对这四个部分做具体介绍。10.2准备工作10.2准备工作1.建立网站根目录和文件夹在计算机地磁盘任意盘符下创建网站根目录。在根目录下新建css、images、video等文件夹，分别用于存放网站所需的CSS样式表、图像、视频等文件。10.2准备工作2.分析效果图10.2准备工作3.进行整体布局页面布局的作用是使网站页面结构清晰、有条理。4.定义公共样式为了清除各浏览器的默认样式，使得网页在各浏览器中显示的效果一致，在完成页面布局后，首先要做的就是对CSS样式进行初始化并声明一些通用的样式。网站首页制作10.31.制作头部、导航和视频10.3网站首页制作1.制作头部、导航和视频10.3网站首页制作2.制作内容部分（款式）10.3网站首页制作2.制作内容部分（款式）10.3网站首页制作3.制作内容部分（工艺）10.3网站首页制作3.制作内容部分（工艺）10.3网站首页制作4.制作内容部分（定制）10.3网站首页制作4.制作内容部分（定制）10.3网站首页制作5.制作表单信息及版权信息部分10.3网站首页制作5.制作表单信息及版权信息部分10.3网站首页制作本章小结本章首先介绍了项目背景，然后讲解了项目建设的准备工作，包括建立网站根目录和文件夹、效果图分析、搭建基础结构、定义公共样式。最后运用HTML和CSS分模块完成了油纸伞网站首