使用表格和Div布局网

使用表格和Div布局网

ID:39830948

大小:850.10 KB

页数:92页

时间:2019-07-12

使用表格和Div布局网_第1页
使用表格和Div布局网_第2页
使用表格和Div布局网_第3页
使用表格和Div布局网_第4页
使用表格和Div布局网_第5页
资源描述:

《使用表格和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严格意义上说是相同的对象,即都是

标签,但由于采用了不同的CSS样式定义,两者在外观及属性上有了不同的表现。第五章使用表格和Div布局网页APDiv是灵活性最大的网页元素,具有可移植性,可以在网页内任意移动,也可以在任

7、意位置创建,可重叠或设置是否显示,因此APDiv常在网页中实现一些特殊功能,如制作弹出菜单、漂浮图像等。第五章使用表格和Div布局网页Div标签默认状态下不能移动,也不具有重叠属性,因此常用于网页布局。第五章使用表格和Div布局网页创建APDiv层(APDiv)可以精确定位的网页元素。层是一个可以容纳文本、图像等网页元素的容器,是一个可以单独编辑处理的对象,是一个可以进行三维精确定位的元素。利用层可以更灵活的完成网页布局以及一些网页行为效果。插入层第五章使用表格和Div布局网页第五章使用表格和Div布局网页在网页中插入一个层以后生成的代码为:

8、d="Layer1">……

第五章使用表格和Div布局网页2.选择层在网页中选择一个

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。