資源描述：
《使用dreamweaver制作網(wǎng)頁(yè)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、《網(wǎng)頁(yè)設(shè)計(jì)與制作教程》·教案-13-第四章使用Dreamweaver制作網(wǎng)頁(yè)4.1Dreamweaver簡(jiǎn)介1．主要功能與特色Dreamweaver是Macromedia公司推出的可視化的網(wǎng)頁(yè)設(shè)計(jì)和站點(diǎn)工具，用戶可以不用編寫HTML代碼就可以生成跨平臺(tái)、跨瀏覽器的網(wǎng)頁(yè)，它支持動(dòng)態(tài)HTML和CSS樣式，采用了RoundtripHTML技術(shù)（可以同時(shí)進(jìn)行可視化設(shè)計(jì)與源代碼設(shè)計(jì)），頁(yè)面設(shè)計(jì)過程中自動(dòng)生成的源代碼簡(jiǎn)練，通過對(duì)象的屬性控制面板可以很方便地完成各種屬性的設(shè)置。最新版的DreamweaverMX在站點(diǎn)管理和動(dòng)態(tài)網(wǎng)頁(yè)編輯方面的功能更加強(qiáng)大，是目前最為流行的網(wǎng)頁(yè)設(shè)計(jì)
2、工具。2．用戶界面（1）主窗口：包括菜單欄（實(shí)現(xiàn)幾乎所有功能）、工具欄（常用操作）、工作區(qū)（網(wǎng)頁(yè)編輯區(qū)）、狀態(tài)欄（各種提示信息）。（2）浮動(dòng)的控制面板：在網(wǎng)頁(yè)設(shè)計(jì)過程中，隨著選中的對(duì)象不同，屬性面板的內(nèi)容自動(dòng)更新，通過它可以完成各種屬性設(shè)置、建立鏈接、編輯代碼等。（3）站點(diǎn)管理窗口：用類似于資源管理器的方式對(duì)站點(diǎn)中的所有文件進(jìn)行管理，如：重命名、移動(dòng)（并自動(dòng)更新所有鏈接）、復(fù)制、刪除文件；新建/打開文件夾、文件；可以直接上傳（putfiles）或下傳(getfiles)文件等。4.2Dreamweaver中的基本操作1．建立站點(diǎn)站點(diǎn)是存儲(chǔ)所有Web網(wǎng)站文件的地方。
3、用Dreamweaver創(chuàng)建網(wǎng)站前，應(yīng)該先在資源管理器中建立一個(gè)文件夾，以便今后保存所有站點(diǎn)文件。在Dreamweaver中創(chuàng)建網(wǎng)站時(shí)，需要給出站點(diǎn)名稱（最好直接用網(wǎng)站的中文名字，該名稱可以更改）和一個(gè)本地文件夾（就用資源管理器中剛建的那個(gè)）。建好站點(diǎn)后，再?gòu)恼军c(diǎn)管理窗口建立起各個(gè)欄目的子文件夾以及用于保存公共文件的分類文件夾，如放圖片的images、放樣式的CSS。特別提示：在Dreamweaver中建立文件夾和文件時(shí)，應(yīng)該采用英文字符/數(shù)字命名，不要用漢字，以免有時(shí)候上傳之后不能正常顯示。2．建立網(wǎng)頁(yè)（1）設(shè)置頁(yè)面總體屬性：從“修改”（Modify）菜單中選擇
4、“頁(yè)面屬性”（PageProperties），可以設(shè)置網(wǎng)頁(yè)的標(biāo)題、背景圖片、背景顏色、超級(jí)鏈接各狀態(tài)的顏色、頁(yè)面邊距等。（2）編輯文本：《網(wǎng)頁(yè)設(shè)計(jì)與制作教程》·教案-13-和Word中的操作基本相同，先輸入文字，然后通過屬性面板設(shè)置字體、字號(hào)、顏色、對(duì)齊方式等效果。輸入時(shí)注意：關(guān)于空格：系統(tǒng)默認(rèn)字符之間可以通過空格鍵輸入1個(gè)字符的空隙，如果想加大空隙，需按組合鍵：Ctrl+Shift+空格，或從代碼窗口輸入專門的空格符 否則按空格鍵無(wú)效。關(guān)于換行：輸入文字時(shí)，若超過窗口顯示寬度，系統(tǒng)可自動(dòng)換行；需要分段時(shí)直接按Enter鍵即可，兩段之間空一行?？梢园碨h
5、ift+Enter鍵實(shí)現(xiàn)不分段的手動(dòng)換行。關(guān)于字體：系統(tǒng)默認(rèn)的中文字體是一般是宋體，字號(hào)為3，顏色為黑色。如果想換成其它字體，第一次進(jìn)行此操作時(shí)需要添加所需要的漢字字體。一般正文字號(hào)用2顯得比較秀氣，太大不好看，標(biāo)題文字可以設(shè)為3或4。文字顏色盡量與背景色對(duì)比鮮明。（1）插入圖片從“插入”（Insert）菜單里選擇“圖片”（Image），從對(duì)話框里找到所需要的圖片并確定之。注意：1）插入圖片前應(yīng)該先保存網(wǎng)頁(yè)，否則系統(tǒng)提示用帶File的本地路徑；2）如果所插圖片不在站點(diǎn)文件夾中，系統(tǒng)會(huì)提示是否復(fù)制到站點(diǎn)文件夾，應(yīng)該選擇“是”，否則設(shè)計(jì)時(shí)可以看得到圖片，等上傳到網(wǎng)上后
6、就找不到該資源了！故最好先把所需要的圖片從資源管理器的其它文件夾中復(fù)制或移動(dòng)到站點(diǎn)文件夾中。3）插入進(jìn)來的圖片可以通過屬性面板改變其尺寸（數(shù)字加粗則表示改變了）、對(duì)齊方式、提示文字、建立常規(guī)鏈接和熱點(diǎn)圖鏈接等。（2）插入輪替圖片：從“插入”（Insert）菜單里選擇“輪替圖片”（InteractiveImages），從對(duì)話框里找到所需要的圖片1和圖片2，并確定之。這樣當(dāng)鼠標(biāo)移動(dòng)到圖片1上時(shí)就會(huì)出現(xiàn)圖片2，并且可以出現(xiàn)提示文字。（3）插入其它對(duì)象可以通過插入菜單插入其它各種網(wǎng)頁(yè)元素，如：表格（Table）、圖層（Layer）、框架（Frame）、表單（Form）、超
7、級(jí)鏈接（Hyperlink）、錨（NamedAnchor）（也叫書簽）、多媒體控件（Media）、水平線（HorizontalRule）、特殊字符（SpecialCharacters）、導(dǎo)航條（NavigationBar）、日期（Date）、腳本程序（ScriptObjects）等。2．建立超鏈接利用超級(jí)鏈接可以實(shí)現(xiàn)在文檔之間或文檔中的跳轉(zhuǎn)。鏈接由源端點(diǎn)和目標(biāo)端點(diǎn)及一個(gè)方向構(gòu)成，鏈接的目標(biāo)端點(diǎn)可以是任意的網(wǎng)絡(luò)資源，如一個(gè)頁(yè)面、一幅圖畫、一段音樂、一段程序，或者是頁(yè)面中的某個(gè)位置?？梢岳梦淖忠部梢酝ㄟ^圖片等建立超級(jí)鏈接。鏈接的一般標(biāo)記是：8、arget
