HTML5+CSS3网站设计基础教程 第3版 第10章 实战开发——制作油纸伞网站首页.pptVIP

* * * * * 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分模块完成了油纸伞网站首页的制作。 通过本章的学习，读者能够进一步熟悉HTML和CSS的相关知识，并熟练运用VS Code工具完成网页项目代码的编辑工作。 * * * * * * * * * * * * * * * * * * * * * 第10章 实战开发— 制作油纸伞网站首页 《HTML5+CSS3网站设计基础教程（第3版）》 学习目标/Target 掌握网页制作方法，能够完成首页面的制作，并实现CSS3动画效果。 章节概述/ Summary 为了及时巩固所学的知识，本章将运用前9章所学的知识开发一个网站项目——油纸伞网站首页。 章节概述/ Summary 油纸伞网站首页效果 目录/Contents 10.3 网站首页制作 10.2 准备工作 10.1 项目背景 项目背景 10.1 10.1 项目背景 油纸伞是指用桐油纸制作的雨伞，我国四川泸州、江西婺源、浙江余杭、湖北汉口以及云南腾冲等地都曾经是油纸伞的盛产地。随着社会生活的变化，油纸伞已经逐渐退出现代生活，目前泸州油纸伞厂仍然保留着传统手工制伞技艺，被称为“中国民间伞艺活化石”，列入第二批国家级非物质文化遗产名录。 10.1 项目背景 在互联网高速发展的今天，利用互联网推广，已成为泸州油纸伞的又一选择。传承文化，弘扬传统，这是历史赋予我们的责任，这是时代给予我们的使命。保护就是最好的生存，传承就是最好的发展。本项目是以泸州油纸伞为主题，根据给出的效果图，制作一个推广泸州油纸伞的网站首页。 准备工作 10.2 作为一个专业的网页制作人员，当拿到一个页面的效果图时，首先要做好准备工作，包括建立网站根目录和文件夹、效果图分析、搭建基础结构、定义公共样式四个部分。本节将对这四个部分做具体介绍。 10.2 准备工作 10.2 准备工作 1. 建立网站根目录和文件夹 在计算机地磁盘任意盘符下创建网站根目录。在根目录下新建css、images、video等文件夹，分别用于存放网站所需的CSS样式表、图像、视频等文件。 10.2 准备工作 2. 分析效果图 10.2 准备工作 3. 进行整体布局 页面布局的作用是使网站页面结构清晰、有条理。 4. 定义公共样式 为了清除各浏览器的默认样式，使得网页在各浏览器中显示的效果一致，在完成页面布局后，首先要做的就是对CSS样式进行初始化并声明一些通用的样式。 网站首页制作 10.3 1. 制作头部、导航和视频 10.3 网站首页制作 * * * * * * * * * * * * * * * * * * * * * * * * * *