第2章 站點的創建與管理

實訓2 卡通世界——創建本地站點

實訓目的

1．學會站點的創建與編輯。

2．學會網頁文件的新建、保存、預覽等基本操作。

實訓步驟

1．在D盤根目錄中創建文件夾ktsj，將“素材\chapter2”文件夾中的所有文件復制到ktsj中。運行Dreamweaver CS3，選擇“站點→新建站點”命令，彈出“站點定義”對話框，選擇“基本”選項卡，輸入站點名稱“卡通世界”，如圖2-1所示，單擊“下一步”按鈕。

2．在“站點定義”對話框的“編輯文件，第2部分”中，詢問是否使用服務器技術，選擇“否，我不想使用服務器技術”單選按鈕，如圖2-2所示，單擊“下一步”按鈕。

3．在“站點定義”對話框的“編輯文件，第3部分”中，選擇“編輯我的計算機上的本地副本，完成后再上傳到服務器（推薦）”單選按鈕，單擊“瀏覽”按鈕，在彈出的對話框中選擇D:\ktsj文件夾作為站點根目錄，如圖2-3所示，然后單擊“下一步”按鈕。

4．在“站點定義”對話框的“共享文件”中，詢問如何連接到遠程服務器，選擇“無”，如圖2-4所示，單擊“下一步”按鈕。

5．“站點定義”對話框顯示“總結”內容，如圖2-5所示，單擊“完成”按鈕，此時，新定義的站點“卡通世界”出現在“文件”面板中，如圖2-6所示。

6．在“文件”面板中選擇站點“卡通世界”，單擊鼠標右鍵，在彈出的快捷菜單中選擇“新建文件”命令，輸入文件名index.html，按【Enter】鍵完成，如圖2-7所示。

7．在“文件”面板中選擇站點“卡通世界”，單擊鼠標右鍵，在彈出的快捷菜單中選擇“新建文件夾”命令，輸入文件夾名稱images，用來保存圖像資源。用同樣的方法創建其他3個文件夾artwork、cose、links用于存放不同的欄目內容，“文件”面板如圖2-8所示。

8．在“文件”面板中選擇index.html文件，單擊鼠標右鍵，在彈出的快捷菜單中選擇“設成首頁”命令，如圖2-9所示，將index.html設置成站點的首頁文件。

9．選擇“站點→管理站點”命令，彈出“管理站點”對話框，如圖2-10所示，選擇站點“卡通世界”，單擊“導出”按鈕，彈出“導出站點”對話框，選擇保存位置為站點根目錄，默認的站點定義文件名是“卡通世界.ste”，如圖2-11所示，單擊“保存”按鈕。

10．在“文件”面板中，雙擊打開index.html文件，選擇“文件→導入→Word文檔”命令，彈出“導入Word文檔”對話框，如圖2-12所示，選擇D:\ktsj\kt.doc，單擊“打開”按鈕，即可將Word文檔kt.doc導入到index.html網頁文件中，如圖2-13所示。

11．選擇“文件→保存”命令，保存文檔，按【F12】鍵打開瀏覽器預覽，如圖2-14所示。

知識鏈接