使用dreamweaver的小技巧创新互联

1.用Dreamweaver4.0轻松设计会自动弹性调整的网页

首先需要保证的是你的页面内容采用了表格的格式,然后打开你要编辑的页面,按“Ctrl+F6”或者菜单“View→TableView→LayoutView”转换到布局视图。这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择“将列设为弹性显示”(MakeColumnAutostretch)。该列方框上方就会出现一条波浪形的线,而不是刚才表示列宽的数字。完成后你的页面就变成了一个具有弹性的页面了。此外,需要注意页面中不要有尺寸过大的图片。

**********************************************************

2.用Dreamweaver4.0制作有闪动效果的Flash按钮

选择菜单Insert→InteractiveImages→FlashButton就可看到有哪些内嵌按钮。在弹出的对话框里,你可以在“Style”列表里选择自己想要的按钮样式,在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后,在“ButtonText”窗口输入按钮上面的文字,在“Font”窗口选择字体,在“Size”窗口输入文字的大小,在“Link”窗口输入链接的目标,在“Target”窗口选择链接打开的方式,在“BgColor”选择按钮背景颜色,在“SaveAs”窗口输入保存的文件名。完成这些后,按下“OK”按钮,你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中,然后在Dreamweaver编辑窗口选中你刚才制作的按钮,属性窗口就会显示出这个按钮的属性,单击上面的“Play”按钮,你就可直接在编辑窗口预览这个按钮的闪动效果。需要注意的是Dreamweaver4.0的这个功能不支持中文字体。

3.在Dreamweaver4.0中自定义键盘快捷键

选择菜单“Edit→KeyboardShortcuts”,在对话框中会列出目前已经启用的以及可以更改的快捷键一览表,你可以在这里把快捷键改成自己习惯用的。如果要更改快捷键,首先要选取你要更改的命令,接着选取目前的快捷键,这个快捷键就会出现在“Shortcuts”列表中,然后在“PressKey”窗口输入你想要使用的快捷键,然后点击“Change”按钮更改即可完毕。你还可以利用“+”、“-”按钮增加或者删除当前的快捷键。

4.让Dreamweaver4.0和Fireworks整合

如果你的电脑里同时安装了Dreamweaver/Fireworks,那么你就可以使用Dreamweaver4.0提供的整合Fireworks的功能。利用这个功能你可以把你的GIF图片修改得更加动人,轻松地实现动画效果。在Dreamweaver编辑窗口选择好你要修改的GIF图片,然后在图片属性窗口单击“编辑(Edit)”按钮,这时系统会自动启动Fireworks软件编辑这个图片。仔细看,你会发现Fireworks的图片编辑窗口已出现EditingFromDreamweaver这样的文字和图样,也就是说这个图片是为Dreamweaver页面进行图片编辑的。现在我们在Fireworks里选择要编辑的图片,选择菜单“Modify→Animate→AnimateSelection”。在弹出的窗口里设置动画的属性:选定动画的帧数、动画移动的方向、透明度等等。然后把修改好的文件导出即可。这样,在Dreamweaver编辑窗口会自动更新刚才修改好的文件,使你的页面图片动起来。

5.巧用网站报告器

在Dreamweaver4.0里提供了一个网站报告器,利用这个网站报告器可以帮助你在你的网站众多文件中快速找到和修复错误。单击菜单“Site→Reports”即可启动报告器,选择你要检查的项目,然后单击“Run”按钮即可查出你网站上的一般问题。你也可以自己编写报告器来查出网站上的一些特殊问题(一般问题通常是一些文本丢失或文档未命名)。

6.快速恢复多次操作

在制作页面时,我们可能需要不停地修改页面,有时还要恢复过去的操作,我们可以使用“Edit”菜单里的“Undo”命令,可是这个命令每次只能恢复一次,如果我们需要恢复多次操作,那就要不停地“Undo”,实在太烦。在Dreamweaver4.0里提供了一个History窗口,可以让我们轻松地恢复多次操作。在“Windows”菜单里选择“History”即可开启这个历史窗口。在这个窗口把你每一次的操作都保留下来了,利用窗口左边那个滑动指针,就可以不停地恢复,还可以撤销每一次操作,包括已经存盘的。而且还可以把这个历史纪录保存下来共享。

7.隐藏浮动面板

打开Dreamweaver,给人的第一印象是一堆浮动面板,往往弄得你眼花缭乱,虽然它可以拖开,但毕竟占据着本来就很有限的屏幕,若把它关闭了,等一下用它时又要去打开。其实你只要按一下F4键,所有浮动面板都不见,再按F4他们又都重现于屏幕上了。

8.快速预览网页

