Dreamweaver技巧精粹(1)

2016-02-19 20:44 5 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设置例:

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

  3.设置表格虚线

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

  方法二:在css里面设

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

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

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

  在表格的html里加上这个:

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

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

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

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

  shift+enter换行

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

在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中控制表单里的东东

  试试这个代码:

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

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

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

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

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

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

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

来源:https://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开发
淡蓝色的天空下,一朵朵花瓣随风飘下,慢慢的在屏幕中飘荡。你一定要说这种效果用FLASH可以实现。其实用DREAMWEAVER也可以很轻松的实现! Dreamweaver之所以能够超过Frontpage而成为网页设计师的首选设计工具,在于它对DHTML的强大设计功能,上面所说的效果,其实是DHTML的一种。但是使用Dreamweaver,你无须去编写冗长的代码,在DW...
标签: Web开发
作为一位不懂代码的业余网页制作爱好者,常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品。唉,无奈程序那东东,酶涩南学,非一日之功,需要良好的逻辑思维能力和足够的磨练方可成就。是不是不会程序,就永远就不能实现自己的创意和想法了呢?非也!现在我们要制作的就是在网页中的一个幻灯片播放器。当用户按下控制盘上...

经验教程

643

收藏

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