<b>制作网页 详解Dreamweaver13个本领</b>[DW设计]

　　熟习网页计划的网友就知道,调用Style的办法很多,我们可以单击鼠标右键挑选Custon Style来调用Style尺度,也可以在状况栏中的元素列表上单击右键来调用Style.固然差别的办法到达的效果看似一样,但实际上产生的HTML代码则完好差别.比方用Custon Style来调用Style尺度,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件非常臃肿并且影响浏览器的解析速度,所以我们应尽大概利用状况栏中的元素列表来调用Style.

　　2、活用Format Table号令

　　在复杂的网页计划中,表格的利用是最多的,因为操纵表格可以安闲地掌握文本和图象在网页上呈现的具体位置,从而使整个网页看上去紧凑统一.Dreamweaver在这方面也不甘落后,我们可以利用此中的“Format Table”(格局化表格)号令来快速地对表格利用预先计划好的款式.要利用预先计划好的款式,先将光标置于表格的肆意一个单元格内,再挑选“Command”→“Format Table”号令, 在随后呈现的对话框中,从左边的列表中挑选一个计划筹划.按“Apply” 键来查看效果,假如不称心的话,还可以重新设置大概改正部份参数的值,如边界粗细,后台颜色等等.

　　3、同时链接到两个网页

　　我们都知道超级链接一次只能连到一个页面.假如我们要想一次在差别的框架页中翻开文档,可以利用“Go To URL”javascript 行为.翻开一个有框架的网页,挑选文字或图象,然后从行为面板中挑选“Go To URL”.我们会注意到Dreamweaver会在“Go To URL”对话框中显示全部可用的框架.挑选此中一个我们想链接的框架并输入呼应的URL后再挑选另一个框架并输入另一个URL.

　　4、不给文件起中文名称

　　大家在制作好了网页后,普通会给网页起一个具有代表性的中文名称,一来能令人一看文件名就可以大约理解文件所包含的内容,二来可以便利各个超级链接之间的彼此调用.但假如你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,常常会有页面调用不精确的现象发生,所以我们今后在Dreamweaver中保存网页的时刻,尽大概用英文大概数字作为文件名称,这样便可以避免上面的出错现象.

　　5、巧妙设置字体辨别率

　　我们在制作网页的时刻,常常有这种领会,那就是制作好的网页在本地计算机上浏览时很正常,但在别的一台计算机上浏览时发现本来漂亮的网页变得歪歪扭扭了,这是为什么呢?本来各个计算机的辨别率要使你的主页在差别的辨别率下都能正常显示,在 Dreamweaver中得到了较好的办理.在文档窗口的右下角,Dreamweaver 显示当前文档被计划成的辨别率大小.单击哪个数字,在弹出式菜单中可认为当前的页面指定显示辨别率,通过改正可以使你的主页更具机动性.使差别辨别率的显示器都能较好地显示.

　　6、巧妙躲藏标签

　　假如在网页中插入了不可见的元素时,Dreamweaver会自动在页面上增添一个与之呼应的元素标签,以便于我们挑选不可见元素.但这并不满是件功德,比方我们在一个有很多层的页面中的第一行便插入一个表格,就会发现由于首行布列了太多的层元素标签而使得表格自动退到了页面的第二行,固然在浏览时并不影响效果,但这确确切实会阻碍我们的工作.所以当我们认为某个元素标签碍手碍脚时,就干脆将之屏蔽掉.办法是按Ctrl U翻开Preferences面板,在Category中选中Invisibel Elements,在面板的右边将会呈现全部的元素标签.只要将不需求的元素标签前的勾去掉,今后它就保证不会再呈现了.

　　7、善用拖放本领

　　我们在利用Dreamweaver编辑网页的时刻,常常需求插入一些图象什么的,假定要插入的图象很多,按照通例办法来操作就显得非常麻烦.我们可以操纵拖放本领来很好地办理这个问题.首先我们把Dreamweaver的操作窗口变成活动窗口,以腾出空间来显示Explorer窗口,找到要插入的图象文件后,把它们一一用鼠标拖动到网页的得当部位,Dreamweaver将自动把这些图象的url增添到文件的HTML代码中,当然这里要求被拖动的图象文件必须是gif、jpg等web图象格局的文件.关于已经在网页中的图象也是一样,直接拖过来便可以了.但假如被拖动的图象上有超级链接,就不可以再利用拖动技术了,因为当时拖过来的仅仅是超级链接地址.

　　8、自动设置更新时间

　　我们知道一个网页要想得到更多的回头率,一个很重要的一条就是要不断更新.但关于我们这些个人网页来说,要每天及时更新恐怕不是很简单的事情.因此,我们但愿网页能自动更新,下面就供应一个能自动更新改正时间的源代码,我们只要把这段源代码增添到…之间就可以实现更新时间的目的了:

　　9、巧妙复制文字

　　在几个差别的利用程序中间彼此复制文字,是我们在实际工作中大概要常做的事情.但是,假如我们从Dreamweaver中复制编辑区中的文字到别的一个利用程序的时刻,HTML代码和文字将一同被复制过去了,那么我们该若何才能只把编辑区中的文字复制下来呢?我们知道,普通复制时都用快速键 Ctrl - C 来操作,假如我们在复制的时刻多按一个C键,那么Dreamweaver将只会复制选中的文字了.

　10、善用快速键

　　为了提高操作的效率,我们可以在Dreamweaver中利用快速键,比方利用Ctrl-B或Ctrl-I来为文字利用黑体或斜体魄局,也可以利用以下一些键盘快速键来为选中的文本利用HTML格局:

　　Ctrl-0: 无格局 　　Ctrl-T: 段落 　　Ctrl-1: 标题 1 　Ctrl-2: 标题 2 Ctrl-3: 标题 3 　　Ctrl-4: 标题 4 　　Ctrl-5: 标题 5 　　Ctrl-6: 标题 6

　　11、自动关闭网页

　　假如我们但愿自己的网页在指定的时间内能自动关闭,无妨在网页源代码中的标签背面加入以下代码:

　　12、巧妙设置对象名称

　　我们在用Dreamweaver来制作非常复杂的效果时,有大概需求常常反复地利用某一个大概多个对象,比方我们常常需求定位某个特定的表格、图象等,假如我们没有给某一个网页中的多个对象取名的话,那么在反复利用这些对象的时刻,大概很麻烦大概简单出错.为了可以便利调用这些对象,我们应当在每成立一个新的对象时,都记得给它取一个有代表性并且对比简单记忆的名称.在给这些对象命名时,我们可以通过对象的“属性”面板来操作就行了.

　　13、为图象链接增添动态效果

　　有时我们为了要到达一种逼真的效果,但愿鼠标移动到某个链接上时能有动感产生.利用Dreamweaver可以很简单实现这种效果.计划时,我们首先需求预备两幅图象,第一幅是原始图象,第二幅是鼠标移动上去后的图象.接着用鼠标单击第一幅图,在属性面板中的链接栏中填上要链接的文件,然后单击键盘上的F8键,在弹出的Behaviors窗口中单击“ ”号,随后挑选“swap image”,在接着呈现的窗口中挑选第二幅图象,最后单击肯定便可以了.