学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
Flash Fireworks Dreamweaver Photoshop CorelDraw Illustrator FreeHand 3DsMAX AutoCAD

您的位置:学院 >> 创意设计 >> Dreamweaver >> 虚线框表格的简单制作方法


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


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











     
     
     

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

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

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

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

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



技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
Web开发
·ASP ·JavaScript ·CGI
·JSP ·VbScript ·Web服务器
·PHP ·XML  
开发语言
·VB ·VC ·ASP.NET
·Java ·C/C++ ·Delphi
数据库开发
·MySQL ·SQL/Access ·PowerBuilder
·Oracle ·DB2  
网站设计
·Flash ·Dreamweaver ·HTML/CSS
·Fireworks ·FrontPage  
平面设计
·Photoshop ·CorelDraw ·AutoCAD
·FreeHand ·Illustrator ·3DsMAX
媒体动画
·Director ·Authorware ·Maya
·视频处理    


相关软件 产品库推荐
·笔记本 ·台式机 ·服务器
·数码相机 ·手机 ·GPS
·DV摄像机 ·MP3 ·MP4
·CPU ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

方法可以,但是有点占空间....
游客 发表于2008-9-27 9:36:24
对"虚线框表格的简单制作方法"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 虚线框表格的简单制作方法 相关内容
Google搜索中 虚线框表格的简单制作方法 相关内容
雅虎中 虚线框表格的简单制作方法 相关内容
Sogou搜索中 虚线框表格的简单制作方法 相关内容

相关软件 最新回复帖子:

·虚线框表格的简单制作方法
·情人节打造爱的纪念页
·用AutoCAD绘制平面曲线与空间曲线
·出行在外让OutlookExpress自动回复
·3DS MAX R3.X材质探幽之提高篇(一)
·nesox让电子邮件营销原来如此轻松!
·用Photoshop加深减淡工具巧抠婚纱
·想慢都不行:Win XP急速启动最新技巧
·SQL Server的Collate语句需注意
·一个可以发送附件及HTML格式邮件的PHP类


  相关软件 虚线框表格的简单制作方法相关文章
DW网页设计批处理揭密 用表格巧妙制作导航条按钮
Macromedia发布HomeSite 5等新软件 最新DW4.02中文版支持多种语言编码
如何制作会移动的广告条 DW4 应用 Firework 文件详解
深入Dreamweaver图层应用 Dreamweaver中层(Layer)的定位技巧
网络新闻滚滚而来 让层动得更精彩——极品插件Layer Ani-Magic
DreamWeaver批处理提高篇 DW经典技巧,一个也不能少
UltraDev4.0使用中一些常见错误对策 微软栏目导航的制作
巧用DW4文件库更新网站 小诀窍让你快速上手Dreamweaver
Dreamweaver虚拟在线试衣室 UltraDev 4系列插件教程(5)
UltraDev 4系列插件教程(7) UltraDev 4系列插件教程(6)