当前位置:软件学习 > Dreamweaver >>

虚线框表格的简单制作方法

大家看到下面的虚线表格有什么想法呢?是不是也想在自己的网页上使用一下?好吧,我现在就告诉大家虚线表格一种最简单的方法!总过程也就是三四步左右!呵呵!











   
   
   

  首先要制作一个样子的图形:,我们以在PhotoShop制作为例!打开Photoshop新建一个文件长宽各位3象素,背景为白色!如下图:

  然后我们把图象用Ctrl+=放大N倍(到底多少倍,你自己看什么时候合适,一般都放到最大。),然后用画笔工具画出图形,如下图所示:

  至于制作的具体方法,十分简单,在此我们不再罗嗦!

  作好之后就可以再DreamWeaver中制作虚线表格了!首先:我们插入一个3行3列的表格,设边框,边距都为0,间距设为1,背景设为刚才制作的图象!如下图所示:

  然后把每个单元格的背景色都设为页面的背景色或者你喜欢的背景图片,这样一个虚线表格就作好了,在此基础上大家可以充分发挥自己的想象力,把网页制作的更好更酷!



上一个:DW MX新功能试用:模板重复区
下一个:DW网页设计批处理揭密

更多Dreamweaver疑问解答:
巧用Dreamweaver MX控制页面元素
巧用Dreamweaver MX制作阴影字
巧用Dreamweaver MX设计导航栏特效
Dreamweaver 3 在网页上的小动作
网站构成的基本元素—网页布局
用Dreamweaver实现飘浮光球特效
Dreamweaver制作技巧四则
Dreamweaver 4.0使用技巧集锦
轻松处理Dreamweaver段落缩进
用Dreamweaver 4.0编制会议通知
巧用Dreamweaver4文件库更新网站
巧用Dreamweaver制作复杂图像
妙用dw图层与表格进行网页布局
用Dreamweaver4添加背景音乐及制作动态字
用Dreamweaver MX实现网站批量更新
Dreamweaver
Fireworks
FrontPage
Flash
Photoshop
Coreldraw
Excel
Word
Powerpoint
outlook
wps
AfterEffects
3D MAX
Director
Authorware
PremierePro
Foxmail
Maya
ISA
会声会影
其它软件
AutoCAD
如果你遇到软件学习难题:
请访问www.zzzyk.com 试试
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,