网页设计与制作 课件 o16 第二阶段复习.pptxVIP

;入门测

作业分析

知识回顾

网页整体布局

创建网页模板

拼建完整页面;拼建首页，将前期完整的局部内容拼合成完整页面。;1.项目目录与模板复用：css、images分类存放，base.css全局统一样式，模板复用公共头部导航页脚。

2.二级下拉导航：列表嵌套+父相子绝+hover显隐交互。

3.多栏卡片布局：float左浮动、父容器清除塌陷，卡片统一圆角阴影。

4.图文重叠侧边栏：relative+absolute父相子绝叠加文字。

5.分页页码制作：a标签搭建页码，inline-block横向排列，hover切换背景色。;基于模版拼建“首页”;1.在index.html中链接index.css样式文件

head

……

title绿色环保-首页/title

linkrel=stylesheethref=css/base.css

linkrel=stylesheethref=css/index.css

/head;2.拼合已有内容

中间内容由3个部分组成：“企业介绍”栏目（任务5.1的拓展任务）、“资讯动态”栏目（任务5.2的拓展任务）、“成功案例”栏目（需新增）。

将“企业介绍”栏目和“资讯动态”栏目的结构代码复制到index.html文档的mainwrap盒子里，样式代码复制到index.css文档中。;3.新增“成功案例”栏目，