初学Dreamweaver,往往找不到预览菜单,不得不另外启动IE浏览器来预览网页的实际效果。其实Dreamweaver的预览菜单放到File菜单下了,要预览正在编辑的网页,按F12键就可以了,方便得很呢!而且还可设置在不同的浏览器中预览,在File菜单下的PreviewinBrowser中选择EditBrowserList就可选择不同的浏览器进行预览。以测试你的网页对不同浏览器的适应性。

9.在HTML检示窗中显示行号和自动换行

虽然Dreamweaver的Behaviors是一个javascript小程序的巨集,许多实现特殊网页效果的javascript程序都不用动手编程,但有时需要编写一点小程序时,显示程序行号显得尤为必要,特别是在程序发生错误时,往往都有是提示在“XX行有错误”,若一行一行地去数行号不仅太累而且还容易数错,在FrontPage中老是为数错行号而烦恼。在Dreamweaver中可方便了,只要在HTML源代码检视器窗口中,选中“LineNumbers”(行号)复选框,则会在源代码检视器窗口中对每条HTML语句自动显示行号,一目了然。同样有时一行代码较长,只要在HTML源代码检视器窗口中,选中“Warp”(自动换行)复选框,则会激活窗口的自动换行特性,过长的代码会自动从窗口的边缘绕回。

10.如何获得颜色的十六进制代码

在设计网页时,有时要用到16进制的颜色代码,以前经常为这事头痛,在Dreamweaver中只要按属性面板上“bg”边上小方框右下角的小三角形,在弹出的颜色板上,鼠标指到哪儿,马上就能显示出相应颜色的16进制代码,真方便。

11.制作背景音乐

在Dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,由大家选择。

(1)在页面不显眼的地方插入一空层,并在层内放入一个ActivX对象,双击该对象,在打开的对话框中选择一个MIDI音乐文件,然后在层对象属性面板中设定其可视性为“Hidden”,保存变动后按F12预览网页,听听是否有音乐声。

(2)另一种方法是利用Dreamweaver的“Behaviors”行为编辑器,单击“+”按钮,选择其中“PlaySound”选项,在弹出的对话框中选择一个音乐文件即可。自己动手试一试吧!

12.让背景图不滚动

与FrontPage不同,Dreamweaver中插入的背景图是会随文字滚动的。有的时候我们需要制作固定的背景图,怎么办呢?先定义一张背景图,按“F10”打开HTML源文件,找到定义背景图片的语句,例如background=″images/background.JPG″,在它的后面空一格加上一句bgproperties=″fixed″。预览一下,是不是有点小小的成就感。

13.定义大小不变的文字

为什么别人网页上的文字那么漂亮,不管你怎么按浏览器字体按钮上的大小,他们的字体尺寸都不会发生变化。其实他们使用了网页中的“CSS”样式表技术,在Dreamweaver中要实现这一功能是非常简单的。首先按“F7”或者选择“窗口”菜单中的“样式表”选项打开样式表编辑器,在窗口中单击鼠标右键选择“新建”,在弹出的对话框中输入需要定义的样式表名称,按“确定”,然后在列表中选择第一项“类型”,并给具体的文字属性定义参数(一般来说文字的大小在800×600的屏幕中选择10.5较为适宜),按“确定”后,定义好的样式表就出现了。选择网页编辑窗中的文本,单击新的样式表名,可以看到选中的文本发生的变化。预览一下,试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

14.插入Flash动画

Macromedia公司的Flash动画因其具有交互性、传送速度快等特点,已逐渐成为网页制作的一项新武器,如果你的网页上能插入一段Flash动画,那么一定会使你的作品增色不少。在Dreamweaver中插入Flash制作的SWF格式动画十分容易,单击对象工具栏上的Flash徽标或单击的“媒体”下的“Flash”,就可以打开选择SWF动画文件的对话框了,选好文件后可在其属性面板中设定播放的参数,即大功告成。

15.让表格给网页留白

在Dreamweaver的新网页上输入文字时,默认格式是顶天立地的,十分不美观。要避免这一缺憾其实很简单,只要大家用好表格工具就行了。具体做法是:在新页面上插入一张居中对齐的表格,为了能够使表格方便控制,好设定奇数列,并且数值不要太大。这样在单元格内输入的文字就被限制在一个可以随意调整宽度的区域内,就不愁文字不听使唤了。

16.改变状态栏提示文字

一般情况下,当浏览器装入一个页面时,在其状态栏上显示的是该页面的地址名称,十分呆板。你有没有想过给浏览器的状态栏增加一点个性呢?如果有的话,那么请按照以下的步骤,定制自己喜欢的文字吧!首先打开“Behaviors”行为编辑窗,单击“+”按钮,选择“SetTextSet”下的“TextOfStatusBar”选项,然后在方框中输入自己的文字,例如“欢迎来到我的主页”等,单击“确定”即可。

