用表格布局页面的方法和技巧.ppt

用表格布局页面的方法和技巧.ppt

ID:51628404

大小:1.35 MB

页数:8页

时间:2020-03-26

用表格布局页面的方法和技巧.ppt_第1页
用表格布局页面的方法和技巧.ppt_第2页
用表格布局页面的方法和技巧.ppt_第3页
用表格布局页面的方法和技巧.ppt_第4页
用表格布局页面的方法和技巧.ppt_第5页
资源描述:

《用表格布局页面的方法和技巧.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、计(2)班张明晶用表格布局页面的方法和技巧表格在网页设计中的作用?表格是现代网页制作的一个重要组成部分。表格之所以重要是因为表格可以实现网页的精确排版和定位,还可以利用表格来美化网页。当我们使用过表格,把单元格间距归零,就可以去掉表格边框。将一定的内容按特定的行、列规则进行排列就构成了表格。无论在日常生活和工作中还是在网页设计中,表格通常都可以使信息更容易理解。在DreamweaverMX中,我们可以方便地创建出各种规格的表格,并能对表格进行特定的修饰,从而使网页更加生动活泼。表格中可以将各种数据(包括文本、图像、表单、表单域以及其他表格等)排成行和列,

2、从而获得特定的表格效果。活用表格美化网页1、一个象素宽的分隔线;有时候在网页排版时,我们需要一条细线,用图片似乎有点劳师动众了,其实,这个小问题用表格就能搞定。在Dreamweaver中插入一个一行一列的表格,表格的属性面板设置如下:说明:其实就是一个高为“1pix”的表格,需要注意的是表格内不要有其他任何内容。如果你还需要其他颜色的分隔线,只需要改变表格的背景色bgcolor就可以了。利用这种方法我们还可以制作出细竖线,将表格的宽该为“1”就可以了。2、圆角表格的制作做两个圆角的图片,这两个图片可以先做一个图片,然后用相关软件垂直翻转一下就行了在两个图

3、片中间插入一个背景颜色同图片一样的表格,长度也设为图片的长度,将这个表格的cellpad(设置文字与格子的距离)设为1,其他都为0。将表格的单元格背景色设置为白色(从2、3两步可以看出这里其实是制作了一个细线边框的表格)。最后我们就可以在表格里面填写内容了,我们可以把这个部分当然一个整体,复制并粘贴到页面上不同的地方,当然你也可以改变整个圆角表格的尺寸,要做的就是改变圆角图片和插入表格的尺寸了。3、两个并列的表格有时候我们需要把两个单独的表格并排排列,但是当我们连续插入两个表格的时候,表格会自动分成上下排列,如何解决这个问题呢?利用表格的嵌套:我们可以先

4、做一个一行两列的表格,然后在这个表格的每个单元格里在插入一个表格就行了。利用表格自身属性:连续插入两个表格后,将第一个表格(注意,是表格而不是单元格)的align设置为“left"”就ok了。谢谢观赏

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

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

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