第08章CSS网页布局及Web2.0设计基础.pptVIP

第8章 CSS网页布局和 Web2.0设计基础 8.1 利用表格和CSS布局网页 8.2 DIV和CSS布局 8.3 XML基础 8.1.1 认识表格和CSS布局 8.1 利用表格和CSS布局网页 传统的表格布局方法是创建一个3行1列的表格，然后直接设置表格和每个单元格的属性。表格和CSS的布局方法不是这样。具体方法是，先创建一个3行1列的表格，表格和每个单元格的样式用CSS来控制。 8.1.2 课堂实例——表格和CSS布局实例 8.1 利用表格和CSS布局网页 1．创建CSS文件 2．创建网页文档 body table border=0 cellpadding=0 cellspacing=0 class= left_tdbgall tr td class=left_top最新文章/td /tr tr td class=left_mid li文章列表1 li文章列表2 li文章列表3 /td /tr tr td class=left_endmore/td /tr /table /body 8.2.1 理解CSS盒子模型 8.2 DIV和CSS布局 网页中的表格或者其他块都具备内容（content）、填充（padding）、边框（border）、边界（margin）等基本属性，一个CSS盒子也都具备这些属性。 8.2.2 DIV标签的应用 8.2 DIV和CSS布局 8.2.3 课堂实例——DIV和CSS布局网站首页 8.2 DIV和CSS布局 1．实例效果 2．制作步骤 body div id=main div id=top网页顶部/div div id=mid网页中部 div id=left中部左栏 /div div id=right中部右栏 /div /div div id=end网页底部/div /div /body 8.3.1 认识XML 8.3 XML基础 1．什么是XML XML是一种元语言，它可以建造其它任意种类的标记语言。XML实现了W3C最初设定的所有目标，轻量级、易于理解、扩展性好、平台中立、兼顾文档和数据等。 2．XML的应用领域 3．XML基本语法 4．创建XML文档的基本准则 〈?xml version=1.0 encoding=gb2312 ?〉 〈音乐收藏〉 〈CD〉 〈名称〉花的海洋〈/名称〉 〈歌手〉刘贝贝〈/歌手〉 〈价格 货币单位=人民币〉19.00〈/价格〉 〈/CD〉 〈CD〉 　〈名称〉月亮上的树〈/名称〉 　〈歌手〉魏达〈/歌手〉 　〈价格 货币单位=人民币〉22.00〈/价格〉 〈/CD〉 〈/音乐收藏〉 8.3.2 课堂实例 ――在Dreamweaver中设计XML网页 8.3 XML基础 1．创建XML文档 2．用CSS显示XML文档 本章习题 上机练习 *