创建与管理站点课件

創建與管理站點

一、案例實現1、規劃站點 製作網站首先要考慮網站的主題。好的網站不僅有美感、個性、創意，更要有品質。站點規劃是一個複雜的系統工程，包括一系列的組織、策劃和設計，只有進行了正確的站點規劃，建立站點時才能事半功倍。（1）用檔夾來保存文檔，首先要為站點創建一個根檔夾，然後在其中創建多個檔夾，將文檔分門別類存儲到相應的檔夾下，但要注意為了維護方便，目錄的層次最好不要超過三層。（2）要使用合理的檔案名稱，儘量不要使用中文檔案名。因為很多internet伺服器使用的是英文操作系統，不能對中文檔案名提供很好的支持，為避免流覽器錯誤或訪問失敗，最好使用英文或是拼音。2、創建站點（1）單擊桌面上的圖示或選擇【開始】｜【所有程式】｜【AdobeDreamweaverCS3】，運行DreamweaverCS3，打開DreamweaverCS3窗口。（2）選擇菜單【站點】|【新建站點】命令，打開【定義站點】對話框，單擊其中的【高級】選項，即可進入站點定義【高級】選項卡。（3）在【分類】列表框中單擊“本地資訊”，開始定義站點的本地資訊，在“站點名稱”文本框中輸入站點名稱，如“小昭之家”，在“本地根檔夾”文本框，指定硬碟上的某一檔夾作為該站點檔的存儲位置，如ch2。這個檔夾可以是已經存在的檔夾，也可以是不存在的，如果不存在，系統會自動創建。（4）其他選項採用默認即可，單擊即完成本地站點的初步設置。在檔面板中即出現已經定義的站點“小昭之家。（5）建立子檔夾接下來，要在檔面板中按照站點規劃建立子檔夾images、music、flash和pages，方法是在“站點-小昭之家”根檔夾上單擊右鍵，彈出快捷菜單，選擇“新建檔夾”即新建了一個名為“untitled”的檔夾，把此檔夾改名為“images”，同樣的方法可以建立其他幾個檔夾。（6）建立首頁在“站點-小昭之家”根檔夾上單擊右鍵，彈出快捷菜單，選擇“新建檔”即新建了一個名為“untitled.html”的網頁檔，把此檔改名為“index.html”,在檔“index.html”單擊右鍵，彈出快捷菜單，選擇“設成首頁”。二、相關知識

1、DreamweaverCS3操作環境

（1）選擇工作介面

首次啟動Dreamweaver

CS3時，會出現一個工作區設置對話框。在設計過程中，如果需要切換工作介面，只須在Dreamweaver

CS3【窗口】菜單中選擇【更改工作區】按鈕，打開【工作區佈局】的對話框進行另一種工作介面的選擇。 對話框用戶可以選擇“設計者”和“代碼編寫者”兩種工作介面中的任意一種。其中，“設計者”介面為用戶提供了“所見即所得”的可視化創作環境。他將所有文檔窗口和麵板整合到主窗口中，默認將面板放在窗口的右側。“代碼編寫者”介面主要為喜歡手寫代碼的用戶設計，他也是一個整合型的工作介面，但其面板放在主窗口的左邊。（2）介面組成

Dreamweaver

CS3介面主要由標題欄、菜單欄、工具欄、文檔窗口、狀態欄、屬性面板和控制面板組成。主要功能如下：1）標題欄：顯示應用程式的名稱、最小化、最大化和正常之間的切換按鈕以及關閉按鈕。2）菜單欄：包含有檔、編輯、查看、插入、修改、文本、命令、站點、窗口、幫助10個菜單項。3）工具欄：Dreamweaver

CS3提供了【插入】、【文檔】和【標準】三個工具欄，通過選擇【查看】/【工具欄】命令顯示/隱藏。【插入】工具欄，主要用於在文檔中插入各種對象及進行一些簡單的編輯，默認狀態下顯示【常用】工具欄項。【文檔】工具欄，包含編輯文檔的常用操作按鈕，如切換視圖模式、設置網頁標題以及在流覽器中預覽網頁效果（快捷鍵F12）等。【標準】工具欄，包含常用的檔操作按鈕及基本的編輯按鈕。默認狀態下為隱藏。單擊右鍵，從彈出菜單中選擇【標準】命令。4）文檔窗口：Dreamweaver

