DreamWeaver超級技巧(轉載)

3年前 (2021-07-28)閱讀677回復0
榆林印刷廠(chǎng)
榆林印刷廠(chǎng)
  • 管理員
  • 發(fā)消息
  • 注冊排名1101
  • 經(jīng)驗值75
  • 級別管理員
  • 主題15
  • 回復0
樓主

  DreamWeaver超級技巧

  1. 用Dreamweaver 4.0輕松設計會(huì )自動(dòng)彈性調整的網(wǎng)頁(yè)

  首先需要保證的是你的頁(yè)面內容采用了表格的格式,然后打開(kāi)你要編輯的頁(yè)面,按“Ctrl+F6”或者菜單“View→TableView→Layout?View”轉換到布局視圖為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。這時(shí)可以看到單元格的列寬,在列寬數字的旁邊還有一個(gè)小小的下拉式箭頭,點(diǎn)擊你要設定彈性顯示的列上方的小箭頭,接著(zhù)選擇“將列設為彈性顯示”(Make Column Autostretch)。該列方框上方就會(huì )出現一條波浪形的線(xiàn),而不是剛才表示列寬的數字。完成后你的頁(yè)面就變成了一個(gè)具有彈性的頁(yè)面了。此外,需要注意頁(yè)面中不要有尺寸過(guò)大的圖片。

  2. 用Dreamweaver 4.0制作有閃動(dòng)效果的Flash按鈕

  選擇菜單Insert→Interactive?Images→Flash?Button就可看到有哪些內嵌按鈕為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。在彈出的對話(huà)框里,你可以在“Style”列表里選擇自己想要的按鈕樣式,在預覽(Sample)窗口里可以看到這種樣式的效果如何。選擇好之后,在“Button?Text”窗口輸入按鈕上面的文字,在“Font”窗口選擇字體,在“Size”窗口輸入文字的大小,在“Link”窗口輸入鏈接的目標,在“Target”窗口選擇鏈接打開(kāi)的方式,在“BgColor”選擇按鈕背景顏色,在“Save?As”窗口輸入保存的文件名。完成這些后,按下“OK”按鈕,你就完成了一個(gè)Flash按鈕啦。這個(gè)按鈕還會(huì )自動(dòng)插入你的網(wǎng)頁(yè)中,然后在Dreamweaver編輯窗口選中你剛才制作的按鈕,屬性窗口就會(huì )顯示出這個(gè)按鈕的屬性,單擊上面的“Play”按鈕,你就可直接在編輯窗口預覽這個(gè)按鈕的閃動(dòng)效果。需要注意的是Dreamweaver?4.0的這個(gè)功能不支持中文字體。

  3. 在Dreamweaver 4.0中自定義鍵盤(pán)快捷鍵

  選擇菜單“Edit→Keyboard?Shortcuts”,在對話(huà)框中會(huì )列出目前已經(jīng)啟用的以及可以更改的快捷鍵一覽表,你可以在這里把快捷鍵改成自己習慣用的為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。如果要更改快捷鍵,首先要選取你要更改的命令,接著(zhù)選取目前的快捷鍵,這個(gè)快捷鍵就會(huì )出現在“Shortcuts”列表中,然后在“Press Key”窗口輸入你想要使用的快捷鍵,然后點(diǎn)擊“Change”按鈕更改即可完畢。你還可以利用“+”、“-”按鈕增加或者刪除當前的快捷鍵。

  4. 讓Dreamweaver?4.0和Fireworks整合

  如果你的電腦里同時(shí)安裝了Dreamweaver/Fireworks,那么你就可以使用Dreamweaver?4.0提供的整合Fireworks的功能為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。利用這個(gè)功能你可以把你的GIF圖片修改得更加動(dòng)人,輕松地實(shí)現動(dòng)畫(huà)效果。在Dreamweaver編輯窗口選擇好你要修改的GIF圖片,然后在圖片屬性窗口單擊“編輯(Edit)”按鈕,這時(shí)系統會(huì )自動(dòng)啟動(dòng)Fireworks軟件編輯這個(gè)圖片。仔細看,你會(huì )發(fā)現Fireworks的圖片編輯窗口已出現Editing?From?Dreamweaver這樣的文字和圖樣,也就是說(shuō)這個(gè)圖片是為Dreamweaver頁(yè)面進(jìn)行圖片編輯的。現在我們在Fireworks里選擇要編輯的圖片,選擇菜單“Modify→Animate→Animate?Selection”。在彈出的窗口里設置動(dòng)畫(huà)的屬性:選定動(dòng)畫(huà)的幀數、動(dòng)畫(huà)移動(dòng)的方向、透明度等等。然后把修改好的文件導出即可。這樣,在Dreamweaver編輯窗口會(huì )自動(dòng)更新剛才修改好的文件,使你的頁(yè)面圖片動(dòng)起來(lái)。

  5. 巧用網(wǎng)站報告器

  在Dreamweaver?4.0里提供了一個(gè)網(wǎng)站報告器,利用這個(gè)網(wǎng)站報告器可以幫助你在你的網(wǎng)站眾多文件中快速找到和修復錯誤為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。單擊菜單“Site→Reports”即可啟動(dòng)報告器,選擇你要檢查的項目,然后單擊“Run”按鈕即可查出你網(wǎng)站上的一般問(wèn)題。你也可以自己編寫(xiě)報告器來(lái)查出網(wǎng)站上的一些特殊問(wèn)題 (一般問(wèn)題通常是一些文本丟失或文檔未命名) 。

  6. 快速恢復多次操作

  在制作頁(yè)面時(shí),我們可能需要不停地修改頁(yè)面,有時(shí)還要恢復過(guò)去的操作,我們可以使用“Edit”菜單里的“Undo”命令,可是這個(gè)命令每次只能恢復一次,如果我們需要恢復多次操作,那就要不停地“Undo”,實(shí)在太煩為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。在Dreamweaver?4.0里提供了一個(gè)History窗口,可以讓我們輕松地恢復多次操作。在“Windows”菜單里選擇“History”即可開(kāi)啟這個(gè)歷史窗口。在這個(gè)窗口把你每一次的操作都保留下來(lái)了,利用窗口左邊那個(gè)滑動(dòng)指針,就可以不停地恢復,還可以撤銷(xiāo)每一次操作,包括已經(jīng)存盤(pán)的。而且還可以把這個(gè)歷史紀錄保存下來(lái)共享。

  7. 隱藏浮動(dòng)面板

  打開(kāi)Dreamweaver,給人的第一印象是一堆浮動(dòng)面板,往往弄得你眼花繚亂,雖然它可以拖開(kāi),但畢竟占據著(zhù)本來(lái)就很有限的屏幕,若把它關(guān)閉了,等一下用它時(shí)又要去打開(kāi)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。其實(shí)你只要按一下F4鍵,所有浮動(dòng)面板都不見(jiàn),再按F4他們又都重現于屏幕上了。

  8. 快速預覽網(wǎng)頁(yè)

  初學(xué)Dreamweaver,往往找不到預覽菜單,不得不另外啟動(dòng)IE瀏覽器來(lái)預覽網(wǎng)頁(yè)的實(shí)際效果為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。其實(shí)Dreamweaver的預覽菜單放到File菜單下了,要預覽正在編輯的網(wǎng)頁(yè),按F12鍵就可以了,方便得很呢!而且還可設置在不同的瀏覽器中預覽,在File菜單下的Preview in Browser中選擇Edit Browser List就可選擇不同的瀏覽器進(jìn)行預覽。以測試你的網(wǎng)頁(yè)對不同瀏覽器的適應性。

  9. 在HTML檢示窗中顯示行號和自動(dòng)換行

  雖然Dreamweaver的Behaviors是一個(gè)JavaScript小程序的巨集,許多實(shí)現特殊網(wǎng)頁(yè)效果的JavaScript程序都不用動(dòng)手編程,但有時(shí)需要編寫(xiě)一點(diǎn)小程序時(shí),顯示程序行號顯得尤為必要,特別是在程序發(fā)生錯誤時(shí),往往都有是提示在“XX行有錯誤”,若一行一行地去數行號不僅太累而且還容易數錯,在FrontPage中老是為數錯行號而煩惱為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。在Dreamweaver中可方便了,只要在HTML源代碼檢視器窗口中,選中“Line Numbers”(行號)復選框,則會(huì )在源代碼檢視器窗口中對每條HTML語(yǔ)句自動(dòng)顯示行號,一目了然。同樣有時(shí)一行代碼較長(cháng),只要在HTML源代碼檢視器窗口中,選中“Warp”(自動(dòng)換行)復選框,則會(huì )激活窗口的自動(dòng)換行特性,過(guò)長(cháng)的代碼會(huì )自動(dòng)從窗口的邊緣繞回。

  10. 如何獲得顏色的十六進(jìn)制代碼

  在設計網(wǎng)頁(yè)時(shí),有時(shí)要用到16進(jìn)制的顏色代碼,以前經(jīng)常為這事頭痛,在Dreamweaver中只要按屬性面板上“bg”邊上小方框右下角的小三角形,在彈出的顏色板上,鼠標指到哪兒,馬上就能顯示出相應顏色的16進(jìn)制代碼,真方便為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  11. 制作背景音樂(lè )

  在Dreamweaver中插入背景音樂(lè )是非常容易實(shí)現的,這里介紹兩種方法,由大家選擇為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)在頁(yè)面不顯眼的地方插入一空層 ,并在層內放入一個(gè)ActivX對象 ,雙擊該對象,在打開(kāi)的對話(huà)框中選擇一個(gè)MIDI音樂(lè )文件,然后在層對象屬性面板中設定其可視性為“Hidden”,保存變動(dòng)后按F12預覽網(wǎng)頁(yè),聽(tīng)聽(tīng)是否有音樂(lè )聲為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)另一種方法是利用Dreamweaver的“Behaviors”行為編輯器 ,單擊“+”按鈕,選擇其中“Play Sound”選項,在彈出的對話(huà)框中選擇一個(gè)音樂(lè )文件即可為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。自己動(dòng)手試一試吧!

  12. 讓背景圖不滾動(dòng)

  與FrontPage不同,Dreamweaver中插入的背景圖是會(huì )隨文字滾動(dòng)的為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。有的時(shí)候我們需要制作固定的背景圖,怎么辦呢?先定義一張背景圖,按“F10”打開(kāi)HTML源文件,找到定義背景圖片的語(yǔ)句,例如background=″images/background.JPG″,在它的后面空一格加上一句bgproperties=″fixed″。預覽一下,是不是有點(diǎn)小小的成就感。

  13. 定義大小不變的文字

  為什么別人網(wǎng)頁(yè)上的文字那么漂亮,不管你怎么按瀏覽器字體按鈕上的大小,他們的字體尺寸都不會(huì )發(fā)生變化為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。其實(shí)他們使用了網(wǎng)頁(yè)中的“CSS”樣式表技術(shù),在Dreamweaver中要實(shí)現這一功能是非常簡(jiǎn)單的。首先按“F7”或者選擇“窗口”菜單中的“樣式表”選項打開(kāi)樣式表編輯器,在窗口中單擊鼠標右鍵選擇“新建”,在彈出的對話(huà)框中輸入需要定義的樣式表名稱(chēng),按“確定”,然后在列表中選擇第一項“類(lèi)型”,并給具體的文字屬性定義參數(一般來(lái)說(shuō)文字的大小在800×600的屏幕中選擇10.5較為適宜),按“確定”后,定義好的樣式表就出現了。選擇網(wǎng)頁(yè)編輯窗中的文本,單擊新的樣式表名,可以看到選中的文本發(fā)生的變化。預覽一下,試試定義的文本字體尺寸還會(huì )不會(huì )隨瀏覽器的選擇字體大小而改變。

  14. 插入Flash動(dòng)畫(huà)

  Macromedia公司的Flash動(dòng)畫(huà)因其具有交互性、傳送速度快等特點(diǎn),已逐漸成為網(wǎng)頁(yè)制作的一項新武器,如果你的網(wǎng)頁(yè)上能插入一段Flash動(dòng)畫(huà),那么一定會(huì )使你的作品增色不少為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。在Dreamweaver中插入Flash制作的SWF格式動(dòng)畫(huà)十分容易,單擊對象工具欄上的Flash徽標或單擊的“媒體”下的“Flash”,就可以打開(kāi)選擇SWF動(dòng)畫(huà)文件的對話(huà)框了,選好文件后可在其屬性面板中設定播放的參數,即大功告成。

  15. 讓表格給網(wǎng)頁(yè)留白

  在Dreamweaver的新網(wǎng)頁(yè)上輸入文字時(shí),默認格式是頂天立地的,十分不美觀(guān)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。要避免這一缺憾其實(shí)很簡(jiǎn)單,只要大家用好表格工具就行了。具體做法是:在新頁(yè)面上插入一張居中對齊的表格,為了能夠使表格方便控制,最好設定奇數列,并且數值不要太大。這樣在單元格內輸入的文字就被限制在一個(gè)可以隨意調整寬度的區域內,就不愁文字不聽(tīng)使喚了。

  16. 改變狀態(tài)欄提示文字

  一般情況下,當瀏覽器裝入一個(gè)頁(yè)面時(shí),在其狀態(tài)欄上顯示的是該頁(yè)面的地址名稱(chēng),十分呆板為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。你有沒(méi)有想過(guò)給瀏覽器的狀態(tài)欄增加一點(diǎn)個(gè)性呢?如果有的話(huà),那么請按照以下的步驟,定制自己喜歡的文字吧!首先打開(kāi)“Behaviors”行為編輯窗,單擊“+”按鈕,選擇“Set Text Set”下的“Text Of Status Bar”選項,然后在方框中輸入自己的文字,例如“歡迎來(lái)到我的主頁(yè)”等,單擊“確定”即可。

  17. 整合的文本代碼編輯器

  可視化網(wǎng)頁(yè)編輯軟件的最大不便之處就是很難對源代碼進(jìn)行編輯,更別說(shuō)JavaScript了;不過(guò)Dreamweaver?將使你處理代碼變得異常輕松為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。這個(gè)內建的文本代碼編輯器主要的新功能是:自動(dòng)縮排(可以一次選取多行進(jìn)行縮排),?還可以進(jìn)行符號的檢測,如果在編寫(xiě)代碼忘了一個(gè)“”,它將給出提示。在工具表中的下拉菜單會(huì )列出當前網(wǎng)頁(yè)中所有自定義JavaScript函數,可讓你在網(wǎng)頁(yè)原代碼中自由跳轉,“原始碼導航工具”可以讓專(zhuān)業(yè)人士方便地處理JavaScript函數,在文本代碼編輯器中輸入JavaScript代碼,系統將用不同的顏色來(lái)顯示。

  18. 在Dreamweaver中輸入多個(gè)空格

  我們平時(shí)輸入的空格是半角字符,在Dreamweaver中只能輸入一個(gè),要想輸入多個(gè)空格只要輸入全角空格就可以了為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。輸入全角空格的方法是:打開(kāi)中文輸入法,按Shift+Space切換到全角狀態(tài)。這時(shí)你輸入的空格就是全角空格了。

  19. 解決Dreamweaver的BUG之一

  在Dreamweaver 3.0中行為面板(Behavior inspector)中,“Events for”下拉菜單項無(wú)法打開(kāi)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。這樣一來(lái),很多特技效果形同虛設,根本沒(méi)法制作。其實(shí)這應該算Dreamweaver 3.0和中文Windows98不兼容的一個(gè)地方吧,在英文Windows98中就沒(méi)有這個(gè)問(wèn)題。而實(shí)際上這個(gè)菜單還是可以打開(kāi)的,只不過(guò)是不能正確顯示罷了。在選中下拉菜單后,我們可以用上下鍵來(lái)選擇我們想要用的瀏覽器。

  20. 用Dreamweaver 3.0的模版制作網(wǎng)頁(yè)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,設置行為(Behavior)

  在使用模板(Template)做出來(lái)的網(wǎng)頁(yè)中不能新增行為為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。這是因為新增行為需要在HTML文件的Head部分之中插入JavaScript,而使用了Template后,HTML文件的Head部分會(huì )被“封鎖”住。如果要在使用模板生成的網(wǎng)頁(yè)中應用行為,你就需要事先在模板中定義好行為,然后把它定義為模板的可編輯區域。隨后,你就可以在網(wǎng)頁(yè)中更改這個(gè)行為了。但這也只限于更改行為的觸發(fā)事件(events)和動(dòng)作(actions)的具體內容,而不能更改動(dòng)作的類(lèi)型。

  21. 給文字施加行為(Behavior)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,制作動(dòng)態(tài)文字特效

  在Dreamweaver中普通的文字是以字符為單位的,不能作為對象,即一些非常有用的JavaScript事件不能賦予文字為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。因為文字不像圖片和其他控件有具體的“標記”,所以文字與很多特效失之交臂。為了給文字添加特效,只有把文字做成超鏈接來(lái)處理。這樣文字就成為了對象,可以施加行為了。但是這樣又帶來(lái)了一些不需要的超鏈接屬性,比如下劃線(xiàn),以及hover、visited等顏色變化。 要想單純?yōu)槲淖痔砑犹匦В?可以先把所想設置的文字做成超鏈接,然后再在它的上面添加行為,最后我們再把超鏈接轉變?yōu)槠胀ㄎ淖帧?具體的步驟如下:

  選中你想編輯的文字,在鏈接目標框里隨便填入幾個(gè)字符為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。選中這個(gè)鏈接,單擊窗口(Windows)→行為(Behaviors),彈出行為面板。按下“+”添加你想要的行為,如play sound等。打開(kāi)Dreamweaver的超文本編輯器,找到這個(gè)鏈接,把;a;改為;font;,把;/a;改為;/font;。最后把“href=...”刪掉。保存此頁(yè)。按F12預覽一下。效果還不錯吧!

  22. 精確定位網(wǎng)頁(yè)中各個(gè)元素的位置

  精確定位網(wǎng)頁(yè)中各個(gè)元素的位置有兩種方法:使用表格或層為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。使用表格是目前比較通用的做法,具體方法是:先在網(wǎng)頁(yè)中建立一個(gè)表格,注意表格的邊框寬度應為0。然后再把各個(gè)元素按照你的要求放在各個(gè)表格單元之中。仔細調整表格單元的大小以及表格邊框的位置,這時(shí)在表格單元中的元素也會(huì )隨之移動(dòng)位置。這樣你就可以比較精確地定位網(wǎng)頁(yè)中各個(gè)元素的位置了。使用表格的優(yōu)點(diǎn)是通用,幾乎各個(gè)版本的瀏覽器可以致支持表格。它的缺點(diǎn)是使用起來(lái)比較麻煩,需要仔細進(jìn)行調整,而且定位不十分精確。層在網(wǎng)頁(yè)中可以隨意放置,因此我們可以使用層來(lái)進(jìn)行精確定位。使用方法是,在網(wǎng)頁(yè)中插入一個(gè)層,然后把你想要定位的元素放在層里,接著(zhù)我們就可以把層放到所想要任何位置了。此外,你還可以借助標尺和網(wǎng)格進(jìn)行精確的定位。因為層只在最新的瀏覽器中被支持,所以為了兼容舊的瀏覽器,我們可以把層轉變?yōu)楸砀瘛?方法是選擇“修改(Modify)→版面布局模式(Layout Mode) →把層轉化成表格(convert layers to table)”即可。注意這時(shí)的層不能有重疊,我們可以在插入層之前選擇“查看(view) →防止層交錯(prevent layer overlaps)”來(lái)避免層的重疊。一般來(lái)說(shuō)轉換后的頁(yè)面可能會(huì )有一些變化,還需要我們手工進(jìn)行調整。最后有一點(diǎn)要注意,在進(jìn)行表格和層的相互轉換時(shí),最好不要在一個(gè)頁(yè)面中同時(shí)使用層與表格,那樣可能會(huì )把你的頁(yè)面弄得一團糟。

  23. 改變?yōu)g覽者的鼠標形狀

  這是通過(guò)編輯樣式表來(lái)實(shí)現的為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。具體方法是:選擇“文字(text)→定制樣式(CSS Style)→編輯樣式表(Edit Style Sheet)”,彈出編輯樣式表窗口,在其中選擇“新建(new)”。接著(zhù)選擇“建立一個(gè)定制的樣式(Make custom style)”,給這個(gè)樣式表起名,單擊確定。編輯該樣式表,選擇擴展項(extension),在右邊的光標項(Cursor)中選擇要出現的指針效果即可。

  24. 去掉超鏈接文字之下的下劃線(xiàn)

  這一效果是通過(guò)編輯樣式表來(lái)實(shí)現的為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。具體方法是:“點(diǎn)擊文字(text)→定制樣式(CSS Style)→編輯樣式表(Edit Style Sheet)”,出現編輯樣式表窗口,選擇“新建(new)”。接著(zhù)選擇重定義HTML標記(Redefine HTML Tag),并在下面的標記(Tag)選單中選擇a。編輯該樣式表,選擇類(lèi)型(type),在右邊的裝飾(decoration)中選中無(wú)(none )即可。

  25. 制作一個(gè)跟著(zhù)頁(yè)面走的圖像