17.整合的文本代码编辑器

可视化网页编辑软件的较大不便之处就是很难对源代码进行编辑,更别说javascript了;不过Dreamweaver将使你处理代码变得异常轻松。这个内建的文本代码编辑器主要的新功能是:自动缩排(可以一次选取多行进行缩排),还可以进行符号的检测,如果在编写代码忘了一个“”,它将给出提示。在工具表中的下拉菜单会列出当前网页中所有自定义javascript函数,可让你在网页原代码中自由跳转,“原始码导航工具”可以让专业人士方便地处理javascript函数,在文本代码编辑器中输入javascript代码,系统将用不同的颜色来显示。

18.在Dreamweaver中输入多个空格

我们平时输入的空格是半角字符,在Dreamweaver中只能输入一个,要想输入多个空格只要输入全角空格就可以了。输入全角空格的方法是:打开中文输入法,按Shift+Space切换到全角状态。这时你输入的空格就是全角空格了。

19.解决Dreamweaver的BUG之一

在Dreamweaver3.0中行为面板(Behaviorinspector)中,“Eventsfor”下拉菜单项无法打开。这样一来,很多特技效果形同虚设,根本没法制作。其实这应该算Dreamweaver3.0和中文Windows98不兼容的一个地方吧,在英文Windows98中就没有这个问题。而实际上这个菜单还是可以打开的,只不过是不能正确显示罢了。在选中下拉菜单后,我们可以用上下键来选择我们想要用的浏览器。

20.用Dreamweaver3.0的模版制作网页,设置行为(Behavior)

在使用模板(Template)做出來的网页中不能新增行为。这是因为新增行为需要在HTML文件的Head部分之中插入javascript,而使用了Template后,HTML文件的Head部分会被“封锁”住。如果要在使用模板生成的网页中应用行为,你就需要事先在模板中定义好行为,然后把它定义为模板的可编辑区域。随后,你就可以在网页中更改这个行为了。但这也只限于更改行为的触发事件(events)和动作(actions)的具体内容,而不能更改动作的类型。

21.给文字施加行为(Behavior),制作动态文字特效

在Dreamweaver中普通的文字是以字符为单位的,不能作为对象,即一些非常有用的javascript事件不能赋予文字。因为文字不像图片和其他控件有具体的“标记”,所以文字与很多特效失之交臂。为了给文字添加特效,只有把文字做成超链接来处理。这样文字就成为了对象,可以施加行为了。但是这样又带来了一些不需要的超链接属性,比如下划线,以及hover、visited等颜色变化。要想单纯为文字添加特效,可以先把所想设置的文字做成超链接,然后再在它的上面添加行为,最后我们再把超链接转变为普通文字。具体的步骤如下:

22.精确定位网页中各个元素的位置

23.改变浏览者的鼠标形状

这是通过编辑样式表来实现的。具体方法是:选择“文字(text)→定制样式(CSSStyle)→编辑样式表(EditStyleSheet)”,弹出编辑样式表窗口,在其中选择“新建(new)”。接着选择“建立一个定制的样式(Makecustomstyle)”,给这个样式表起名,单击确定。编辑该样式表,选择扩展项(extension),在右边的光标项(Cursor)中选择要出现的指针效果即可。

24.去掉超链接文字之下的下划线

这一效果是通过编辑样式表来实现的。具体方法是:“点击文字(text)→定制样式(CSSStyle)→编辑样式表(EditStyleSheet)”,出现编辑样式表窗口,选择“新建(new)”。接着选择重定义HTML标记(RedefineHTMLTag),并在下面的标记(Tag)选单中选择a。编辑该样式表,选择类型(type),在右边的装饰(decoration)中选中无(none)即可。

25.制作一个跟着页面走的图像

这一效果是通过javascript实现的。一般来说完成这样一个效果需要一定的编程能力,但现在我们可以通过Dreamweaver的插件轻易地实现。你可以到/tupian/20230522/pp26制作鼠标移上去后有变化的动态菜单

所谓动态菜单其实是两幅图,一幅是鼠标不放在上面所显示的,另一副是鼠标移上去所显示的。我们可以利用Dreamweaver提供的行为之中的swapimage来实现这个效果。首先插入一副图片,用鼠标单击它,在属性面版的连接栏内输入要连接的网页。然后打开行为面板添,点击“+”号,选择swapimage。接着出现一个窗口,要你选择鼠标移上去后所显示的图片,在此选择第二副图片,点击“确定”。好了,效果完成了,多简单。

