第一篇：Dreamweaver網(wǎng)頁操作命令集合
Dreamweaver網(wǎng)頁操作命令集合Dreamweaver操作小結(jié)站點和網(wǎng)頁
1、站點的導(dǎo)入方法
方法一：用“站點 / 管理站點 / 導(dǎo)入”命令導(dǎo)入站點的ste文件
方法二：用“站點 / 新建站點 / 高級” 打開相應(yīng)站點文件夾
2、網(wǎng)頁更名的方法：右擊網(wǎng)頁文件名。選擇“編輯/重命名”命令（注意：先更名后打開）
3、設(shè)置網(wǎng)頁標(biāo)題：打開網(wǎng)頁后，在標(biāo)題欄輸入網(wǎng)頁標(biāo)題
4、網(wǎng)頁背景顏色、文字顏色、背景圖片和鏈接顏色：
“修改 / 頁面屬性 / 外觀”和 “修改 / 頁面屬性 / 鏈接”
5、網(wǎng)頁背景圖片固定的方法：
在標(biāo)簽欄中單擊“
”標(biāo)簽，在標(biāo)簽面板屬性的“未分類”中設(shè)置 bgproperties屬性為 fixed6、網(wǎng)頁背景音樂：插入/標(biāo)簽/ 標(biāo)記語言標(biāo)簽/ HTML標(biāo)簽/頁元素/ bgsound7、插入圖片：插入/圖像8、建立Flash按鈕：插入/媒體/Flash按鈕
9、建立Flash文本：插入/媒體/Flash文本
10插入WMV視頻：插入/媒體/插件
11插入水平線及設(shè)置水平線屬性： 插入/HTML/水平線
12、設(shè)置鼠標(biāo)經(jīng)過時的圖像效果：插入/圖像對象/鼠標(biāo)經(jīng)過圖像
13、插入Flash動畫：插入/媒體/Flash14、設(shè)置動畫背景透明的方法
? 單擊 Flash屬性面板上的“參數(shù)”按鈕，出現(xiàn)“參數(shù)”對話框，添加參數(shù)：wmode、相應(yīng)的值設(shè)置為：transparent14、插入字幕
（1）插入 / 標(biāo)簽 / 標(biāo)記語言標(biāo)簽 /HTML標(biāo)簽/頁元素/marquee，單擊插入按鈕后關(guān)閉，在代碼窗口
（2）返回設(shè)計視圖，選中字幕文字，在屬性面板設(shè)置字體和顏色
（3）在標(biāo)簽欄中單擊“< marquee >”標(biāo)簽，在標(biāo)簽屬性面板中設(shè)置方向(direction)、背景顏色(bgcolor)表現(xiàn)方式(behavior)延時（scrolldelay）
15、圖片作為字幕的方法：見課堂講解實例
16、動畫作為字幕的方法：見課堂講解實例
17、設(shè)置逐張播放圖像：
（1）插入/媒體/Applet”，選中XXXXXX.class（具體根據(jù)考試指定的文件）
（2）選中插入的Applet元素，在“屬性”面板設(shè)置寬度和高度
（3）單擊“屬性”面板“參數(shù)”按鈕，在對話框中添加image1、image2。。若干參數(shù)，值分別為相應(yīng)的圖片文件名。
Dreamweaver操作小結(jié)建立各種超級鏈接
18、在文字或圖像對象上建立超級鏈接
（1）選中文字或圖像；（2）在屬性面板的鏈接欄內(nèi)選擇（或輸入）相應(yīng)的網(wǎng)頁或URL地址 ? 注意：如果是Email鏈接，則需在Email地址前面加上 Mailto:
19、建立圖像的熱點鏈接
（1）選中圖像，選擇屬性面板中相應(yīng)的熱點工具
（2）在圖像中拖曳鼠標(biāo)產(chǎn)生熱點區(qū)域
（3）在熱點屬性面板的“鏈接”欄內(nèi)選擇（輸入）相應(yīng)網(wǎng)頁或URL地址
19、設(shè)置錨點鏈接
（1）先建立錨點 插入/命名錨記，保存網(wǎng)頁，然后建立鏈接，注意“#”符號
在建立各種鏈接時注意鏈接目標(biāo)(_Blank)及建立空鏈接的方法（#）
Dreamweaver操作小結(jié)有關(guān)表格的操作
20、插入表格以及表格的邊框線、寬高、間距等屬性
（1）插入/表格；（2）設(shè)置行列數(shù)，設(shè)置寬度（注意有像素和百分比兩種單位），設(shè)置邊框粗細(xì)和間距大小
21、選中表格、選中行，選中列，選中單元格的方法，先把光標(biāo)放在表格中相應(yīng)位置
（1）在標(biāo)簽欄中單擊“
| ”，選中當(dāng)前單元格 22、插入表格的行、列的方法： （1）插入/表格對象/在上面插入行（2）插入/表格對象/在下面插入行 （3）插入/表格對象/在左面插入列（4）插入/表格對象/在右面插入列 23、表格單元格的合并和拆分：（1）合并：修改/表格/合并單元格 2）拆分：修改/表格/拆分單元格 24、表格的背景圖片；（1）選中表格；（2）在表格屬性欄中選擇指定圖片 Dreamweaver操作小結(jié)插入表單對象 25、插入表單對象 ? 插入/表單/文本域（注意類別：密碼） ? 插入/表單/單選按鈕 ? 插入/表單/列表/菜單 ? 插入/表單/復(fù)選框 ? 插入/表單/文本區(qū)域 26、表單文本區(qū)域的背景顏色設(shè)置 （1）選中文本區(qū)域，打開“CSS樣式”面板，單擊“新建CSS規(guī)則”按鈕，選擇“標(biāo)簽” （2）選中“textarea”標(biāo)簽 （3）“定義在”選擇“僅對該文檔” （4）在“textarea的CSS規(guī)則定義”對話框“背景”分類中設(shè)置“背景顏色”為指定顏色。 27、表單對象的屬性設(shè)置 ? 選中表單對象,即可在屬性面板中進行參數(shù)設(shè)置,注意相關(guān)的單選按鈕必須同名 Dreamweaver操作小結(jié)框架網(wǎng)頁 27、建立框架結(jié)構(gòu)的網(wǎng)頁（框架集） （1）選擇“文件/新建/常規(guī)/框架集”，在“框架集”列表中選擇指定類型，單擊 “創(chuàng)建”按鈕。 （2）選擇“文件/框架集另存為”命令，按要求輸入網(wǎng)頁文件名 （3）選擇“窗口/框架”命令，打開框架面板 （4）按要求設(shè)置各框高度、寬度及是否顯示邊框 28、建立框架內(nèi)各部分網(wǎng)頁（框架）的兩種情況： ? 新建網(wǎng)頁：將光標(biāo)放在框架的相應(yīng)區(qū)域內(nèi)，“文件/保存框架”命令，按要求保存，然后再對該網(wǎng)頁進行編輯 ? 設(shè)置初始網(wǎng)頁：在框架面板中選定相應(yīng)區(qū)域，在屬性面板中的“源”欄中選擇相應(yīng)的網(wǎng)頁。 29、建立嵌入式框架 （1）插入/標(biāo)簽/HTML標(biāo)簽/iFrame （2）在標(biāo)簽編輯器中設(shè)置“源”為指定網(wǎng)頁 （3）名稱欄內(nèi)輸入：相應(yīng)名稱（例如yh），設(shè)置寬度和高度 （4）設(shè)置某對象超級鏈接到指定網(wǎng)頁，目標(biāo)為相應(yīng)名稱（例如yh） Dreamweaver操作小結(jié)層的操作 30、插入層 方法1：使用菜單“插入/布局對象/層” 方法2：使用“布局”工具欄“繪制層”按鈕 31、設(shè)置層屬性：單擊層邊框，在層屬性面板中設(shè)置層編號，左、上、寬、高參數(shù) 32、設(shè)置層的顯示/隱藏以及層位置 方法1：通過層屬性設(shè)置可見性和z軸數(shù)值 方法2：用“窗口/層”命令打開層面板，設(shè)置可見性和z軸數(shù)值 注意：z軸數(shù)字小的層在下面。 Dreamweaver操作小結(jié)(十)行為 33、行為： （1）選中相應(yīng)元素（文本或所在單元格，若是整頁，則單擊body）（非常重要）。 （2）在行為面板中單擊“+”按鈕，在出現(xiàn)的下拉菜單中選擇相應(yīng)的行為，如打開瀏覽器窗口、隱藏-顯示層、彈出式菜單（注意）、彈出信息等。 （3）按要求選擇行為，如“要顯示的URL”、“顯示”、“隱藏”等 （4）在“行為”面板中單擊“onFocus”的下拉列表，選擇相應(yīng)的鼠標(biāo)動作，如onClick、OnMouseOver、OnMouseOut等。 （5）注意一個對象要添加多個行為時一定要選中該對象或該對象所在單元格。 34、庫的應(yīng)用（１） 方法1 ：（將網(wǎng)頁中現(xiàn)有的元素放到庫項目中）： （11）打開含有相應(yīng)內(nèi)容的網(wǎng)頁 （12）選擇“窗口/資源”命令，打開“資源”面板，單擊“庫”按鈕打開庫類別。 （13）選中網(wǎng)頁中相應(yīng)內(nèi)容，單擊“庫”類別底部的“新建庫項目”按鈕，如果出現(xiàn)警告提示框，單擊“確定”按鈕即可。 （14）在“名稱”列表中輸入相應(yīng)的庫名，按回車鍵。 （15）打開其他要應(yīng)用庫的網(wǎng)頁，將庫項目從“資源”面板直接拖曳到該網(wǎng)頁相應(yīng)位置。 （16）保存網(wǎng)頁。 方法2：（新建一個庫項目） （1）選擇“窗口/資源”命令，打開“資源”面板，單擊“庫”按鈕打開庫類別。 （2）單擊“庫”類別底部的“新建庫項目”按鈕，如果出現(xiàn)警告提示框，單擊“確定”按鈕即可 （3）在“名稱”列表中輸入相應(yīng)的庫名，按回車鍵。 （4）單擊“庫”類別底部的“編輯”按鈕,進入庫編輯狀態(tài) （5）編輯相應(yīng)的內(nèi)容后選擇“文件/保存文件”,關(guān)閉lbi文件 （6）打開其他要應(yīng)用庫的網(wǎng)頁，將庫項目從“資源”面板直接拖曳到該網(wǎng)頁相應(yīng)位置。 （7）保存網(wǎng)頁。 Dreamweaver操作小結(jié)模板的運用 35、建立模板 （1）打開要作為模板的網(wǎng)頁 （2）選擇“文件/另存為模板”命令，輸入相應(yīng)模板文件名 36、編輯模板 （1）把插入點放在模板的相應(yīng)位置，選擇“插入/模板對象/可編輯區(qū)域”命令，添加可編輯區(qū)域。 （2）選擇“文件/保存”命令保存模板文件 36、應(yīng)用模板 （1）選擇“新建文件”命令，建立一個新網(wǎng)頁，改名后打開該網(wǎng)頁 （2）選擇“修改/模板/套用模板到頁”命令，在 “選擇模板”對話框中選擇指定的模板文件，單擊“選定”按鈕。 （3）在“不一致的區(qū)域名稱”對話框中選中Document body （4）在“將內(nèi)容移到新區(qū)域”欄中選擇設(shè)定的區(qū)域EditRegion。 （5）將插入點放在EditRegion區(qū)域，按要求編輯 （6）保存網(wǎng)頁。 37、插入Java代碼 （1）雙擊打開指定的代碼文本文件，全選并復(fù)制,關(guān)閉文本文件 （2）打開代碼窗口,將其貼在 之后(注意不能貼錯)38、插入特殊字符：插入/HTML/特殊字符 Dreamweaver操作小結(jié)導(dǎo)航條 38、插入導(dǎo)航條 方法： （1）選擇“插入/圖像對象/導(dǎo)航條”命令 （2）選擇導(dǎo)航條的插入方向“垂直”或“水平” （3）在“插入導(dǎo)航條”對話框中輸入“項目名稱”（不能是中文名稱） （4）按要求選擇“狀態(tài)圖像”、“鼠標(biāo)經(jīng)過圖像”、“按下圖像”及“按下時鼠標(biāo)經(jīng)過圖像” （5）按要求在“按下時，前往的URL”欄中選擇或輸入相應(yīng)鏈接地址 39、用CSS樣式定義超級鏈接文字顏色 （1）在“CSS樣式”面板中，單擊 “新建CSS規(guī)則”按鈕，出現(xiàn)“新建CSS規(guī)則”對話框。 （2）選擇“高級”選擇器類型。 （3）在“選擇器”下拉列表中選擇“a:hover”，（4）“定義在”選擇“僅對該文檔”，單擊“確定”按鈕后，（5）在“a:hover的CSS規(guī)則定義”對話框，在“類型”分類中選擇“無”修飾、“顏色”設(shè)置為指定顏色。 ? 同上，設(shè)置“a:link”標(biāo)簽：“定義在”選“僅對該文檔”，“類型”分類中選擇“無”修飾、“顏色”設(shè)置為指定顏色。 ? 同上，設(shè)置“a:visited”標(biāo)簽：“定義在”選“僅對該文檔”，“類型”分類中選擇“無”修飾、“顏色”設(shè)置為指定顏色。 ? 同上，設(shè)置“a:active”標(biāo)簽：“定義在”選“僅對該文檔”，“類型”分類中選擇“無”修飾、“顏色”設(shè)置為指定顏色。 Dreamweaver操作小結(jié) 其他 40、增加網(wǎng)頁字體的方法； 41、導(dǎo)入素材的方法 43、新建網(wǎng)頁的問題； 44、保存全部網(wǎng)頁的問題 第二篇：Dreamweaver制作網(wǎng)頁經(jīng)典問題Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(1)1> 在DW中，如何輸入一個空格呢？ 輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。 DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的，因此通過將輸入法調(diào)整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，現(xiàn)在應(yīng)該沒問題了。此外，你還可以通過許多“變通”的方法達到錄入空格的目的，比如常用的是： 直接在源代碼中加入代表空格的HTML代碼“ ”；輸入一定長度的文字對象后，然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等，不過注意的是后者在一些瀏覽器中可能顯示上有點問題。 2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)？ 你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時，在地址004km.cn前會顯示一個“易”字樣的小圖標(biāo)。而默認(rèn)情況下，這個圖標(biāo)是一個IE瀏覽器的指定圖片。 其實這也不是什么高深技術(shù)，只不過在網(wǎng)站目錄下添加了一個特定文件而已。 這時，我們需要預(yù)先制作一個圖標(biāo)文件，大小為16*16像素。文件擴展名為ico，然后上傳到相應(yīng)目錄中。在HTML源文件“ ”之間添加如下代碼：其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。當(dāng)然如果用戶使用IE5或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網(wǎng)站根目錄下，即可自動識別！ 3> 為什么，我本來設(shè)計很好的網(wǎng)頁，在瀏覽器窗口最小化時會變的丑陋難堪？ 這應(yīng)該是個很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時，一點問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時，問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍，依次下挫。舉個例子，和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。解決這個問題，我們必須從網(wǎng)頁的布局說起，一般情況下，網(wǎng)頁內(nèi)容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。你可能已經(jīng)注意到了，在表格的高寬設(shè)定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病，將其全部更正為Pixels單位的實際大小就可以了。 4> 如何改變網(wǎng)頁顯示時，最頂部的提示信息？ 瀏覽網(wǎng)頁時，頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在，有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4前，沒有在功能上直接提供該操作，我們往往通過在源代碼中應(yīng)用“title”屬性來完成。進入DW4就簡單多了。 直接在編輯窗口最上方的“title”輸入框內(nèi)鍵入所需要的文字信息即可。 ·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(2)5> 怎么樣，才能為圖片添加指定顏色的邊框？ 對于沒有邊框的圖片而言，直接插入到網(wǎng)頁中，在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當(dāng)麻煩的。不過在DW中就顯得容易多了，因為這里有一個“Border”屬性，可以讓你直接設(shè)置邊框的寬度。 寬度設(shè)好了，你一定會問，顏色呢？面板上并沒有提供顏色的選擇呀！呵呵，其實這里有一個技巧問題，用鼠標(biāo)選擇圖片對象，注意不是點擊選中，而是拖動選擇。象設(shè)定文字顏色一樣進行就可以了。 6> 如何添加圖片及鏈接文字的提示信息？ 在我們?yōu)g覽網(wǎng)頁時，當(dāng)鼠標(biāo)停留在圖片對象或鏈接上時，在鼠標(biāo)的右下有時會出現(xiàn)一個提示信息框。對目標(biāo)進行一定的注釋說明。在一些場合，它的作用是很重要的。 下面先看看圖片提示信息的添加，選中圖片對象，在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認(rèn)情況下，該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。 那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能，因此我們需要通過添加HTML代碼來實現(xiàn)。 在中添加“title”屬性。title=提示內(nèi)容即可。 7> 如何把自己的ZIP或其他類型的文件供別人下載? 在不少初級網(wǎng)頁制作者看來,好象通過鼠標(biāo)單擊完成下載是件很“神秘”的事,實際上遠(yuǎn)非如此.在DW中凡是不被瀏覽器識別的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為鏈接目標(biāo)時,默認(rèn)的操作都是下載.這時你只需要,把要瀏覽者下載的文件名寫好,然后制作一個到目標(biāo)文件的鏈接.注意目錄一定不要搞錯.8> 怎樣才能夠保證網(wǎng)頁中文字不跟隨瀏覽器字體大小設(shè)置而變動? 大家都知道,在IE瀏覽器的功能設(shè)置中，有一個可以自由設(shè)置窗口內(nèi)容字體大小的功能，這樣由于不同訪問者的習(xí)慣問題，呈現(xiàn)在他們面前的網(wǎng)頁有時也會不同。 比如你可能本來設(shè)計時用的是2號字體，結(jié)果由于用戶對瀏覽器的額外設(shè)定，變的更大了，這時顯示效果上就出問題了。 那么解決的辦法就是將網(wǎng)頁內(nèi)容定性的強制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字體進行強制性控制就可以實現(xiàn)這個要求了。 ·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(3) 9> 以新窗口的形式打開目標(biāo)鏈接？ 以新窗口打開，顧名思義，也就是在不覆蓋當(dāng)前窗口的前提下，另外打開一個瀏覽器窗口。你可以直接在連接代碼中加入“Target=_blank”。 如果你的HTML比較差的話，在DW屬性面板上同樣提供了這個設(shè)置，當(dāng)你在Link輸入框中鍵入004km.cnmon的“內(nèi)容”。 單擊上面的“Refresh”按鈕，其中“Delay”輸入框中鍵入刷新延遲的時間（單位：秒），“Action”為刷新指定的目標(biāo)URL。因為現(xiàn)在是刷新當(dāng)前頁面，直接選單選項“Refresh This Document”即可。 ·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(4) 13> 如何定義網(wǎng)頁的關(guān)鍵字（Keyname）？ 當(dāng)用戶使用搜索引擎search合適內(nèi)容的網(wǎng)頁時，關(guān)鍵字起著一個不容忽視的作用。大多的搜索服務(wù)器會每隔一段時間自動探測網(wǎng)絡(luò)中是否有新網(wǎng)頁產(chǎn)生，并把他們按關(guān)鍵字進行記錄，以方便用戶查詢。 你當(dāng)然想讓你的網(wǎng)頁出現(xiàn)在搜索引擎的查詢返回列表中了，這時關(guān)鍵字的定義就尤為重要了。 同樣在“Head”面板部分，單擊“Keywords”按鈕，錄入需要逐個定義的關(guān)鍵字即可，注意每個關(guān)鍵字以“；”號隔開，數(shù)目沒有限制。 14> 如何在編輯窗口中，隱藏一些不必要的標(biāo)簽？ 當(dāng)用戶在網(wǎng)頁中插入了太多的不可見元素時，在編輯窗口的最上面就會顯示一排相應(yīng)的標(biāo)示標(biāo)簽，用來方便用戶隨時能找到它們。雖然這些標(biāo)簽本身并不影響瀏覽器里的顯示效果，但多了以后，往往使網(wǎng)頁內(nèi)容不得不錯位，從而一定程度上妨礙網(wǎng)頁視覺上的調(diào)整，那么怎么樣才能把這些東東去掉呢？ 進入“Preperence”面板，列表中選擇“Invisibel Elements”，勾掉你不想顯示的項目前的“對號”即可，比如Scripts等 15>安排不支持“框架”的瀏覽器的顯示內(nèi)容？ 我們知道，目前的瀏覽器類型很多，因此我們設(shè)計網(wǎng)頁時最先考慮到的往往是“這個東西是不是在不同的瀏覽器中都能顯示好呢？”?？蚣芫褪且粋€例子！ 不過避免開這點，很簡單，你只需要在源代碼中加入下面的內(nèi)容就可以了。 < BODY> |