021yin.com /classroom/chajian/chajian2.zip下載這個(gè)插件。插件的安裝方法:解壓縮后拷貝到Dreamweaver下的文件夾Configuration/Objects內的一個(gè)新建文件夾里面即可。重新啟動(dòng)Dreamweaver之后,我們就可以在對象面板之中找到新安裝的插件了。點(diǎn)擊插件的圖標,在彈出的對話(huà)框中填入圖像的存放地址以及圖像的顯示位置就可以了。

  26. 制作鼠標移上去后有變化的動(dòng)態(tài)菜單

  所謂動(dòng)態(tài)菜單其實(shí)是兩幅圖,一幅是鼠標不放在上面所顯示的,另一副是鼠標移上去所顯示的為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。我們可以利用Dreamweaver提供的行為之中的swap image來(lái)實(shí)現這個(gè)效果。首先插入一副圖片,用鼠標單擊它,在屬性面版的連接欄內輸入要連接的網(wǎng)頁(yè)。然后打開(kāi)行為面板添,點(diǎn)擊“+”號,選擇swap image。接著(zhù)出現一個(gè)窗口,要你選擇鼠標移上去后所顯示的圖片,在此選擇第二副圖片,點(diǎn)擊“確定”。好了,效果完成了,多簡(jiǎn)單。

  27. 用Dreamweaver制作出一個(gè)類(lèi)似于下拉菜單的效果

  制作一個(gè)類(lèi)似于下拉菜單的效果需要用到層的隱藏和顯示特性為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。具體的方法是:在頁(yè)面中插入一個(gè)單行多列的表格,作為你的菜單條。表格的列數由菜單選項的多少決定。插入一個(gè)層,在層中輸入第一個(gè)下拉菜單的內容,并把這個(gè)層移動(dòng)到表格第一列的下面。同理,對其他菜單項也作如上的操作,插入相應的層。把所有層的顯示屬性(vis)改為隱藏(Hidden)。

  選擇表格的第一個(gè)單元,單擊窗口(Windows)→行為(Behaviors),彈出行為面板為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。按下“+”添加行為Show-Hide layers,并將第一個(gè)層(Layer1)屬性改為顯示(Show),其他層的屬性改為隱藏(Hide)。接著(zhù)在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onMouseover。這樣,當鼠標移動(dòng)到第一個(gè)表格單元之上時(shí),第一個(gè)下拉菜單就會(huì )顯示出來(lái)。接著(zhù)再添加一個(gè)行為Show-Hide layers,并將所有層的屬性改為隱藏。接著(zhù)在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onMouseout。這樣當鼠標從第一個(gè)表格單元之上移開(kāi)時(shí),第一個(gè)下拉菜單就會(huì )隱藏起來(lái)。對其他的菜單項重復上述操作。但要注意設置“菜單二”時(shí),第二層顯示,其他層隱藏;設置“菜單三”時(shí),第三層顯示,其他層隱藏;依此類(lèi)推下去。好了,做好了,按F12看看吧。

  28. 輕松制作下載文件

  用Dreamweaver其實(shí)很簡(jiǎn)單,把要讓瀏覽者下載的文件名寫(xiě)上,然后拖動(dòng)鼠標選取這段文字,在文本的屬性面板上“Link”的屬性輸入框中寫(xiě)上文件名就行了為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。注意:若被下載的文件與該網(wǎng)頁(yè)不在同一目錄下,則文件名必須包含相對路徑,否則在下載時(shí)將提示找不到文件。

  29. 利用Dreamweaver的書(shū)簽制作跳轉鏈接

  利用Dreamweaver的書(shū)簽我們可以實(shí)現這個(gè)功能為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。具體方法是:將光標移到你想跳轉到的地方,選擇菜單中的“插入(Insert)→書(shū)簽(Name Anchor)”,輸入書(shū)簽的名稱(chēng)。接下來(lái),在你想調用鏈接的鏈接目標框中填入“#書(shū)簽名稱(chēng)”,這樣一個(gè)頁(yè)面內的跳轉鏈接就做好了。在這里,如果我們在書(shū)簽名稱(chēng)前填入網(wǎng)頁(yè)的名稱(chēng),就會(huì )跳轉到其他頁(yè)面中的書(shū)簽處。 比如說(shuō)我們在Link處填入“index.htm#top”,當瀏覽者點(diǎn)擊這個(gè)鏈接時(shí)就會(huì )跳轉到index頁(yè)面中的top書(shū)簽處。

  30. 去掉圖片和表格接觸地方的空隙

  要使圖片和表格接觸的地方不留空隙,僅在表格屬性面板上把外框線(xiàn)(border)設為0是不行的,還需要在表格的屬性面板上把單元格的兩個(gè)屬性設為0(即cellspacing=“0“和cellpadding=“0“)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  31. 用TracingImage幫助定位網(wǎng)頁(yè)中各元素的位置

  TracingImage是Dreamweaver一個(gè)非常有效的功能,它允許用戶(hù)在網(wǎng)頁(yè)中將原來(lái)的圖案設計作為輔助的背景為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。這么一來(lái),用戶(hù)就可以非常方便地定位文字、圖像、表格、層等網(wǎng)頁(yè)元素在該頁(yè)面中的位置了。TracingImage的具體使用是這樣的:首先使用各種繪圖軟件作出一個(gè)想象中的網(wǎng)頁(yè)排版格局圖,然后將此圖保存為網(wǎng)絡(luò )圖像格式(包括gif、jpg、jpeg和png)。用Dreamweaver打開(kāi)你所編輯的網(wǎng)頁(yè),在頁(yè)面的空白區單擊右鍵,選擇“Page Properties...”,然后在彈出的對話(huà)框中的Tracing Image項中輸入剛才創(chuàng )建的網(wǎng)頁(yè)排版格局圖所在位置。再在Image Transparen中設定TracingImage的透明度,OK。這樣你就可以在當前網(wǎng)頁(yè)中方便地定位各個(gè)網(wǎng)頁(yè)元素的位置了。使用了TracingImage的網(wǎng)頁(yè)在用Dreamweaver編輯時(shí)不會(huì )再顯示背景圖案,但當使用瀏覽器瀏覽時(shí)正好相反,TracingImage不見(jiàn)了,所見(jiàn)的就是經(jīng)過(guò)編輯的網(wǎng)頁(yè)(當然能夠顯示背景圖案)。

  32. 關(guān)于“Convert Table widths to Pixels”和“Convert Table widths to Percent”

  “Convert Table widths to Pixels”和“Convert Table widths to Percent”是Dreamweaver兩個(gè)設置表格寬度的重要功能為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。當你打開(kāi)一個(gè)帶有表格的網(wǎng)頁(yè)時(shí),在狀態(tài)欄中點(diǎn)中〈table〉標簽,在隨后顯示出的表格屬性工具面板中就能看到這兩個(gè)按鈕了。顧名思義“Convert Table widths to Pixels”就是將表格中所有單元的寬度以像素表示,而“Convert Table widths to Percent”是將表格中所有單元的寬度以百分比表示。仔細想想他們的作用,如果將一個(gè)表格的寬度全以像素表示,但瀏覽窗口被放大時(shí),表格就不會(huì )隨之放大單元格的寬度。而使用了“Convert Table widths to Percent”后能夠使你在640×480分辨率下建立的100%寬的表格在更高的分辨率下依舊保持100%的寬度。所以活用這兩個(gè)功能可以使網(wǎng)頁(yè)排版事半功倍。

  33. 調用Style而不致使網(wǎng)頁(yè)原代碼混亂不堪

  調用Style的方法很多,你可以單擊右鍵選擇Custon Style來(lái)調用Style規范,也可以在狀態(tài)欄中的元素列表上單擊右鍵來(lái)調用Style為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。雖然不同的方法達到的效果看似一樣,但實(shí)際上產(chǎn)生的HTML代碼則完全不同。比如用Custon Style來(lái)調用Style規范,在網(wǎng)頁(yè)代碼中就生成一個(gè)〈span〉標簽,這樣標簽一多就會(huì )使文件十分臃腫而且影響瀏覽器的解析速度,所以我建議盡量使用狀態(tài)欄中的元素列表來(lái)調用Style。還有一個(gè)小技巧,如果你要使用一個(gè)Style定義某表格單元中的所有文字,只要在〈td〉標簽中調用Style就行了,而不需要在一個(gè)個(gè)定義〈p〉標簽。注意這個(gè)方法不適用于〈table〉標簽,因為在〈table〉標簽中用Style定義的文字格式會(huì )被Netscape忽略。

  34. 使用定制窗口功能測試網(wǎng)頁(yè)在不同分辨率下的效果

  誰(shuí)都不希望看見(jiàn)自己辛辛苦苦做的網(wǎng)頁(yè)在不同的分辨率下面目全非,所以測試網(wǎng)頁(yè)在不同分辨率下的瀏覽效果是網(wǎng)頁(yè)制作中很重要的一步為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。我們可以在Dreamweaver的操作界面中的狀態(tài)欄中間,選擇需要的分辨率來(lái)調節窗口大小,從而實(shí)現在不同分辨率下測試網(wǎng)頁(yè)效果。

  35. 上傳網(wǎng)站時(shí)無(wú)需使用第三方FTP軟件

  Dreamweaver中融入了FTP功能,而且為網(wǎng)站上傳作了優(yōu)化為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。我們可以做一個(gè)簡(jiǎn)單的比較,當你使用一般的FTP軟件上傳網(wǎng)站時(shí),是不是都按本地機上的網(wǎng)站目錄在服務(wù)器中新建目錄,然后再一個(gè)個(gè)文件上傳。這種做法實(shí)在沒(méi)錯,但由于本地機中的網(wǎng)站目錄中并不是每個(gè)文件都被網(wǎng)頁(yè)調用(比如在建網(wǎng)頁(yè)時(shí)留下的備份文件),所以篩選文件的繁重工作量只有用戶(hù)自己知道。但使用Dreamweaver上傳網(wǎng)頁(yè)就可以方便得多,由于FTP功能在幕后為用戶(hù)進(jìn)行了許多必要的工作,所以用戶(hù)只要將網(wǎng)站地圖內相關(guān)的HTML文件上傳,Dreamweaver就會(huì )自動(dòng)將與此HTML文件相關(guān)的所有其他本地文件一并上傳(如圖像、ZIP文件、FLASH文件甚至是各種REAL文件)。使用Dreamweaver內帶的FTP功能的具體做法是:編輯已經(jīng)定義過(guò)的SITE,在“Site Definition for...”面板中選擇“Web Server Info”。如果網(wǎng)頁(yè)是通過(guò)FTP方式上傳的話(huà),將“Server Access”設為FTP,在FTP Host中添入FTP服務(wù)器的地址,在Host Directory中添入遠程登入目錄,在Login中添入用戶(hù)名,再填好Password。經(jīng)過(guò)了以上的設定,就可以在Site面板中按Connect按鈕,當Dreamweaver成功連入服務(wù)器后,Connect按鈕會(huì )自動(dòng)變?yōu)镈isconnect,并且在一旁亮起一個(gè)小綠燈。接著(zhù)要做的事就是在要上傳的HTML文件上單擊右鍵,選擇“Put”即可。當此HTML文件上傳成功后,狀態(tài)條中將顯示Put Depanding File,說(shuō)明Dreamweaver正在上傳這個(gè)HTML文件所調用的其他本地文件。不僅如此,Dreamweaver還可以直接下載服務(wù)器上的文件進(jìn)行修改,方法么,只要使試試Put旁的Get按鈕就明白了。

  36. 實(shí)現用鼠標指向鏈接時(shí)出現下劃線(xiàn)的效果

  有些網(wǎng)頁(yè)的鏈接,原先沒(méi)有下劃線(xiàn),你把鼠標指向鏈接處,才會(huì )出現下劃線(xiàn),鼠標移掉下劃線(xiàn)就又沒(méi)有了為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。這種效果其實(shí)可以用層疊樣式表(CSS)來(lái)實(shí)現,在Dreamweaver中編輯層疊樣式表不用編寫(xiě)代碼,具體操作方法如下:

 ?。?)在快速啟動(dòng)欄中點(diǎn)擊層疊樣式表按鈕(就是把鼠標放上去顯示“show css styles”的那個(gè)按鈕)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,在彈出的CSS Styles面板上雙擊(none);

 ?。?)此時(shí)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,可看到彈出的Edit Style Sheet 面板,在該面板上按New按鈕;

 ?。?)再在彈出的New Style 面板上點(diǎn)取Redefine HTML Tag(重新定義HTML標記)再在Tag中選擇“a”(超級鏈接標記)標記后按OK按鈕;(4)這時(shí)可看到彈出的Style dehinition for a 的對話(huà)框,在此對話(huà)框中可以設置超級鏈接的許多屬性,你可以按你的意愿設置,但我們這里主要是要去掉那討厭的下劃線(xiàn),所以我們在decoration 屬性中選擇“none”,這樣就把下劃線(xiàn)去掉了;然后我們再選擇顏色為:#339966為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。按OK按鈕返回到Edit Style Sheet 面板;

 ?。?)在Edit Style Sheet 面板上再按New按鈕;

 ?。?)在彈出的New Style 面板上點(diǎn)取Use CSS Selector 為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,再在該面板上的selector選擇框中選擇“a:hover”(定義當鼠標在超級鏈接上時(shí)鏈接的屬性),按OK按鈕;

 ?。?)在彈出的Style dehinition for a:hover 的對話(huà)框中,我們在decoration 屬性中選擇“underline”,這樣就把下劃線(xiàn)又加上了;然后我們再選擇顏色為:#FF3300為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。按OK按鈕返回到Edit Style Sheet 面板;

 ?。?)在Edit Style Sheet 面板上再按Don按鈕為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,至此所有設置結束,你在Dreamweaver的源代碼檢視窗中將看到在;head;與;/head;之間如下所示的代碼:

  ;style type=“text/css“;

  a { color: #339966; text-decoration: none}

  a:hover { color: #FF3300; text-decoration: underline}

  ;/style;   

  37. 實(shí)現定義的超級鏈接文字顏色

  文字超級鏈接的顏色(包括未被訪(fǎng)問(wèn)的鏈接顏色、鼠標的鏈接上的顏色、已被訪(fǎng)問(wèn)過(guò)的鏈接顏色等等)可以用層疊樣式表(CSS)定義,下面就介紹如何能隨心所欲地設置文字鏈接的顏色為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)超級鏈接的默認顏色是:未被訪(fǎng)問(wèn)的超級鏈接是藍色、被訪(fǎng)問(wèn)過(guò)的超級鏈接是紫色;

 ?。?)要想使CSS定義的顏色起作用為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,在超級鏈接的文本的顏色屬性中什么都不要填;

 ?。?)若你已定義了文本的顏色為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,發(fā)現CSS中定義的超級鏈接顏色不起作用,你可以取消文本的顏色定義,或取消超級鏈接再重新定義一次,CSS定義的顏色就起作用了;

 ?。?)超級鏈接上各種狀態(tài)下文本顏色的關(guān)系:一旦定義了被訪(fǎng)問(wèn)過(guò)的鏈接的顏色(A: visited),則當鏈接被訪(fǎng)問(wèn)過(guò)后,該鏈接的顏色不再改變,即定義鼠標在超級鏈接上的顏色(a: hover)將不起作用了為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。若不定義被訪(fǎng)問(wèn)過(guò)的鏈接的顏色(A: visited),則當鼠標在超級鏈接上顯示a: hover 中定義的顏色,當鼠標移開(kāi)時(shí)顯示a 中定義的顏色。

  從上述可以看出,文本鏈接的顏色實(shí)際上只能在兩種顏色之間變換,并沒(méi)有像有些文章中講的那樣可以在多種顏色之間變換,但由于用那兩種顏色可以任意,所以應該講顏色的選擇范圍還是比較大的為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  38.在Dreamweaver中把圖形放在最中間

  點(diǎn)擊選取圖形,在圖形的屬性面板的右上角Align(對齊屬性)邊上有個(gè)下拉框,在下拉框中選取,則文字在圖片四周繞排為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。若是單獨圖片在中間,則在圖像面板上點(diǎn)取居中屬性即可。

  39.如何使用Behaviors 功能為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,而又不鏈接到任何地方去

  選取要作為超級鏈接的元素(一幅圖片或一段文字),在屬性面板上的地址欄(Link)中不填寫(xiě)任何鏈接地址,只加上一個(gè)“#”號,(引號不包括在內)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。這樣即可以使用Behaviors 功能,而又不鏈接到任何地方去了。

  40.實(shí)現在一張(較大)圖片上做出幾個(gè)不同的鏈接

  在Dreamweaver中,這就是使用所謂的設置“圖像熱區域”為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。先選中圖像,然后在圖像屬性面板上有一個(gè)“Map”工具欄,在其下方有三個(gè)淡藍色的工具圖標,即“矩形”、“圓形”或“多邊形”,你可以根據需要選取一個(gè)(用鼠標點(diǎn)一下就行),再把鼠標移圖像上,按下鼠標左鍵,拖動(dòng)鼠標就畫(huà)出了一塊淡藍色的區域(不用擔心這塊淡藍色區域會(huì )破壞你的圖像,在瀏覽器中是不顯示的),這時(shí)你在屬性面板上把需鏈接的網(wǎng)頁(yè)地址添上就行了。你需要幾個(gè)鏈接就畫(huà)幾塊區域,隨你的便。

  41. 制作目錄樹(shù)

  在總目錄的前方有一個(gè)“+“,一按這個(gè)“+“,即可顯示其下子目錄,“+“即變成“-“,一按“-“,即可隱藏其下子目錄,就像在資源管理器中一樣,這需要做二個(gè)頁(yè)面,一個(gè)頁(yè)面寫(xiě)上總目錄,一個(gè)頁(yè)面寫(xiě)上子目錄為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。把總目錄的頁(yè)面上的“+”號設置成超級鏈接,在“Link”欄中添上子目錄頁(yè)面的地址。把子目錄的頁(yè)面上的“-”號設置成超級鏈接,在“Link”欄中添上總目錄頁(yè)面的地址。具體效果可看一看Dreamweaver的幫助文檔,在這幫助文檔里也是按一下總目錄,彈出子目錄,按下子目錄上的總目錄則返回到總目錄,只是沒(méi)用“+”、“-”表示而已。你再看一下該文檔的源代碼就一目了然了。

  42. 在Dreamweaver中輕松設置行間距

  用層疊樣式表(CSS)來(lái)實(shí)現為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,在Dreamweaver中編輯層疊樣式表不用編寫(xiě)代碼,具體操作方法如下:

 ?。?)在快速啟動(dòng)欄中點(diǎn)擊層疊樣式表按鈕(就是把鼠標放上去顯示“show css styles”的那個(gè)按鈕)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,在彈出的CSS Styles面板上雙擊(none);

 ?。?)此時(shí)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,可看到彈出的Edit Style Sheet 面板,在該面板上按New按鈕;

 ?。?)再在彈出的New Style 面板上點(diǎn)取Redefine HTML Tag(重新定義HTML標記)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,再在Tag中選擇“body”標記后按OK按鈕;

 ?。?)這時(shí)可看到彈出的Style dehinition for body 的對話(huà)框為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,在此對話(huà)框中可以設置“body”標記的許多屬性,你可以按你的意愿設置,但我們這里主要是要設置行距,所以我們在line屬性輸入框中填上行距的像素點(diǎn)數,現在流行的九號字,行距一般用12,按OK按鈕返回到Edit Style Sheet 面板,此時(shí)已把“body”的行距設置好了;

 ?。?)由于“body”中定義的行距對表格不起作用為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,所以我們再在Edit Style Sheet 面板上再按New按鈕;

 ?。?)再在彈出的New Style 面板上點(diǎn)取Redefine HTML Tag(重新定義HTML標記)再在Tag中選擇“td”標記后按OK按鈕;

 ?。?)在彈出的Style dehinition for td 的對話(huà)框中設置td的行距為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,按OK按鈕返回到Edit Style Sheet 面板;

 ?。?)在Edit Style Sheet 面板上再按Don按鈕為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,至此所有設置結束,你在Dreamweaver的源代碼檢視窗中將看到在與之間如下所示的代碼:;style type=“text/css“;

  body { line-height: 12pt; font-size: 9pt}

  td { font-size: 9pt; line-height: 12pt}

  ;/style;

  有了這段代碼,你在該網(wǎng)頁(yè)上的所有文本的行距都確定好了,若不滿(mǎn)意,可修改設置為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  43. 如何設計能使瀏覽者在瀏覽時(shí)對網(wǎng)頁(yè)字體大小的設置不起作用

  用CSS層疊樣式表對字體進(jìn)行強制性控制(像素)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  44. 實(shí)現網(wǎng)頁(yè)每過(guò)五分鐘刷新一次的效果

  在Dreamweaver的功能面板上選擇“head”功能組面板,在這面板上點(diǎn)擊“Refresh”功能圖標,在彈出的“Insert refresh”對話(huà)框中,在“Delay”中輸入要刷新的間隔時(shí)間,以秒計,例:隔五分鐘刷新一次,則輸入300即可為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。再在該對話(huà)框上選擇“Refresh This Document”(刷新當前窗口),按OK,大功告成。當你再次瀏覽該網(wǎng)頁(yè)時(shí),它將自動(dòng)地隔五分鐘刷新一次。

  45. 解決用IE預覽正常的鏈接網(wǎng)頁(yè)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,上傳到網(wǎng)站卻看不見(jiàn)的現象

  把網(wǎng)頁(yè)的所有文件名統一成小寫(xiě)(或大寫(xiě)),再上傳就行了為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。因為很多服務(wù)器使用的是UNIX操作系統,它對大小寫(xiě)是很敏感的,也就是說(shuō)大寫(xiě)的文件名和小寫(xiě)文件名它認為是兩個(gè)文件,你在上傳時(shí)必須注意大小寫(xiě)。另外要注意:超級鏈接要使用相對路徑,不要用絕對路徑,也不要用中文文件名。

  46. 制作新開(kāi)一個(gè)窗口打開(kāi)網(wǎng)頁(yè)的超級鏈接(即原來(lái)的網(wǎng)頁(yè)不被覆蓋)

  在Dreamweaver中,在該鏈接的屬性面板上把“target(目標)”設置為“_blank”即可為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  47. 隱藏不必要的標簽

  當用戶(hù)在網(wǎng)頁(yè)中插入了不可見(jiàn)的元素時(shí),Dreamweaver會(huì )自動(dòng)在頁(yè)面上添加一個(gè)與之相應的元素標簽,以便于用戶(hù)選擇不可見(jiàn)元素為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。但這并不全是件好事,比如你在一個(gè)有很多層的頁(yè)面中的第一行便插入一個(gè)表格,就會(huì )發(fā)現由于首行排列了太多的層元素標簽而使得表格自動(dòng)退到了頁(yè)面的第二行,雖然在瀏覽時(shí)并不影響效果,但這確確實(shí)實(shí)會(huì )阻礙你的工作。所以當你覺(jué)得某個(gè)元素標簽礙手礙腳時(shí),就索性將之屏蔽掉。方法是按Ctrl+U打開(kāi)Preferences面板,在Category中選中Invisibel Elements,在面板的右邊將會(huì )出現所有的元素標簽。只要將你討厭的元素標簽前的勾去掉,以后它就保證不會(huì )再出現了。

  48. 解決表格緊貼左上方的問(wèn)題

  對這個(gè)問(wèn)題有幾種解決方法為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)按下Ctrl+J,彈出Page Properties,將Left、 Top、 Margin Width、 Margin Height 全部設為0為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)把下面一段代碼加到你的;body;中:topmargin=“0“ leftmargin=“0“ ,這個(gè)方法只適用于IE為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)加入下面代碼:;body topmargin=“0“ leftmargin=“0“ marginheight=“0“ marginwidth=“0“ ;為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,這個(gè)方法適用于Netscape

  49. 在Dreamweaver中將圖設為透明alpha設置

  ;html;

  ;head;

  ;title;css;/title;

  ;meta “;

  ;style type=text/css;

  .pic{filter:alpha(opacity=50)}

  ;/style;

  ;/head;

  ;body bgcolor=“#FFFF00“ text=“#000000“;

  ;img original=“0008.jpg“ width=“303“ height=“385“ class=“pic“;

  ;/body;

  ;/html;

  50. 設置表格虛線(xiàn)

 ?。?)作一個(gè)1X2的圖,半黑半白,再利用表格做成線(xiàn)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)在css里面設:在css面板里新建一個(gè)style,選擇“redefine HTML Tag”,再在下拉菜單里選“table”,在接下來(lái)的面板里,category里選擇border為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。在border里,將top、left、right、bottom都設成1像素,顏色設成你將來(lái)想要的邊框的顏色。到style下拉菜單里選擇dashed就可以了,只是所有的表格都會(huì )用虛線(xiàn)做邊框了。

 ?。?)如果你只想讓某一個(gè)表格邊框是虛線(xiàn)的話(huà)就在html里設為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。在表格的html里加上這個(gè):

  style=“BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED“為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。顏色是十六位代碼,你可以自己設。方法2、3只能在IE瀏覽器里用,到了Netscape里一點(diǎn)用處都沒(méi)有,除非你用做好的底圖填充。

  51. 在Dreamweaver中使插入的FLASH透明

  選中插入的swf文件為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,打開(kāi)原代碼窗口,在;/object;前輸入;param name=“wmode“;

  52. Dreamweaver4中設置表格亮邊框和暗邊框

  做一個(gè)像素寬度有顏色的表格線(xiàn)

 ?。?)將表格邊框 border設置為0,Cell space設置為0,Cell padding設置為0為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

 ?。?)打開(kāi)樣式面板新建一個(gè)樣式為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。選擇Border設置邊框屬性 。

 ?。?)選中整張表格應用這個(gè)樣式即可為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  53. 隱藏表格的分隔線(xiàn)

  ;table border rules=cols cellspacing=0 align=left; 可以隱藏橫向的分隔線(xiàn)

  ;table border rules=rows cellspacing=0 align=right;可以隱藏縱向的分隔線(xiàn)

  ;table border rules=none cellspacing=0 align=center;可以隱藏橫向和縱向的分隔線(xiàn)

  54. 如何選取被遮蓋或隱藏的層

  當層被重疊使用時(shí),大層會(huì )把小層遮蓋??;當選擇了層的隱藏屬性,該層就看不見(jiàn)了為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。當你想對這些層操作時(shí),怎么辦?按F11鍵顯示層面板,所有層號均在上面,要哪層選擇哪層就行了。

  55. 在層(或表格中)上編輯文本時(shí)自動(dòng)換行

  層在用Dreamweaver設計網(wǎng)頁(yè)時(shí)被大量采用,但當你在層上輸入大段文字時(shí)發(fā)現不會(huì )自動(dòng)換行,無(wú)論你怎樣設置層的寬度均無(wú)濟于事,當然你可以用按“SHIFT+ENTER”來(lái)?yè)Q行為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。但是這樣當你調整層的寬度時(shí)又不得不一個(gè)一個(gè)地去刪除它,再又在另一位置加上它,其實(shí)有三種方法可以解決這個(gè)問(wèn)題:

 ?。?)在層疊式樣表*.CSS中“DIV”的式樣定義中加上字體的定義;

 ?。?)在網(wǎng)頁(yè)源代碼的層定義中加上字體的定義;

 ?。?)選取該段文字,在文字的屬性面板上定義字體為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  上述三種方法任選一種都行,但以第一種較好,因為只要改動(dòng)一次,此后只要是調用該層疊式樣表的網(wǎng)頁(yè)中的所有層都有能自動(dòng)換行了,豈不是一勞永逸為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。表格同樣存在上述問(wèn)題,解決方法相同,只是在層疊式樣表中在“TD”的式樣定義中加上字體的定義。

  56. 在Dreamweaver中輸入上下標

  如果只是要上下標的話(huà),可以用;SUB;;/SUB;和;SUP;;/SUP;為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。 手工加進(jìn)去就可以了。

  57. 去掉鏈接的下劃線(xiàn)

  將以下代碼加入;head; ;/head;之間

  ;style type=“text/css“;

  a:link{text-decoration:none}

  a:hover{text-decoration:none}

  a:visited{text-decoration:none}

  ;/style;

  58. 關(guān)于Dreamweaver中加入空格的問(wèn)題

 ?。?)可以用中文的全角狀態(tài)下按空格鍵為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,強烈推薦

 ?。?)插入一個(gè)透明的圖

 ?。?)用pre標簽里寫(xiě)你的內容

 ?。?)object 里的invisiables 里的none-breaking space 點(diǎn)一下

 ?。?)instert 菜單下的 none-breaking space

 ?。?)CTRL+SHIFT+空格鍵加入

 ?。?)CTRL+T 去掉尖括號為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,鍵入 ;nbsp;

  59. 制做收藏夾里的ICON

  在HEAD里加入

  ;link rel=“shortcut icon“ href=“你圖標“; 圖標名為favicon.ico

  60. 解決Dreamweaver表格里的背景不能預覽問(wèn)題

  這要看背景圖是設在;tr;里還是設在;td;里,設在;td;里時(shí)背景圖就可以顯示了為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  61. 在Dreamweaver中準確地定位層

  就目前來(lái)說(shuō),還沒(méi)有好的方法實(shí)現非常精確地定位,使得層在編輯中和瀏覽中的位置不變,即便是使用“標尺”和“網(wǎng)格”輔助定位,仍然會(huì )有差別,而且在IE和NC中顯示的層的位置會(huì )有偏差,大約偏差3個(gè)像素為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。最好的方法(也是最無(wú)奈的方法)是對照瀏覽器的顯示來(lái)調整層的位置。

  62. 設置網(wǎng)頁(yè)定時(shí)關(guān)閉

  在源代碼中的;BODY;后面加入如下代碼:

  ; script LANGUAGE=“JavaScript“; ;!--

  setTimeout(’window.close();’, 60000);

  -→ ; /script;

  在代碼中的60000表示1分鐘,它是以毫秒為單位的為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

  63. 設置timeline中的layer走曲線(xiàn)

  要使得timeline中的layer走曲線(xiàn)為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的,你得先讓他走出直線(xiàn)來(lái),然后在最后一幀和第一幀中間的任何一幀上點(diǎn)右鍵,可以看到右鍵菜單中有個(gè)“增加關(guān)鍵幀(add keyframe)”,點(diǎn)一下,然后把你的層移動(dòng)到你需要的位置,Dreamweaver會(huì )自動(dòng)生成曲線(xiàn)!

  64. 使字體適應不同的分辨率

  我們在制作網(wǎng)頁(yè)的時(shí)候,經(jīng)常有這種體會(huì ),?那就是制作好的網(wǎng)頁(yè)在本地計算機上瀏覽時(shí)很正常,但在另外一臺計算機?上瀏覽時(shí)發(fā)現原本漂亮的網(wǎng)頁(yè)變得歪歪扭扭了,這是為什么呢?原來(lái)各個(gè)?計算機的分辨率要使你的主頁(yè)在不同的分辨率下都能正常顯示,在?Dreamweaver中得到了較好的解決為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。在文檔窗口的右下角,Dreamweaver?顯示當前文檔被設計成的分辨率大小。單擊那個(gè)數字,在彈出式菜單中可以為當前的頁(yè)面指定顯示分辨率,通過(guò)修改可以使你的主頁(yè)更具靈活性。?使不同分辨率的顯示器都能較好地顯示。

  65. 善用拖放技術(shù)

  我們在使用Dreamweaver編輯網(wǎng)頁(yè)的時(shí)候,經(jīng)常需要插入一些圖像什么的,假設要插入的圖像很多,按照常規方法來(lái)操作就顯得非常麻煩為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。我們可以利用拖放技巧來(lái)很好地解決這個(gè)問(wèn)題。首先我們把?Dreamweaver的操作窗口變成活動(dòng)窗口,以騰出空間來(lái)顯示Explorer窗口,?找到要插入的圖像文件后,把它們一一用鼠標拖動(dòng)到網(wǎng)頁(yè)的適當部位,Dreamweaver將自動(dòng)把這些圖像的鏈接添加到文件的HTML代碼中,當然這里要求被拖動(dòng)的圖像文件必須是gif、jpg等網(wǎng)頁(yè)圖像格式的文件。對于已經(jīng)在網(wǎng)頁(yè)中的圖像也是一樣,直接拖過(guò)來(lái)就可以了。但如果被拖動(dòng)的圖像上有超級鏈接,就不可以再使用拖動(dòng)技術(shù)了,因為那時(shí)拖過(guò)來(lái)的僅僅是超級鏈接地址。

  66. 善于為對象取名

  我們在用Dreamweaver來(lái)制作非常復雜的效果時(shí),?有可能需要經(jīng)常重復地使用某一個(gè)或者多個(gè)對象,例如我們經(jīng)常需要定位某個(gè)特定的表格、圖像等,如果我們沒(méi)有給某一個(gè)網(wǎng)頁(yè)中的多個(gè)對象取名的話(huà),那么在重復應用這些對象的時(shí)候,可能很麻煩或者容易出錯為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。為了能夠方便調用這些對象,我們應該在每創(chuàng )建一個(gè)新的對象時(shí),都記得給它取一個(gè)有代表性而且比較容易記憶的名稱(chēng)。在給這些對象命名時(shí),我們可以通過(guò)對象的“屬性”面板來(lái)操作就行了。

  67. 多用快捷鍵來(lái)提高效率

  為了提高操作的效率,我們可以在Dreamweaver?中使用快捷鍵,例如使用Ctrl-B或Ctrl-I來(lái)為文字應用黑體或斜體格式,?也可以使用以下一些鍵盤(pán)快捷鍵來(lái)為選中的文本應用HTML格式:Ctrl-0——無(wú)?格式;Ctrl-T——段落;Ctrl-1——標題1;Ctrl-2——標題2;Ctrl-3——標題3;Ctrl-4——標題4,以此類(lèi)推為什么AI導出圖片會(huì )多出了線(xiàn)條,源文件是沒(méi)有的。

0
0
收藏0
回帖

DreamWeaver超級技巧(轉載) 期待您的回復!

取消
載入表情清單……
載入顏色清單……
插入網(wǎng)絡(luò )圖片

取消確定

圖片上傳中
編輯器信息
提示信息