《計算機網(wǎng)絡原理》電子教案課件

第8章Dreamweaver簡介8.1Dreamweaver基礎知識1、Dreamweaver啟動和退出方法⑴“開始”—“程序”—“Macromedia”—“MacromediaDreamweaver”⑵雙擊桌面上的快捷圖標。

2、窗口布局DreamweaverMX2004提供了將全部元素置于一個窗口中的集成工作區(qū)。首次啟動Dreamweaver時，會出現(xiàn)一個工作區(qū)設置對話框者”。如果以后想更改工作區(qū)，可以使用編輯菜單“首選參數(shù)”對話框切換到一種不同的工作區(qū)。編輯菜單“首選參數(shù)”對話框如下圖：⑴“插入”欄：包含用于將各種類型的“對象”（如圖像、表格和層）插入到文檔中的按鈕。每個對象都是一段HTML代碼，允許在插入它時設置不同的屬性。⑵“文檔”窗口顯示當前創(chuàng)建和編輯的文檔。⑶“屬性檢查器”：用于查看和更改所選對象或文本的各種屬性。⑷“面板組”：是分組在某個標題下面的相關面板的集合。若要展開一個面板組，單擊組名稱左側的展開箭頭；若要取消?？恳粋€面板，拖動該組標題條左邊緣的手柄。⑸“文件”面板：可以管理文件和文件夾，“文件”面板還可以訪問本地磁盤上的全部文件，類似于Windows資源管理器。3、菜單⑴“文件”菜單：包含“新建”、“打開”、“保存”、“保存全部”，查看當前文檔或對當前文檔執(zhí)行操作，例如“在瀏覽器中預覽”和“打印代碼”。⑵“編輯”菜單：包含選擇和搜索命令，例如“選擇父標簽”和“查找和替換”?！熬庉嫛辈藛芜€提供對DW菜單中“首選參數(shù)”的訪問。⑶“查看”菜單：可以看到文檔的各種視圖，并且可以顯示和隱藏不同類型的頁面元素和DW工具及工具欄。⑷“插入”菜單：提供“插入”欄的替代項，用于將對象插入文檔。⑸“修改”菜單：可以更改選定頁面元素或項的屬性。使用此菜單，可以編輯標簽屬性，更改表格和表格元素，并且為庫項和模板執(zhí)行不同的操作。⑴顯示代碼視圖：僅在“文檔”窗口中顯示“代碼”視圖。⑵顯示代碼視圖和設計視圖：在“文檔”窗口的一部分中顯示“代碼”視圖，另一部分顯示“設計”視圖。⑶顯示設計視圖：僅在“文檔”窗口中顯示“設計”視圖。⑷標題：允許為文檔輸入一個標題，它將顯示在瀏覽器的標題欄中。如果文檔已經(jīng)有了一個標題，則該標題將顯示在該區(qū)域中。⑸沒有瀏覽器/檢查錯誤：可以檢查跨瀏覽器兼容性。⑹文件管理：顯示“文件管理”彈出菜單。⑺在瀏覽器中預覽/調試：在瀏覽器中預覽或調試文檔。從彈出菜單中選擇一個瀏覽器。⑻刷新設計視圖：在“代碼”視圖中進行更改后刷新文檔的“設計”視圖。⑼視圖選項：允許為“代碼”視圖和“設計”視圖設置選項。文檔工具欄中包含如下按鈕6、狀態(tài)欄狀態(tài)欄提供正在創(chuàng)建的文檔有關的其它信息。8.2建立站點8.2.1建立站點啟動DreamweaverMX2004，選擇“站點”—“新建站點”出現(xiàn)“未定義站點1的站點定義”對話框。在對話框中，然后在“您打算為站點起什么名字？”文本框中輸入站點名稱（如zhiyexyuan）。單擊“下一步”，出現(xiàn)“zhiyexyuan站點定義為”對話框，詢問是否要使用服務器技術。選擇“否”選項，指示目前該站點是一個靜態(tài)站點，沒有動態(tài)頁。選擇標有“編輯我的計算機上的本地副本，完成后再上傳到服務器（推薦）”的選項。在站點開發(fā)過程中有多種處理文件的方式，初學網(wǎng)頁制作的同學可選擇此選項。

單擊該文本框旁邊的文件夾圖標。隨即會出現(xiàn)“選擇站點的本地根文件夾”對話框。

單擊“下一步”，出現(xiàn)向導的下一個界面，詢問如何連接到遠程服務器。從彈出式菜單中選擇“無”?？梢陨院笤O置有關遠程站點的信息。單擊“下一步”，該向導的下一個屏幕將出現(xiàn)，其中顯示設置概要。單擊“完成”完成設置。隨即出現(xiàn)“管理站點”對話框，顯示新站點。單擊“完成”關閉“管理站點”對話框。下一頁8.2.2創(chuàng)建頁面1、頁面創(chuàng)建在DreamweaverMX2004起始頁創(chuàng)建新頁，或者可以選擇“文件”>“新建”，彈出對話框：從各種預先設計的頁面布局中選擇一種。比如：選擇“基本頁”HTML，點擊創(chuàng)建按鈕。DreamweaverMX2004即展開工作區(qū)界面2、頁面制作⑴【插入標題文字】

進入頁面編輯設計視圖狀態(tài)。光標位置就是插入點的位置。啟動中文輸入法輸入“我的主頁”四個字，并設置其大小。⑵【設置文字的格式】選中文字，在屬性面板中將字體格式設置成默認字體，大小可任意更改字號。并選中“B”將字體變粗。⑶【設置文字的顏色】選中文字，在屬性面板中，單擊顏色選擇圖標，在彈出的顏色選擇器中用滴管選取顏色即可。

⑷【設置網(wǎng)頁的標題和背景顏色】

點擊“修改”菜單選“頁面屬性”。系統(tǒng)彈出頁面屬性對話框在標題輸入框填入標題“我的主頁”設置背景顏色：網(wǎng)頁背景可以是圖片，也可以是顏色。如果背景要設為圖片，點擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對話框，選中背景圖片文件，點擊【確定】按鈕。

3、【制作圖片上的超級鏈接】

圖片上的超級鏈接是指在一張圖片上實現(xiàn)多個局部區(qū)域指向不同的網(wǎng)頁鏈接。比如一張中國地圖的圖片，單擊了不同的省跳轉到不