Dreamweaver技巧精粹(1)

2016-02-19 20:44 10 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Dreamweaver技巧精粹(1),希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

  1.解决表格紧贴左上方的问题

  方法一:Ctrl+J,弹出Page Properties,将Left, Top, Margin Width, Margin Height 全部设为0。

  方法二:把下面一段代码加到你的中topmargin="0" leftmargin="0"

  方法三:方法二中只适用于IE,如果让其也适用NETSCAPE加入下面代码

  2.在DW中将图设为透明alpha设置例:

  3.设置表格虚线

  方法一:作一个1X2的图。半黑半白,再利用表格作成线。

  方法二:在css里面设

  在css面板里new一个style,选择"redefine HTML Tag",再在下拉菜单里选“table”

在接下来的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你将来想要的边框的颜色,在style下拉里选择dashed,一切ok。只是所有的表格都会用虚线做边框了。

  方法三:在html里设(如果你只想让某一个表格边框是虚线的话)

  在表格的html里加上这个:

  颜色是十六位代码,你可以自己设。方法二、三,只能在ie里用,到了netscape里一点用处都没有,除非你用做好的底图填充。但建议用图片做要IE5.5才支持这种效果

  4.关于表格中行距和段距

  如果是在一个表格里的话,可以用样式表来调整:

  shift+enter换行

5.如何使背景固定位置不变

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

在draemweaver中按Ctrl+Shift+E,新建一CSS样式(new),在background标签里,可以设定背景的各个选项:
Background : 背景色
Background Image :选取你的背景图
Reapeat : 背景图是否重复,其中选no-repeat为不重复,repeat为重复,repeat-x和repeat-y分别为只在X和Y方向重复。
Attachment : 背景图位置,fix为背景图位置固定不变,scroll为背景图随页面一同滚动
Horizontal : 为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。
Vertical : 为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。

注意带 * 的选项要在浏览器里才能看到效果。

设定完毕,对Dreamweaver左下角点选应用该CSS样式就行了

不光是标签,页面里有的元素都可以在那里选择,可以很方便的选取应用对象。

对于所有onload 的触发事件,也都可以选再加Behavior,比如drag layer或打开页面后弹出窗口等等

background-attachment属性控制背景图象是否随内容一起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静止。
将以下代码加在...之间:

6.如何在DW4中控制表单里的东东

  试试这个代码:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  在插入跳转菜单时有“open urls in” 一项、在这里选择你想到的窗口名,就行了。

7.在DW中如何使插入的FLASH透明

  选中swf,打开原代码窗口,在前输入

8.DW4中设置表格亮边框和暗边框

做一个像素宽度有颜色的表格线

1、将表格边框 border设置为0 Cell space设置为0 Cell padding设置为0

2、打开样式面板新建一个样式。选择Border设置边框属性 。
3、选中整张表格应用这个样式即可。

来源:http://www.tulaoshi.com/n/20160219/1624394.html

延伸阅读
标签: Web开发
一、背景分析 对想要在视觉化环境下制作复杂网页的专业网页制作者来说,Dreamweaver已经渐渐在网页编辑工具中展露头角,成为专业人士编写网页的最佳选择。根据Macromedia公司的调查,Dreamweaver目前已累积有超过七十万名的使用者,占有率在网页编辑工具中居冠,像“Adobe GoLive”和“NetObjects Fusion”等竞争者都被遥遥抛在...
标签: Web开发
1在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态,现在...
标签: Web开发
经过前两天的简单介绍,我想大家对DWMX的界面有了一定程度的了解。 在第二天中我们讲到DWMX可以建立带的网络应用程序。 其实就是把UD的Server model功能并了进来,并且进行了改进。 支持更多的网络编程语言和数据库连接。最让人兴奋的是加入了ASP.Net C# 和PHP mysql 的支持。(PHP部分在以前可以通过非官方插件来实现编写和连接...
标签: Web开发
时间过得真快! 已经是第六天了. 看看我们还能发现些什么~ 1. MX采用的是MDI (Multiple Document Interface),多文档界面. 现在我们在编辑多个文档时,可以更方便的在文档间切换了. 2.面板具有重命名的属性 首先选择右上角的图标! 然后输入你想要的文字 然后就可以看到效果了.
标签: Web开发
昨天我们介绍了用DWMX连接MySQL,慢慢的我发现自己好像在写教程. 今天我们回到正题.我会谈一些我的使用心得体会还有DWMX的新特性(What's New),我想这才是大家想看到的. OK,废话少说! 我们开始吧: 1.当我们每次启动DWMX时,都会自动建立一个Untitled Document 的空html文档. 可以选择"File"菜单中的"Close"关闭它. 然后这个时候我们可以根据...

经验教程

780

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部