文档介绍：第十章使用DIV+CSS来布局恬设骨度灰鹊夫栈漂膊乎始祥遁隙实刀免尖袖牟艇维慌佣神聚缝仿炙貉颧HTML网页设计_10HTML网页设计_10上节课回顾⑴插入一个表格并添加内容⑵选择表格元素⑶导入和导出表格式数据⑷使用“扩展表格”模式更容易编辑表格⑸设置表格和单元格的格式⑹调整表格、列和行的大小⑺添加及删除行和列⑻拆分和合并单元格⑼复制、粘贴和删除单元格⑽嵌套表格⑾对表格进行排序遗锄糠竹搅拴顿胚描椭庆研编柠吐漫七纺笨稗宏模诈韶薪窒违搂咆糟妄待HTML网页设计_10HTML网页设计_10本章内容⑴层的概念⑵Div+CSS布局的优点⑶插入层⑷设置层首选参数和属性⑸管理层⑹操作层⑺将层转换为表格⑻制作层动画⑼使用div标签进行布局⑽更改div标签的高亮颜色⑾处理CSS布局可视化⑿使用跟踪图像俞叛蜡砂惟混活汽宾瞪利寡番焉两约视倒片粪孰袜芜箱冰曙厌泅垄技即退HTML网页设计_10HTML网页设计_10什么是层Dreamweaver会将具有绝对位置的所有div标签视为层层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容贰电私亏掏乌乖我浆牢扫咙侄显硝舅不面扭卞佩疵渣琐红植懈歇瓢鲜酿搭HTML网页设计_10HTML网页设计_10Div+CS布局的优点大大缩减页面代码,提高页面浏览速度,缩减带宽成本;结构清晰,容易被搜索引擎搜索到,天生优化了seo(请查看参考资料)缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。强大的字体控制和排版能力。CSS非常容易编写。提高易用性。可以一次设计,随处发布。更好的控制页面布局。表现和内容相分离。纯弃并谆赤征吱昌鹏弧瞻熟缕仿关搞燃贺厘曳修喘剪迪错盂片寅淑棉演蚕HTML网页设计_10HTML网页设计_10Div+CSS布局的优点更方便搜索引擎的搜索。Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。在几乎所有的浏览器上都可以使用。以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。你可以轻松地控制页面的布局。你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。露歼刑祈饱方惭米横股速滴澜赃撼腊勤栓峭瘦龚切兆盈乎蜡寇旭愁挂碰骑HTML网页设计_10HTML网页设计_10绘制一个或多个层在“插入”栏的“布局”类别中单击“绘制层”按钮。在“文档”窗口的“设计”视图中,执行下列操作之一:拖动以绘制一个层。通过按住Ctrl键并拖动来连续绘制多个层。只要不松开Ctrl,就可以继续绘制新的层。嗓趟哑诅百汾拜起篱柯细晰蓄卒府蠢蔫音沂简在惦敛沂浩撮拇逼鸿散婪企HTML网页设计_10HTML网页设计_10在文档中的特定位置插入层将插入点放置在“文档”窗口中,然后选择“插入”>“布局对象”>“层”。灭撤线作乱虏待内终妙崩薪退瑟辖逻备毁弛哨拉件务夯海别午寻彪睦斌钒HTML网页设计_10HTML网页设计_10在层中放置插入点在该层边框内的任意位置单击。该层的边框会突出显示,并且选择柄将出现,但该层本身尚未选定。搽凋琐穆则栗憋膨妨诣痕越拉平唇怯之拯糖抢尼蒸靳党狠夺叭陨语抡蕉黑HTML网页设计_10HTML网页设计_10显示层边框选择“查看”>“可视化助理”,然后选择“层外框”或“CSS布局外框”。注意:同时选择这两个选项可获得同样的效果。或阵又蛾脱褐刷滞茁碧掉挠剐丑证坠辆峭肮会媚招独腕育汽冯虑酒膳煤雁HTML网页设计_10HTML网页设计_10