注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Dreamweaver >> 应用实例 >> 网页设计正文

Dreamweaver表格妙用线框制作

文章来源:中国IT实验室收集整理 作者:佚名 更新时间:2008-4-3 10:46:51 【 】 【加入收藏
  进入网络咨询平台

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

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

  1> 跨幅细线的制作

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

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

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

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

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


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

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

  • 上一篇网页设计:

  • 下一篇网页设计: 没有了
  • 最 新 热 门
     Flash AS实例教程:简单的loading
     Flash实例教程:烛光动画特效
     Flash实例:打造佛光效果
     Fireworks教程:绘制精致的跑车
     Fireworks教程:不同切角效果
     Fireworks教程:制作韩国女包
     Fireworks教程:简单制作渐隐线
     Web标准应用之腾讯QQ首页改版
     比较文档位置
     32个典型的以分栏/网格为基础的网站
    最 新 推 荐
     Dreamweaver表格妙用线框制作
     全面解答:如何进行网页设计!
     网页设计之论摹仿和抄袭
     08网页版式风向标:黑底炫彩设计
     “惨目忍睹”IE8访问各大网站页面情况
     08年网页版式设计欣赏:有趣的搜索框
     网页优化必须做的26件事情
     DL.DT.DD的布局简单例子
     自己设计制作电脑系统的动画光标
     Adobe CS3网站首页设计[ 第2讲]
    相 关 文 章

    Fireworks教程:绘制精致的跑车
    Fireworks教程:不同切角效果
    Fireworks教程:制作韩国女包
    Fireworks教程:简单制作渐隐线
    清除浮动clear:both的应用详解
    Web前端开发的Firefox插件
    Fireworks8教程:用素材制作炫酷的闪字效果
    Fireworks打造javascript图片提示效果
    Firewoks实例:铅笔图标
    Firewoks教程:联通标志轻松做

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用