CS3中的文檔窗口用於顯示當前創建或編輯的文檔。

Dreamweaver通常為用戶提供了【代碼】、【拆分】和【設計】三種視圖模式，用戶可以根據需要使用【常用】工具欄中的相應按鈕來進行切換。5）狀態欄：用於顯示當前編輯文檔的狀態，主要包括文檔的窗口大小、文檔的大小和下載時間及標籤選擇器等。6）屬性面板：用於顯示當前選定文本或圖片等元素對象的屬性，且可以用來修改選定對象的屬性。7）控制面板：是Dreamweaver中常用的資源面板，主要包括【層】、【代碼】、【應用程式】、【標籤檢查器】、【資源】、【框架】和【歷史紀錄】7個面板，可以通過【窗口】菜單顯示或隱藏面板2、創建站點

創建站點可使用嚮導搭建站點，也可以通過高級面板設置站點。應用DreamweaverCS3提供的站點定義嚮導，用戶可以很方便的創建站點。站點定義嚮導共分三個區域。編輯區域：用於設置本地檔夾的地方。測試區域：用於設置Dreamweaver處理動態頁面的檔夾地方。共用檔：用於設置遠程檔夾的地方。（1）打開DreamweaverCS3，選擇菜單【站點】|【新建站點】命令，或者選擇菜單【站點】｜【管理站點】｜【新建】｜【站點】，打開【定義站點】對話框，（2）單擊【基本】選項，即可進入站點定義【基本】選項卡,這是定義站點的嚮導。（3）定義網站名稱“haiyangshuizu”。（4）單擊【下一步】按鈕，製作靜態網站時，選擇“否，我不想使用伺服器技術”單選按鈕。（5）繼續單擊【下一步】按鈕，開始設置網頁存儲方法和路徑。（6）完成以上設置後單擊【下一步】按鈕，進入窗口，選擇連接伺服器的方式以及網頁在伺服器上的存儲位置。一般情況下，選擇【本地/網路】，在選擇網頁檔存儲位置時，將遠程伺服器端的檔夾和本地電腦上的檔夾設置為同一個，方便今後對網站的維護更新。（7）單擊【下一步】按鈕，選擇是否使用“存回”和“取出”選項。選中“是，啟用存回和取出”選項，可以多人共同完成網站的維護工作。（8）單擊【下一步】按鈕，對話框詢問設置的資訊是否準確。（9）單擊【完成】按鈕，站點的定義就完成了。DreamweaverCS3會自動掃描設置檔夾中的HTML檔，系統會對定義好的站點進行自動加載。鼓勵不熟悉Dreamweaver的用戶使用“站點定義嚮導”；有經驗的Dreamweaver用戶可能更喜歡使用“高級”設置。3、站點管理 如果在Web伺服器上已經具有一個站點，則可以使用Dreamweaver來編輯該站點。1）管理站點 選擇【站點】→【管理站點】命令。在“管理站點”對話框中選擇所要管理的站點，單擊“編輯”，可以編輯現有站點；單擊“刪除”，可以刪除所選站點，需要注意的是刪除操作無法撤銷，要慎重使用。單擊“導出/導入”，可以將站點導出為XML檔，然後將其導回DreamweaverCS3。這樣就可以在各電腦和產品版本之間移動站點，或者與其他用戶共用。2）管理站點檔 打開“檔”面板，選擇已定義的站點，在“檔”面板中可以對站點進行打開檔、更改檔案名；添加、移動或刪除檔等操作。3）網站上傳與下載 建立網站的目的就是要將製作好的網頁發佈到互聯網上去，以便讓其他人流覽、欣賞。在Dreamweaver中，這一過程稱為“上傳”。 上傳之前首先應申請功能變數名稱和空間，申請成功後會提供一個網站空間地址及上傳檔的用戶名、密碼等，然後設置遠程主機資訊，為上傳做準備。 從遠程伺服器上