HTML5+CSS3网站设计基础教程 第3版 配套课件.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 准备工作 10.2 作为一个专业的网页制作人员，当拿到一个页面的效果图时，首先要做好准备工作，包括建立网站根目录和文件夹、效果图分析、搭建基础结构、定义公共样式四个部分。本节将对这四个部分做具体介绍。 10.2 准备工作 10.2 准备工作 1. 建立网站根目录和文件夹 在计算机地磁盘任意盘符下创建网站根目录。在根目录下新建css、images、video等文件夹，分别用于存放网站所需的CSS样式表、图像、视频等文件。 10.2 准备工作 2. 分析效果图 10.2 准备工作 3. 进行整体布局 页面布局的作用是使网站页面结构清晰、有条理。 4. 定义公共样式 为了清除各浏览器的默认样式，使得网页在各浏览器中显示的效果一致，在完成页面布局后，首先要做的就是对CSS样式进行初始化并声明一些通用的样式。 网站首页制作 10.3 1. 制作头部、导航和视频 10.3 网站首页制作 1. 制作头部、导航和视频 10.3 网站首页制作 2. 制作内容部分（款式） 10.3 网站首页制作 2. 制作内容部分（款式） 10.3 网站首页制作 3. 制作内容部分（工艺） 10.3 网站首页制作 3. 制作内容部分（工艺） 10.3 网站首页制作 4