创建与管理站点课件.pptVIP

創建與管理站點一、案例實現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）選擇工作介面 首次啟動DreamweaverCS3時，會出現一個工作區設置對話框。在設計過程中，如果需要切換工作介面，只須在DreamweaverCS3【窗口】菜單中選擇【更改工作區】按鈕，打開【工作區佈局】的對話框進行另一種工作介面的選擇。 對話框用戶可以選擇“設計者”和“代碼編寫者”兩種工作介面中的任意一種。其中，“設計者”介面為用戶提供了“所見即所得”的可視化創作環境。他將所有文檔窗口和麵板整合到主窗口中，默認將面板放在窗口的右側。“代碼編寫者”介面主要為喜歡手寫代碼的用戶設計，他也是一個整合型的工作介面，但其面板放在主窗口的左邊。（2）介面組成 DreamweaverCS3介面主要由標題欄、菜單欄、工具欄、文檔窗口、狀態欄、屬性面板和控制面板組成。主要功能如下：1）標題欄：顯示應用程式的名稱、最小化、最大化和正常之間的切換按鈕以及關閉按鈕。2）菜單欄：包含有檔、編輯、查看、插入、修改、文本、命令、站點、窗口、幫助10個菜單項。3）工具欄：DreamweaverCS3提供了【插入】、【文檔】和【標準】三個工具欄，通過選擇【查看】/【工具欄】命令顯示/隱藏。【插入】工具欄，主要用於在文檔中插入各種對象及進行一些簡單的編輯，默認狀態下顯示【常用】工具欄項。【文檔】工具欄，包含編輯文檔的常用操作按鈕，如切換視圖模式、設置網頁標題以及在流覽器中預覽網頁效果（快捷鍵F12）等。【標準】工具欄，包含常用的檔操作按鈕及基本的編輯按鈕。默認狀態下為隱藏。單擊右鍵，從彈出菜單中選擇【標準】命令。4）文檔窗口：DreamweaverCS3中的文檔窗口用於顯示當前創建或編輯的文檔。 Dreamweaver通常為用戶提供了【代碼】、【拆分】和【設計】三種視圖模式，用戶可以根據需要使用【常用】工具欄中的相應按鈕來進行切換。5）狀態欄：用於顯示當前編輯文檔的狀態，主要包括文檔的窗口大小、文檔的大小和下載時間及標籤選擇器等。6）屬性面板：用於顯示當前選定文本或圖片等元素對象的屬性，且可以用來修改選定對象的屬性。7）控制面板：是Dreamweaver中常用的資源面板，主要包括【層】、【代碼】、【應用程式】、【標籤檢查器】、【資源】、【框架】和【歷史紀錄】7個面板，可以通過【窗口】菜單顯示或隱藏面板2、創建站點 創建站點可使用嚮導搭建站點，也可以通過高級面板設置站點。應用DreamweaverCS3提供的站點定義