27.用Dreamweaver制作出一个类似于下拉菜单的效果

制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是:在页面中插入一个单行多列的表格,作为你的菜单条。表格的列数由菜单选项的多少决定。插入一个层,在层中输入第一个下拉菜单的内容,并把这个层移动到表格第一列的下面。同理,对其他菜单项也作如上的操作,插入相应的层。把所有层的显示属性(vis)改为隐藏(Hidden)。

选择表格的第一个单元,单击窗口(Windows)→行为(Behaviors),弹出行为面板。按下“+”添加行为Show-Hidelayers,并将第一个层(Layer1)属性改为显示(Show),其他层的属性改为隐藏(Hide)。接着在行为面板中编辑这个行为,将它的触发事件(events)改为onMouseover。这样,当鼠标移动到第一个表格单元之上时,第一个下拉菜单就会显示出来。接着再添加一个行为Show-Hidelayers,并将所有层的属性改为隐藏。接着在行为面板中编辑这个行为,将它的触发事件(events)改为onMouseout。这样当鼠标从第一个表格单元之上移开时,第一个下拉菜单就会隐藏起来。对其他的菜单项重复上述操作。但要注意设置“菜单二”时,第二层显示,其他层隐藏;设置“菜单三”时,第三层显示,其他层隐藏;依此类推下去。好了,做好了,按F12看看吧。

28.轻松制作下载文件

用Dreamweaver其实很简单,把要让浏览者下载的文件名写上,然后拖动鼠标选取这段文字,在文本的属性面板上“Link”的属性输入框中写上文件名就行了。注意:若被下载的文件与该网页不在同一目录下,则文件名必须包含相对路径,否则在下载时将提示找不到文件。

29.利用Dreamweaver的书签制作跳转链接

利用Dreamweaver的书签我们可以实现这个功能。具体方法是:将光标移到你想跳转到的地方,选择菜单中的“插入(Insert)→书签(NameAnchor)”,输入书签的名称。接下来,在你想调用链接的链接目标框中填入“#书签名称”,这样一个页面内的跳转链接就做好了。在这里,如果我们在书签名称前填入网页的名称,就会跳转到其他页面中的书签处。比如说我们在Link处填入“index.htm#top”,当浏览者点击这个链接时就会跳转到index页面中的top书签处。

30.去掉图片和表格接触地方的空隙

要使图片和表格接触的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,还需要在表格的属性面板上把单元格的两个属性设为0(即cellspacing="0"和cellpadding="0")。

31.用TracingImage帮助定位网页中各元素的位置

TracingImage是Dreamweaver一个非常有效的功能,它允许用户在网页中将原来的图案设计作为辅助的背景。这么一来,用户就可以非常方便地定位文字、图像、表格、层等网页元素在该页面中的位置了。TracingImage的具体使用是这样的:首先使用各种绘图软件作出一个想象中的网页排版格局图,然后将此图保存为网络图像格式(包括gif、jpg、jpeg和png)。用Dreamweaver打开你所编辑的网页,在页面的空白区单击右键,选择“PageProperties...”,然后在弹出的对话框中的TracingImage项中输入刚才创建的网页排版格局图所在位置。再在ImageTransparen中设定TracingImage的透明度,OK。这样你就可以在当前网页中方便地定位各个网页元素的位置了。使用了TracingImage的网页在用Dreamweaver编辑时不会再显示背景图案,但当使用浏览器浏览时正好相反,TracingImage不见了,所见的就是经过编辑的网页(当然能够显示背景图案)。

32.关于“ConvertTablewidthstoPixels”和“ConvertTablewidthstoPercent”

“ConvertTablewidthstoPixels”和“ConvertTablewidthstoPercent”是Dreamweaver两个设置表格宽度的重要功能。当你打开一个带有表格的网页时,在状态栏中点中〈table〉标签,在随后显示出的表格属性工具面板中就能看到这两个按钮了。顾名思义“ConvertTablewidthstoPixels”就是将表格中所有单元的宽度以像素表示,而“ConvertTablewidthstoPercent”是将表格中所有单元的宽度以百分比表示。仔细想想他们的作用,如果将一个表格的宽度全以像素表示,但浏览窗口被放大时,表格就不会随之放大单元格的宽度。而使用了“ConvertTablewidthstoPercent”后能够使你在640×480分辨率下建立的100%宽的表格在更高的分辨率下依旧保持100%的宽度。所以活用这两个功能可以使网页排版事半功倍。

33.调用Style而不致使网页原代码混乱不堪

