用表格布局页面的方法和技巧.ppt_第1页
用表格布局页面的方法和技巧.ppt_第2页
用表格布局页面的方法和技巧.ppt_第3页
用表格布局页面的方法和技巧.ppt_第4页
用表格布局页面的方法和技巧.ppt_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

计（2）班 张明晶,用表格布局页面的方法和技巧,表格在网页设计中的作用？,表格是现代网页制作的一个重要组成部分。 表格之所以重要是因为表格可以实现网页的精确排版和定位，还可以利用表格来美化网页。 当我们使用过表格，把单元格间距归零，就可以去掉表格边框。,将一定的内容按特定的行、列规则进行排列就构成了表格。 无论在日常生活和工作中还是在网页设计中，表格通常都可以使信息更容易理解。在Dreamweaver MX中，我们可以方便地创建出各种规格的表格，并能对表格进行特定的修饰，从而使网页更加生动活泼。表格中可以将各种数据(包括文本、图像、表单、表单域以及其他表格等)排成行和列，从而获得特定的表格效果。,活用表格美化网页,1、一个象素宽的分隔线； 有时候在网页排版时，我们需要一条细线，用图片似乎有点劳师动众了，其实，这个小问题用表格就能搞定。 在Dreamweaver中插入一个一行一列的表格，表格的属性面板设置如下： 说明：其实就是一个高为“1pix”的表格，需要注意的是表格内不要有其他任何内容。如果你还需要其他颜色的分隔线，只需要改变表格的背景色 bgcolor 就可以了。利用这种方法我们还可以制作出细竖线，将表格的宽该为“1”就可以了。,2、圆角表格的制作,做两个圆角的图片，这两个图片可以先做一个图片，然后用相关软件垂直翻转一下就行了 在两个图片中间插入一个背景颜色同图片一样的表格，长度也设为图片的长度，将这个表格的cellpad（设置文字与格子的距离）设为1，其他都为0。,将表格的单元格背景色设置为白色（从2、3两步可以看出这里其实是制作了一个细线边框的表格）。 最后我们就可以在表格里面填写内容了，我们可以把这个部分当然一个整体，复制并粘贴到页面上不同的地方，当然你也可以改变整个圆角表格的尺寸，要做的就是改变圆角图片和插入表格的尺寸了。,3、两个并列的表格,有时候我们需要把两个单独的表格并排排列，但是当我们连续插入两个表格的时候，表格会自动分成上下排列，如何解决这个问题呢？ 利用表格的嵌套：我们可以先做一个一行两列的表格，然后在这个表格的每个单元格里在插入一个表格就行了。 利用表格自身属性：连续插入两个表格后
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论