使用dreamweaver制作網(wǎng)頁

《使用dreamweaver制作網(wǎng)頁》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第四章使用Dreamweaver制作網(wǎng)頁4.1Dreamweaver簡介1．主要功能與特色Dreamweaver是Macromedia公司推出的可視化的網(wǎng)頁設(shè)計和站點工具，用戶可以不用編寫HTML代碼就可以生成跨平臺、跨瀏覽器的網(wǎng)頁，它支持動態(tài)HTML和CSS樣式，采用了RoundtripHTML技術(shù)（可以同時進(jìn)行可視化設(shè)計與源代碼設(shè)計），頁面設(shè)計過程中自動生成的源代碼簡練，通過對象的屬性控制面板可以很方便地完成各種屬性的設(shè)置。最新版的DreamweaverMX在站點管理和動態(tài)網(wǎng)頁編輯方面的功能更加強大，是目前最為流行的網(wǎng)頁設(shè)計工具。2．用戶界面（1）主窗口：包括菜

2、單欄（實現(xiàn)幾乎所有功能）、工具欄（常用操作）、工作區(qū)（網(wǎng)頁編輯區(qū)）、狀態(tài)欄（各種提示信息）。（2）浮動的控制面板：在網(wǎng)頁設(shè)計過程中，隨著選中的對象不同，屬性面板的內(nèi)容自動更新，通過它可以完成各種屬性設(shè)置、建立鏈接、編輯代碼等。（3）站點管理窗口：用類似于資源管理器的方式對站點中的所有文件進(jìn)行管理，如：重命名、移動（并自動更新所有鏈接）、復(fù)制、刪除文件；新建/打開文件夾、文件；可以直接上傳（putfiles）或下傳(getfiles)文件等。4.2Dreamweaver中的基本操作1．建立站點站點是存儲所有Web網(wǎng)站文件的地方。用Dreamweaver創(chuàng)建網(wǎng)站前，應(yīng)該

3、先在資源管理器中建立一個文件夾，以便今后保存所有站點文件。在Dreamweaver中創(chuàng)建網(wǎng)站時，需要給出站點名稱（最好直接用網(wǎng)站的中文名字，該名稱可以更改）和一個本地文件夾（就用資源管理器中剛建的那個）。建好站點后，再從站點管理窗口建立起各個欄目的子文件夾以及用于保存公共文件的分類文件夾，如放圖片的images、放樣式的CSS。特別提示：在Dreamweaver中建立文件夾和文件時，應(yīng)該采用英文字符/數(shù)字命名，不要用漢字，以免有時候上傳之后不能正常顯示。2．建立網(wǎng)頁（1）設(shè)置頁面總體屬性：從“修改”（Modify）菜單中選擇“頁面屬性”（PageProperties

4、），可以設(shè)置網(wǎng)頁的標(biāo)題、背景圖片、背景顏色、超級鏈接各狀態(tài)的顏色、頁面邊距等。www.docin.com（1）編輯文本：和Word中的操作基本相同，先輸入文字，然后通過屬性面板設(shè)置字體、字號、顏色、對齊方式等效果。輸入時注意：關(guān)于空格：系統(tǒng)默認(rèn)字符之間可以通過空格鍵輸入1個字符的空隙，如果想加大空隙，需按組合鍵：Ctrl+Shift+空格，或從代碼窗口輸入專門的空格符 否則按空格鍵無效。關(guān)于換行：輸入文字時，若超過窗口顯示寬度，系統(tǒng)可自動換行；需要分段時直接按Enter鍵即可，兩段之間空一行?？梢园碨hift+Enter鍵實現(xiàn)不分段的手動換行。關(guān)于字體：系

5、統(tǒng)默認(rèn)的中文字體是一般是宋體，字號為3，顏色為黑色。如果想換成其它字體，第一次進(jìn)行此操作時需要添加所需要的漢字字體。一般正文字號用2顯得比較秀氣，太大不好看，標(biāo)題文字可以設(shè)為3或4。文字顏色盡量與背景色對比鮮明。（2）插入圖片從“插入”（Insert）菜單里選擇“圖片”（Image），從對話框里找到所需要的圖片并確定之。注意：1）插入圖片前應(yīng)該先保存網(wǎng)頁，否則系統(tǒng)提示用帶File的本地路徑；2）如果所插圖片不在站點文件夾中，系統(tǒng)會提示是否復(fù)制到站點文件夾，應(yīng)該選擇“是”，否則設(shè)計時可以看得到圖片，等上傳到網(wǎng)上后就找不到該資源了！故最好先把所需要的圖片從資源管理器的其

6、它文件夾中復(fù)制或移動到站點文件夾中。3）插入進(jìn)來的圖片可以通過屬性面板改變其尺寸（數(shù)字加粗則表示改變了）、對齊方式、提示文字、建立常規(guī)鏈接和熱點圖鏈接等。（3）插入輪替圖片：從“插入”（Insert）菜單里選擇“輪替圖片”（InteractiveImages），從對話框里找到所需要的圖片1和圖片2，并確定之。這樣當(dāng)鼠標(biāo)移動到圖片1上時就會出現(xiàn)圖片2，并且可以出現(xiàn)提示文字。（4）插入其它對象可以通過插入菜單插入其它各種網(wǎng)頁元素，如：表格（Table）、圖層（Layer）、框架（Frame）、表單（Form）、超級鏈接（Hyperlink）、錨（NamedAnchor）

7、（也叫書簽）、多媒體控件（Media）、水平線（HorizontalRule）、特殊字符（SpecialCharacters）、導(dǎo)航條（NavigationBar）、日期（Date）、腳本程序（ScriptObjects）等。2．建立超鏈接利用超級鏈接可以實現(xiàn)在文檔之間或文檔中的跳轉(zhuǎn)。鏈接由源端點和目標(biāo)端點及一個方向構(gòu)成，鏈接的目標(biāo)端點可以是任意的網(wǎng)絡(luò)資源，如一個頁面、一幅圖畫、一段音樂、一段程序，或者是頁面中的某個位置?？梢岳梦淖忠部梢酝ㄟ^圖片等建立超級鏈接。鏈接的一般標(biāo)記是：鏈接源端點www.docin.