调用Style的方法很多,你可以单击右键选择CustonStyle来调用Style规范,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用CustonStyle来调用Style规范,在网页代码中就生成一个〈span〉标签,这样标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我建议尽量使用状态栏中的元素列表来调用Style。还有一个小技巧,如果你要使用一个Style定义某表格单元中的所有文字,只要在〈td〉标签中调用Style就行了,而不需要在一个个定义〈p〉标签。注意这个方法不适用于〈table〉标签,因为在〈table〉标签中用Style定义的文字格式会被Netscape忽略。

34.使用定制窗口功能测试网页在不同分辨率下的效果

谁都不希望看见自己辛辛苦苦做的网页在不同的分辨率下面目全非,所以测试网页在不同分辨率下的浏览效果是网页制作中很重要的一步。我们可以在Dreamweaver的操作界面中的状态栏中间,选择需要的分辨率来调节窗口大小,从而实现在不同分辨率下测试网页效果。

35.上传网站时无需使用第三方FTP软件

36.实现用鼠标指向链接时出现下划线的效果

有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:

(1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“showcssstyles”的那个按钮),在弹出的CSSStyles面板上双击(none);

(2)此时,可看到弹出的EditStyleSheet面板,在该面板上按New按钮;

(3)再在弹出的NewStyle面板上点取RedefineHTMLTag(重新定义HTML标记)再在Tag中选择“a”(超级链接标记)标记后按OK按钮;(4)这时可看到弹出的Styledehinitionfora的对话框,在此对话框中可以设置超级链接的许多属性,你可以按你的意愿设置,但我们这里主要是要去掉那讨厌的下划线,所以我们在decoration属性中选择“none”,这样就把下划线去掉了;然后我们再选择颜色为:#339966。按OK按钮返回到EditStyleSheet面板;

(5)在EditStyleSheet面板上再按New按钮;

(6)在弹出的NewStyle面板上点取UseCSSSelector,再在该面板上的selector选择框中选择“a:hover”(定义当鼠标在超级链接上时链接的属性),按OK按钮;

(7)在弹出的Styledehinitionfora:hover的对话框中,我们在decoration属性中选择“underline”,这样就把下划线又加上了;然后我们再选择颜色为:#FF3300。按OK按钮返回到EditStyleSheet面板;

(8)在EditStyleSheet面板上再按Don按钮,至此所有设置结束,你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码:

37.实现定义的超级链接文字颜色

文字超级链接的颜色(包括未被访问的链接颜色、鼠标的链接上的颜色、已被访问过的链接颜色等等)可以用层叠样式表(CSS)定义,下面就介绍如何能随心所欲地设置文字链接的颜色。

(1)超级链接的默认颜色是:未被访问的超级链接是蓝色、被访问过的超级链接是紫色;

(2)要想使CSS定义的颜色起作用,在超级链接的文本的颜色属性中什么都不要填;

(3)若你已定义了文本的颜色,发现CSS中定义的超级链接颜色不起作用,你可以取消文本的颜色定义,或取消超级链接再重新定义一次,CSS定义的颜色就起作用了;

(4)超级链接上各种状态下文本颜色的关系:一旦定义了被访问过的链接的颜色(A:visited),则当链接被访问过后,该链接的颜色不再改变,即定义鼠标在超级链接上的颜色(a:hover)将不起作用了。若不定义被访问过的链接的颜色(A:visited),则当鼠标在超级链接上显示a:hover中定义的颜色,当鼠标移开时显示a中定义的颜色。

38.在Dreamweaver中把图形放在最中间

点击选取图形,在图形的属性面板的右上角Align(对齐属性)边上有个下拉框,在下拉框中选取,则文字在图片四周绕排。若是单独图片在中间,则在图像面板上点取居中属性即可。

39.如何使用Behaviors功能,而又不链接到任何地方去

选取要作为超级链接的元素(一幅图片或一段文字),在属性面板上的地址栏(Link)中不填写任何链接地址,只加上一个“#”号,(引号不包括在内)。这样即可以使用Behaviors功能,而又不链接到任何地方去了。

40.实现在一张(较大)图片上做出几个不同的链接

在Dreamweaver中,这就是使用所谓的设置“图像热区域”。先选中图像,然后在图像属性面板上有一个“Map”工具栏,在其下方有三个淡蓝色的工具图标,即“矩形”、“圆形”或“多边形”,你可以根据需要选取一个(用鼠标点一下就行),再把鼠标移图像上,按下鼠标左键,拖动鼠标就画出了一块淡蓝色的区域(不用担心这块淡蓝色区域会破坏你的图像,在浏览器中是不显示的),这时你在属性面板上把需链接的网页地址添上就行了。你需要几个链接就画几块区域,随你的便。

