滚动新闻:
  网站首页     新闻资讯     网络安全     网页制作     办公软件     网站运营     平面设计     网络编程  
今天是,欢迎访问Ok3w新闻发布系统! 请您留言 | 免费下载 | 设为首页 | 加入收藏
您当前位置:网站首页 >> 网页制作 >> Dreamweaver教程 >> 阅读文章
站内查找:

Dreamweaver表格边框制作详解


来源:网络收集 发布时间:2009-05-02 00:50:10 查看次数:
   在DreamWeaver里,表格被更多的应用在布局网页,定位内容上。其实除了这些“大功能”的运用,通过各种变通的方法,表格还能实现很多在设计中一般难以达到的效果,下面将要给大家展示的“线框”制作就是一个很好的例子,当然它的巧妙运用还远不止此。

  “线框”对象在网页中是经常见到的,比如一条细线,一个方框等等都在包含之列。在某些效果的协调制作中,“线框”的修饰是必不可少的。然而让我们很遗憾的是,许多主流网页设计工具中都没有提供比较直接简便的线框制作功能。在这种情况下,利用其他元素来间接实现就显得尤为重要了。

  1> 跨幅细线的制作

  首先,我想大家应该理解下这里“跨幅细线”的概念,而很重要的一点就体现在“细”上,这也是我们要通过表格来实现它的原因所在。

  接触过网页设计的网友都知道,在HTML(超文本传输语言)中,有一个

  的标记,这个标记是用来制作“水平线”对象的,那么你一定问了,水平线不就是细线么?为什么还要用表格去作它呢?

  的确,水平线是用来制作线条的,包括横幅和竖幅的效果,它都可以实现。但以目前的应用来看,水平线根本达到不了我们所要求的细度,也即真正Height=1pixels的效果。

  下面是一组通过水平线制作的细线图示:


  其中前两个明显看上去要粗糙的多,而后面的已经在属性(Properties)板上手动设定高度为1的显然也不是很符合我们的要求,并且水平线要更改颜色的话,必须到源代码中才可以实现,使用起来不是很方便,明白了上面这些,我们看一下通过表格怎么达到更好的效果。

  单击“Object”面板中的“表格”图标或者选择菜单“Insert”-“Table”,在网页中适当的位置插入一个高,宽均为1的表格对象。如图

·上一条:用Dreamweaver进行网页优化
·下一条:通过Dreamweaver学习了解CSS
相关文章
·Dreamweaver如何创建代码片段 2009-05-02 00:18:55
·Dreamwaver设计div层的对齐方式 2009-04-28 17:41:25
·Dreamweaver常用技巧 2009-04-28 17:25:21
·Dreamweaver十二个小秘诀 2009-04-28 17:15:07
·Dreamweaver制作滚动字幕 2009-04-28 17:14:11
·网页制作之用Dreamweaver优化网页 2009-04-28 17:13:38
·网页制作之用Dreamweaver优化网页 2009-04-28 17:12:56
·Dreamweaver制作网页13种技巧详解 2009-04-28 17:05:21
文章评论
现在有0人对本文发表评论 查看所有评论
赞助商链接
  最新更新
·设计表单的标签和输入区
·Dreamweaver中鲜为人知的小秘诀
·用Dreamweaver进行网页优化
·Dreamweaver表格边框制作详解
·通过Dreamweaver学习了解CSS
·在DW中编写CSS应该学会的技巧
·玩转Dreamweaver速记CSS属性
·Dreamweaver技巧20则
·Dreamweaver七招实用技巧
·Dreamweaver Css背景属性
·Dreamweaver如何创建代码片段
·Dreamwaver设计div层的对齐方式
·Dreamweaver常用技巧
·Dreamweaver十二个小秘诀
·Dreamweaver制作滚动字幕
  阅读排行
·Dreamwaver设计div层的对齐方式
·Dreamweaver常用技巧
·Dreamweaver制作滚动字幕
·Dreamweaver十二个小秘诀
·设计表单的标签和输入区
·Dreamweaver 一打开就关闭的解决法
·网页制作之用Dreamweaver优化网页
·网页制作之用Dreamweaver优化网页
·Dreamweaver制作网页13种技巧详解
·用Dreamweaver制作网页中常用的过渡效果
·Dreamweaver技巧20则
·用Dreamweaver进行网页优化
·Dreamweaver表格边框制作详解
·通过Dreamweaver学习了解CSS
·在DW中编写CSS应该学会的技巧
关于我们 | 使用说明 | 联系方式 | 免责声明 | 免费下载 | 有事请留言 | 滇ICP备08101427号
联系邮箱:zhengbi888@yahoo.com.cn 在线QQ:124895502
Copyright 2009, 版权所有 www.glzy8.com.