使用表格和Div布局网

《使用表格和Div布局网》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五章使用表格和Div布局网页1、创建与编辑表格2、创建AP3、编辑APDiv第五章使用表格和Div布局网页5.1表格一、布局表格在网页的设计中，非常重要的一点就是网页的布局，也就是网页中的文字、图像与动画等对象如何安排通常在插入对象以前先进行区域分割。区域分割可以使用框架、层或表格，使用最多的是表格。第五章使用表格和Div布局网页在DW8“布局”栏提供了“布局表格”和“绘制布局单元格”两个布局工具。使用它们可以方便地制作出网页布局的表格。布局工具栏，如下图所示：第五章使用表格和Div布局网页1、创建布局表格2、创建布局单元格如果没有绘制布局表格就绘制

2、布局单元格，则会自动产生一个布局表格。第五章使用表格和Div布局网页注意：（1）不可以在布局单元格内绘制布局表格和布局单元格。（2）不能将单元格移出所在的布局表格，也不能将单元格移到其他单元格之上。(3)当一个行划分了若干单元格时，必须先用布局表格，后用布局单元格第五章使用表格和Div布局网页3、布局表格属性第五章使用表格和Div布局网页4、布局单元格属性水平的默认值为左对齐垂直的默认值为居中对齐第五章使用表格和Div布局网页布局表格菜单和布局单元格菜单：布局表格菜单布局单元格菜单第五章使用表格和Div布局网页清除所有高度：可以将布局表格内的单元格的高

3、（即单元格顶部与布局表格顶部的间距）清除。如果布局表格内没有单元格，则自动建立充满布局表格的单元格。第五章使用表格和Div布局网页使所有宽度一致：使所有布局单元格的宽度一样移除所有分隔符图像：删除所有的间隔图像第五章使用表格和Div布局网页删除嵌套：删除选中的布局表格中的间隔图像。列设置为自动伸展：使选中的布局单元格的列自动适应布局表格的宽度。第五章使用表格和Div布局网页添加间隔图像：在选中的布局单元格内添加间隔图像。间隔图像是透明图，在浏览器中是看不见的，但它可以用来控制自动伸展表的间隔。间隔图像会维持页面上已经设置的表格和单元格的宽度。第五章使用

4、表格和Div布局网页如何加快表格布局网页加载的速度？要加快表格布局网页加载的速度，可以在表格标签中添加及实现，代码如下：第五章使用表格和Div布局网页第五章使用表格和Div布局网页例题1：如图所示，制作该网页要求：1、采用布局网页方式布局2、导航栏的宽度保持一致3、页面设计美观、合理第五章使用表格和Div布局网页第五章使用表格和D

5、iv布局网页例题2：利用表格布局制作网页要求：1、表格第一行：左边为登陆，右边为设为主页和收藏2、表格第二行：主题和LOGO放置区3、表格第三行：高度为30像素、宽度为100%、红色的线条4、表格第四行：左边为导航区，右边为内容显示区5、表格第五行：为图像滚动特效，图像向右滚动6、表格第六行：版权声明区域第五章使用表格和Div布局网页作业：利用表格布局制作网页要求：1、表格第一行：主题和LOGO放置区2、表格第二行：高度为30像素、宽度为100%、红色的线条3、表格第三行：为导航栏4、表格第四行：左边上半部分为登陆、下半部分为友情链接，右边为内容显示区

6、5、表格第五行：为图像滚动特效，图像向右滚动6、表格第六行：版权声明区域例题3：页面导航栏使用FLASH导航例题4：页面导航栏使用FLASH文本导航第五章使用表格和Div布局网页5.2创建DivDiv是网页布局中一个非常重要的对象。在DW中主要包括Div标签及ApDiv两种对象。第五章使用表格和Div布局网页Div标签和ApDiv严格意义上说是相同的对象，即都是