41.制作目录树

在总目录的前方有一个“+",一按这个“+",即可显示其下子目录,“+"即变成“-",一按“-",即可隐藏其下子目录,就像在资源管理器中一样,这需要做二个页面,一个页面写上总目录,一个页面写上子目录。把总目录的页面上的“+”号设置成超级链接,在“Link”栏中添上子目录页面的地址。把子目录的页面上的“-”号设置成超级链接,在“Link”栏中添上总目录页面的地址。具体效果可看一看Dreamweaver的帮助文档,在这帮助文档里也是按一下总目录,弹出子目录,按下子目录上的总目录则返回到总目录,只是没用“+”、“-”表示而已。你再看一下该文档的源代码就一目了然了。

42.在Dreamweaver中轻松设置行间距

用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:

(3)再在弹出的NewStyle面板上点取RedefineHTMLTag(重新定义HTML标记),再在Tag中选择“body”标记后按OK按钮;

(4)这时可看到弹出的Styledehinitionforbody的对话框,在此对话框中可以设置“body”标记的许多属性,你可以按你的意愿设置,但我们这里主要是要设置行距,所以我们在line属性输入框中填上行距的像素点数,现在流行的九号字,行距一般用12,按OK按钮返回到EditStyleSheet面板,此时已把“body”的行距设置好了;

(5)由于“body”中定义的行距对表格不起作用,所以我们再在EditStyleSheet面板上再按New按钮;

(6)再在弹出的NewStyle面板上点取RedefineHTMLTag(重新定义HTML标记)再在Tag中选择“td”标记后按OK按钮;

(7)在弹出的Styledehinitionfortd的对话框中设置td的行距,按OK按钮返回到EditStyleSheet面板;

(8)在EditStyleSheet面板上再按Don按钮,至此所有设置结束,你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码:

有了这段代码,你在该网页上的所有文本的行距都确定好了,若不满意,可修改设置。

43.如何设计能使浏览者在浏览时对网页字体大小的设置不起作用

用CSS层叠样式表对字体进行强制性控制(像素)。

44.实现网页每过五分钟刷新一次的效果

45.解决用IE预览正常的链接网页,上传到网站却看不见的现象

把网页的所有文件名统一成小写(或大写),再上传就行了。因为很多服务器使用的是UNIX操作系统,它对大小写是很敏感的,也就是说大写的文件名和小写文件名它认为是两个文件,你在上传时必须注意大小写。另外要注意:超级链接要使用相对路径,不要用绝对路径,也不要用中文文件名。

46.制作新开一个窗口打开网页的超级链接(即原来的网页不被覆盖)

在Dreamweaver中,在该链接的属性面板上把“target(目标)”设置为“_blank”即可。

47.隐藏不必要的标签

当用户在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于用户选择不可见元素。但这并不全是件好事,比如你在一个有很多层的页面中的第一行便插入一个表格,就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行,虽然在浏览时并不影响效果,但这确确实实会阻碍你的工作。所以当你觉得某个元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板,在Category中选中InvisibelElements,在面板的右边将会出现所有的元素标签。只要将你讨厌的元素标签前的勾去掉,以后它就保证不会再出现了。

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

对这个问题有几种解决方法。

(1)按下Ctrl+J,弹出PageProperties,将Left、Top、MarginWidth、MarginHeight全部设为0。

(2)把下面一段代码加到你的中:topmargin="0"leftmargin="0",这个方法只适用于IE。

