• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

网站制作Photoshop表现古老的威尼斯油画特效
网页设计Photoshop合成创意教程:青蛙的呐喊
企通互联Photoshop“索引颜色”位图转为矢量图
网站设计小技巧:拷贝网页中禁止复制的文字
企通互联CorelDRAW 打造七彩灯泡
北京网页设计全面认识网页中附加码的作用
北京网站制作推荐几个JS实例:时钟广告跳转状态栏等
网站制作让网页自动刷新
北京网站建设访客至上的网页设计秘笈
网站制作网站基本配色——热带


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 网站制作北京网页设计DreamWeaver表格妙用-线框制作详解(1)

网站制作北京网页设计DreamWeaver表格妙用-线框制作详解(1)


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

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

Www@Chinaz@com

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

Www~Chinaz~com

跨幅细线的制作 中国.站长站

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

Www^Chinaz^com

北京网站制作
接触过网页设计的网友都知道,在 北京网页设计HTML(超文本传输语言)中,有一个 中国. 网站建设站.长站

-------------------------------------------------------------------------------- 中国站长.站

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

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

中.国.站长站

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

Chinaz^com

北京网站设计
Chinaz

北京网站制作

中国.站长站

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

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

Chinaz@com

Chinaz^com

 

Chinaz~com

网页设计
字体:【大】【中】【小】

上一篇:网站制作DreamWeaver表格妙用-线框制作详解(1)

下一篇:网站设计实用:网页制作中常用的辅助代码

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates