1.网页样式(二)分解.pptVIP

* / 19 网页样式（二） 第二单元 《静态网页制作》 CSS的引入方式有哪些？ CSS的浮动方式有哪些？定位方式呢？ 回顾和作业点评 本课任务 任务1：装饰网页的头部搜索部分 学完本次课程后，你能够： 掌握如何进行网页布局 了解网页布局的一些原则和注意细节 本课目标 如何进行网页布局 TABLE表格布局 优点 简单易懂、位置很规矩 缺点 加载速度慢、结构固定不灵活、不利于维护和SEO 框架布局 多页面加载在同一页面，如iframe 标签 DIV+CSS方式布局 HTML结构：div标签 CSS样式：float浮动和盒子模型 目前最为流行、最合理的布局方式 div标签“干净”，网页更小，打开更快 结构清晰，便于维护，利于SEO div标签更灵活，更好控制页面元素 样式与结构相分离，更好的结构重组 表现与内容相分离，利于分工协作 为什么采用DIV+CSS 如何进行DIV+CSS网页布局 当当网首页 分为： 头部 顶部会员信息 LOGO 导航 … 主体部分 左中右三栏 …. 脚部 快速链接栏 版权信息 案例分析 构造网页结构 table表格布局的方式 一列三行 DIV+CSS布局（推荐） 三个DIV容器 总体把握 div id=“header” div id=“main” div id=“footer” 演示示例： 网页基本结构 自动网页居中代码 网页自动居