THE END
1.在线PSPS软件网页版,ps在线图片处理工具photopea稿定设计PS是一款专业精简的在线ps图片处理软件,免下载、免安装,直接在浏览器打开网页版就可随时随地用它修正,调整和美化您的图片。https://ps.gaoding.com/
2.10个常用的网页制作软件,省时又省力!Webflow是一款强大的在线网页制作软件,它将视觉设计和代码编写完美结合,让用户无需深入编程就能创建出专业级别的网站。Webflow提供了丰富的网页制作模板和自定义选项,你可以根据需要进行选择和个性化设计。 Webflow的特色之一是其视觉化的CSS编辑器,你可以直接在界面上调整元素的样式,并实时查看效果。同时,Webflow还支持响应https://pixso.cn/designskills/10-commonly-uesd-webpage-making-software/
3.常用的网页制作软件有哪些网站制作工具大全→MAIGOO知识优秀的网页设计模板 网站模型设计工具 常用的网页制作软件有哪些 1、Dreamweaver 就目前来说,使用最多的静态网站的制作工具有dream weaver,软件直接搜索就可以找到并下载了。 经过重新设计的ui dream weaver更加的好用。 它默认支持代码模式和设计模式,也可以两种模式同时打开,方便即时的查看网页效果。 https://www.maigoo.com/goomai/189945.html
4.8款热门网页制作工具,轻松打造专业网站!快速搭建网站工具Adobe Dreamweaver(简称DW)是一款功能强大的网页制作工具,它不仅支持网页设计,还能帮助管理网站。通过DW,设计师和开发者能够快速编写HTML、CSS和JavaScript等代码,快速搭建网站。作为一款综合性网页设计软件,Dreamweaver特别适合有编码经验的用户。 使用成本:Dreamweaver可以单独订阅,每月费用为20.99美元,或者通过Adobe Creative https://blog.csdn.net/2408_89491999/article/details/144286318
5.网页设计软件精选,打造极致用户体验的必备工具小程序开发摘要:本文推荐了一些最佳的网页设计软件,这些工具旨在打造优质的用户体验。这些软件不仅功能强大,而且易于使用,可以帮助用户快速创建出美观、响应式的网页。这些软件拥有丰富的模板和灵活的定制选项,适合各种用户需求,无论是初学者还是专业人士都可以轻松上手。使用这些推荐的网页设计软件,用户可以大大提高工作效率,并创建出https://www.vvrcloud.com/post/25417.html
6.网站制作软件哪个好十款常用网站制作软件推荐软件分类:网站制作大小:20.61 MB时间:2018-03-15 软件介绍:功能专注于CSS设计的辅助工具,功能相当多,附有CSS码检查功能,减少写错的机会。尤其是它的HELP文件中详 立即查看 3.Adobe Dreamweaver CC 2013 Adobe Dreamweaver CC 2013是一款可视化网页编辑软件,由Adobe官方推出。它具备成熟的功能,可以帮助用户编辑符合最新https://app.zol.com.cn/jiqiao/244826.html
7.网页编辑软件有哪些网页编辑软件哪个好用网页编辑软件是一种为网站管理者提供便利的工具,它可以让用户通过简单易懂的界面设计、编辑和发布网站内容。这种软件往往具有操作简便、兼容性强、功能丰富等特点,在Web开发中发挥着重要的作用。无论是对于个人网站还是企业网站,选择一款优秀的网页编辑软件都将大大提升网站的质量和效益。本专题为大家整理了包含Axure RPhttps://www.mydown.com/ku/2258.shtml
8.十种网页设计软件Dreamweaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、Shockwave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更https://www.yjbys.com/edu/wangyechengxusheji/518.html
9.网页设计软件有哪些?网页设计软件哪个好?网页设计制作软件大全网页制作软件又称网页设计软件,是专门用于设计制作网页的工具,是网页设计师们的必备软件!如:dreamweaver、网页三剑客等,都是常见的网页设计软件,需要的朋友,赶快下载体验吧!http://www.downcc.com/k/webzzrj/
10.电脑网页设计软件大全常见的网页制作工具有哪些页面制作需要通过设计软件来制作原型,而不少用户咨询网页制作工具有哪些?所以小编这里带来网页设计软件大全,整合常见的页面设计工具下载,每一款都能让你在辅助设计领域得心应手,提升设计效率。https://www.3h3.com/k/WebsiteDesignSoftwareDownload/
11.网站设计软件下载网站美化软件网页设计软件网站设计软件里面有很多专业性的软件,有免费版可以进行下载,工具众多功能强大,可以快速设计出需要的网站,制作出有出色使用体验的界面,内部有众多模板可以进行参考,更加方便用户操作,设计更加简单,快来试试吧!http://www.downyi.com/key/wangzhanshejiruanjian/
12.网页编辑设计软件AdobeDreamweaver2021v21.2.0.155中文破解Adobe Dreamweaver(简称DW)专业网页设计软件,集网页制作和管理网站于一身的网页代码编辑器。利用支持 HTML、CSS、JavaScript 等内容的 Web 设计软件,网页前端设计师可以快速制作并发布网页,制作适用于各种浏览器或设备的网站,借助简化的智能编码引擎,轻松地创建、编码和管理动态网站。Adobe 是全球世界领先的数字媒体、图形https://www.423xz.com/office/5532.html
13.网页设计制作软件大全电脑网页设计软件推荐网页设所以小编为大家带来了网页设计制作软件,包括Adobe Dreamweaver CS6、idea、hbuilderx等软件,有需要的用户可以在这里挑选下载哦。 更新时间:2024-12-16 14:30:39共有8款 相关合集推荐:电脑名片设计软件大全dw网页设计软件seo站长查询工具大全电脑爬虫软件大全https://www.ddooo.com/zt/wysjrj.htm
14.WebsiteBuilder1.4forMac网站网页设计制作软件Website Builder for Mac是一款优秀的网站网页设计制作软件,可以在很短的时间里制作出一个完美的网站,并在几分钟内免费发布到网络!Website Builder提供了很多专业漂亮的模板和主题,支持自定义编辑阴影、背景、文字样式、边框等内容,轻松帮你构建网站,而不需要从0开始制作,通过在页面上直接编辑或通过拖放新元素到您的网http://www.macsky.net/21007.html
15.网页设计制作常用的几款软件介绍Adobe Photoshop是一款功能强大的图像处理软件,也是网页设计师常用的工具之一。它提供了丰富的图像编辑和处理功能,可以对图像进行剪裁、调整色彩、修饰和绘制等操作。在网页设计中,设计师可以使用Adobe Photoshop来创建网页的素材,进行整体布局设计和图片处理等工作。并且,Adobe Photoshop还支持多种图像格式的导入和导出,方便https://www.300.cn/xxzx/8824.html
16.软件电脑版adobe应用程序破解版编辑器网页设计软件介绍 Adobe Dreamweaver 2020是一款业界比较常用的网页编辑软件,出自Adobe公司之手的专业化网页设计制作辅助工具,是集网页制作和管理网站于一身的所见即所得网页代码编辑器,可让您建立标志、图示、素描、印刷样式和複杂插图,以用于印刷、网页、互动、视讯和行动等媒体。WinWin7小编给大家分享的Adobe Dreamweaver 2020https://dy.163.com/article/I2RHP0QA05562INY.html
17.网站制作软件下载网页制作软件大全网页设计制作软件网页设计是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。单来说,网页设计的目的就是产生我们想要网站。可如果不会相关知识怎么办?没问题!下面是一批专业的软件,帮你从零开始设计自己的网站,制作自己的网站。相关https://www.qqtn.com/qqkey/webbuilder/
18.网页安全论文范文在专题学习网站中,基础知识部分为网页制作的基础教学资源,包含了网页制作基础理论、网页制作设计软件操作、网页制作技巧等,是学生学习“网页制作”课程的入门知识。专题学习网站中的实例教学,则是以教学实例为例子,使用任务驱动教学法,为学生提供网页制作所需要的各种资源,以教学实例为网页制作知识学习的主线,循序渐进,使https://www.gwyoo.com/haowen/131164.html
19.12款适用于开发人员的最佳Web开发软件腾讯云开发者社区3.Macaw– 适合精通代码的人的最佳网页设计软件 定价:免费 社论评分:★★★ 在最好的网站设计工具中,Macaw 通过提供与您最喜欢的图像编辑器相同的灵活性而与众不同,同时还编写语义 HTML 和CSS。此外,它还提供了使用漂亮的排版和系统字体制作响应式网页的可能性,让您可以立即为元素设置样式。如果您正在寻找具有https://cloud.tencent.com/developer/article/2010957
20.编辑网站和移动应用程序的网页设计软件在Dreamweaver 中设计页面, 使最终用户能使用 Adobe InContext Editing 在线服务编辑他们的网页, 无需帮助或使用其它软件。作为 Dreamweaver 设计人员, 您可以限制对特定页面、特殊区域的更改权, 甚至可以自定格式选项。 Subversion 集成新增功能 在Dreamweaver 中直接更新站点和登记修改内容。Dreamweaver CS4 与 Subversionhttps://www.wmzhe.com/software/35625.html
21.BootstrapStudio网页设计软件4.4.8下载Bootstrap Studio与Google Webfonts集成,为您提供导入和管理字体的简单方法。字体家族名称甚至可以在我们的css编辑器中自动建议。 软件特色 1、bootstrap studio 提供更加优秀的网页设计方式 2、可以直接将网页内容输入到软件编辑 3、可以在不编辑代码的情况下设计一个新的网页 https://soft.3dmgame.com/down/203168.html
22.图怪兽作图神器在线海报编辑器PS图片制作图怪兽作图神器,是一个在线ps图片编辑器,它相当于ps精简版软件,可提供微信编辑器功能,在线ps照片处理,拼图,图片制作,在线设计,平面设计,海报设计,在线图片处理等功能。图怪兽作图不求人处理简单易用,这款在线图片编辑软件让设计海报模板图片更轻松,帮助企业视觉营销投入成本http://www.pikhive.com/
23.创客贴平面设计作图神器免费设计模板创客贴,极简好用的平面设计作图软件,在线图片编辑器,免费使用.提供免费设计模板,有海报、名片、公众号图片、PPT、邀请函等65个场景模板,一键搞定设计印刷https://www.chuangkit.com/