項目02定義和創(chuàng)建站點

1、主講：主講：網(wǎng)頁設(shè)計與制作Dreamweaver CS3項目二 定義和創(chuàng)建站點任務(wù)一 如何做好一個網(wǎng)站任務(wù)二 創(chuàng)建站點項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點網(wǎng)頁設(shè)計與制作Dreamweaver CS3任務(wù)一小 結(jié)任務(wù)二實 訓任務(wù)一 如何做好一個網(wǎng)站 本任務(wù)主要介紹網(wǎng)站制作流程和網(wǎng)頁布局的基本知識。Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓操作一 網(wǎng)站制作流程1. 前期策劃前期策劃工作主要包括：前期策劃工作主要包括：l 網(wǎng)站主題網(wǎng)站主題l 網(wǎng)站名稱網(wǎng)站名稱l 欄目設(shè)置欄目設(shè)置l 整體風格整體風格Dream

2、weaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓網(wǎng)頁制作階段的工作按其性質(zhì)可以分為網(wǎng)頁制作階段的工作按其性質(zhì)可以分為3 3類：類：l 頁面美工設(shè)計頁面美工設(shè)計l 靜態(tài)頁面制作靜態(tài)頁面制作l 程序開發(fā)程序開發(fā)2. 網(wǎng)頁制作Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作操作一 網(wǎng)站制作流程項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓操作一 網(wǎng)站制作流程 發(fā)布網(wǎng)頁可直接使用發(fā)布網(wǎng)頁可直接使用Dreamweaver CS3中的中的“發(fā)布站點發(fā)布站點”功能進行上傳。功能進行上傳。 對于大型站點的上傳一

3、般都使用對于大型站點的上傳一般都使用FTP軟件，軟件，如如LeapFTP和和CuteFTP等等 。 3. 網(wǎng)站發(fā)布Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓 網(wǎng)站推廣是網(wǎng)絡(luò)營銷的主要內(nèi)容，可以說，網(wǎng)站推廣是網(wǎng)絡(luò)營銷的主要內(nèi)容，可以說，大部分的網(wǎng)絡(luò)營銷活動都是為了網(wǎng)站推廣的需大部分的網(wǎng)絡(luò)營銷活動都是為了網(wǎng)站推廣的需要，如發(fā)布新聞、搜索引擎登記、交換鏈接、要，如發(fā)布新聞、搜索引擎登記、交換鏈接、網(wǎng)絡(luò)廣告等。網(wǎng)絡(luò)廣告等。操作一 網(wǎng)站制作流程4. 網(wǎng)站推廣Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：

4、項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓 站點上傳到服務(wù)器后，首先要檢查運行是否正常，如站點上傳到服務(wù)器后，首先要檢查運行是否正常，如果有錯誤要及時更正。另外，每隔一段時間，還應(yīng)對站點果有錯誤要及時更正。另外，每隔一段時間，還應(yīng)對站點中的內(nèi)容進行更新，以便提供最新消息，吸引更多的用戶。中的內(nèi)容進行更新，以便提供最新消息，吸引更多的用戶。操作一 網(wǎng)站制作流程5. 后期維護Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓1. “國”字型Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：

5、項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 網(wǎng)頁布局的基本方式任務(wù)一小 結(jié)任務(wù)二實 訓2. “匡匡”字型字型Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 網(wǎng)頁布局的基本方式任務(wù)一小 結(jié)任務(wù)二實 訓3. “三三”字型字型Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 網(wǎng)頁布局的基本方式任務(wù)一小 結(jié)任務(wù)二實 訓4. “川川”字型字型Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 網(wǎng)頁布局的基本方式任務(wù)一小 結(jié)任

6、務(wù)二實 訓Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 網(wǎng)頁布局的基本方式是指頁面內(nèi)容以文本為主，最上面一般是標題，下面是正是指頁面內(nèi)容以文本為主，最上面一般是標題，下面是正文的格式。文的格式。 5. 標題文本型標題文本型框架型布局通常分為左右框架型、上下框架型和綜合框架框架型布局通常分為左右框架型、上下框架型和綜合框架型。由于兼容性和美觀等原因，專業(yè)設(shè)計人員很少采用這型。由于兼容性和美觀等原因，專業(yè)設(shè)計人員很少采用這種結(jié)構(gòu)。種結(jié)構(gòu)。 6. 框架型框架型任務(wù)一小 結(jié)任務(wù)二實 訓Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制

7、作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 網(wǎng)頁布局的基本方式封面型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分由一些精封面型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分由一些精美的平面設(shè)計和一些動畫組合而成，在頁面中放幾個簡單美的平面設(shè)計和一些動畫組合而成，在頁面中放幾個簡單的鏈接或者僅是一個的鏈接或者僅是一個“進入進入”的鏈接，甚至直接在首頁的的鏈接，甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型的網(wǎng)頁布局大多圖片上做鏈接而沒有任何提示。這種類型的網(wǎng)頁布局大多用于企業(yè)網(wǎng)站或個人網(wǎng)站。用于企業(yè)網(wǎng)站或個人網(wǎng)站。7. 封面型封面型Flash型是指整個網(wǎng)頁就是一個型是指整個網(wǎng)頁就是一個Flash

8、動畫，這是一種比較動畫，這是一種比較新潮的布局方式。其實，這種布局與封面型在結(jié)構(gòu)上是類新潮的布局方式。其實，這種布局與封面型在結(jié)構(gòu)上是類似的，無非使用了似的，無非使用了Flash技術(shù)。技術(shù)。8. Flash型型任務(wù)一小 結(jié)任務(wù)二實 訓 本任務(wù)主要介紹定義站點、創(chuàng)建文件夾和文件、設(shè)置首選參數(shù)的方法。任務(wù)二 創(chuàng)建站點Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓 在在Dreamweaver中制作網(wǎng)頁，首先需要定中制作網(wǎng)頁，首先需要定義一個站點。在定義站點時，首先需要確定是義一個站點。在定義站點時，首先需要確定是直接在服

9、務(wù)器端編輯還是在本地編輯，還是在直接在服務(wù)器端編輯還是在本地編輯，還是在本地計算機中確定存放網(wǎng)頁文件的根目錄，然本地計算機中確定存放網(wǎng)頁文件的根目錄，然后設(shè)置與遠程服務(wù)器進行數(shù)據(jù)傳遞的方式等。后設(shè)置與遠程服務(wù)器進行數(shù)據(jù)傳遞的方式等。 經(jīng)過本操作的學習，需要掌握的內(nèi)容有：經(jīng)過本操作的學習，需要掌握的內(nèi)容有：Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作一 定義站點定義站點操作動畫定義站點操作動畫任務(wù)一小 結(jié)任務(wù)二實 訓 1、【站點定義站點定義】對話框的兩種狀態(tài)對話框的兩種狀態(tài)【基本基本】：將會按照向?qū)б徊揭徊降剡M行，直至完成定義工作，適

10、：將會按照向?qū)б徊揭徊降剡M行，直至完成定義工作，適合初學者。合初學者。【高級高級】：可以在不同的步驟或者不同的分類選項中任意跳轉(zhuǎn)，而：可以在不同的步驟或者不同的分類選項中任意跳轉(zhuǎn)，而且可以做更高級的修改和設(shè)置，因此適合在站點維護中使用。且可以做更高級的修改和設(shè)置，因此適合在站點維護中使用。Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作一 定義站點任務(wù)一小 結(jié)任務(wù)二實 訓 2、【管理站點管理站點】對話框的使用對話框的使用通過通過【站點站點】【管理站點管理站點】命令可打開命令可打開【管理站點管理站點】對話框。對話框。Dreamweaver

11、 CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作一 定義站點任務(wù)一小 結(jié)任務(wù)二實 訓 經(jīng)過本操作的學習，應(yīng)該掌握的內(nèi)容主要有：經(jīng)過本操作的學習，應(yīng)該掌握的內(nèi)容主要有：Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 創(chuàng)建文件夾和文件創(chuàng)建文件夾及文件創(chuàng)建文件夾及文件1、文件夾和文件命名的原則一個站點中創(chuàng)建哪些文件夾，通常是根據(jù)網(wǎng)站內(nèi)容的分類進行的。網(wǎng)站內(nèi)一個站點中創(chuàng)建哪些文件夾，通常是根據(jù)網(wǎng)站內(nèi)容的分類進行的。網(wǎng)站內(nèi)每個分支的所有文件都被統(tǒng)一存放在單獨的文件夾內(nèi)，根據(jù)包含的文件多每個分支的所有文件都被

12、統(tǒng)一存放在單獨的文件夾內(nèi)，根據(jù)包含的文件多少，又可以細分到子文件夾。文件夾的命名最好遵循一定的規(guī)則，以便于少，又可以細分到子文件夾。文件夾的命名最好遵循一定的規(guī)則，以便于理解和查找。理解和查找。 任務(wù)一小 結(jié)任務(wù)二實 訓一般首頁文件名為一般首頁文件名為“index.htm”或者或者“index.html”。如果頁面是使用。如果頁面是使用ASP語言編寫的，那么文件名變?yōu)檎Z言編寫的，那么文件名變?yōu)椤癷ndex.asp”。如果是用。如果是用ASP.NET語語言編寫的，則文件名為言編寫的，則文件名為“index.aspx”。 文件名的開頭不能使用數(shù)字、運算符等符號，文件名也最好不要使用文件名的開頭不能

13、使用數(shù)字、運算符等符號，文件名也最好不要使用中文。文件的命名一般遵循以下中文。文件的命名一般遵循以下4個原則。個原則。漢語拼音，如漢語拼音，如“JianJie.htm”。拼音縮寫，如拼音縮寫，如“gsjj.htm”。英文縮寫，如英文縮寫，如“asp.htm”。英文原義，如英文原義，如“BookList.htm”。Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 創(chuàng)建文件夾和文件任務(wù)一小 結(jié)任務(wù)二實 訓2、在【文件】面板中創(chuàng)建文件夾和文件的基本方法 在在【文件文件】面板中右擊根文件夾，在彈出的快捷菜單中選擇面板中右擊根文件夾，在彈出的快

14、捷菜單中選擇【新建文件夾新建文件夾】命令，將創(chuàng)建一個文件夾。命令，將創(chuàng)建一個文件夾。 在在【文件文件】面板中右擊根文件夾，在彈出的快捷菜單中選擇面板中右擊根文件夾，在彈出的快捷菜單中選擇【新建文件新建文件】命令，將創(chuàng)建一個新文件。命令，將創(chuàng)建一個新文件。 還可以通過還可以通過【文件文件】【新建新建】菜單命令、菜單命令、Dreamweaver CS3啟動時的啟動時的【歡迎屏幕歡迎屏幕】中的命令等方法創(chuàng)建文件。中的命令等方法創(chuàng)建文件。Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 創(chuàng)建文件夾和文件任務(wù)一小 結(jié)任務(wù)二實 訓3、站點管理器站

15、點管理器主要用來管理文件及文件夾，在后期的網(wǎng)站維護中將站點管理器主要用來管理文件及文件夾，在后期的網(wǎng)站維護中將起到非常重要的作用。起到非常重要的作用。 Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作二 創(chuàng)建文件夾和文件任務(wù)一小 結(jié)任務(wù)二實 訓在Dreamweaver中可以通過設(shè)置【首選參數(shù)】來定義Dreamweaver的使用規(guī)則。例如，新建文檔默認的擴展名是什么，在文本處理中是否允許輸入多個連續(xù)的空格，在定義文本或其他元素外觀時是使用CSS還是HTML標簽，不可見元素是否顯示等。要求通過本操作的學習掌握設(shè)置【首選參數(shù)】的基本方法。Dr

16、eamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作三 設(shè)置首選參數(shù)任務(wù)一小 結(jié)任務(wù)二實 訓設(shè)置首選參數(shù)設(shè)置首選參數(shù)1、設(shè)置、設(shè)置【常規(guī)常規(guī)】分類參數(shù)分類參數(shù) Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作三 設(shè)置首選參數(shù)任務(wù)一小 結(jié)任務(wù)二實 訓2、設(shè)置、設(shè)置【不可見元素不可見元素】分類分類 參數(shù)參數(shù) Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作三 設(shè)置首選參數(shù)任務(wù)一小 結(jié)任務(wù)二實 訓3、設(shè)置、設(shè)置【復(fù)制復(fù)制/粘貼粘貼】分類

17、分類 參數(shù)參數(shù) Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作三 設(shè)置首選參數(shù)任務(wù)一小 結(jié)任務(wù)二實 訓4、設(shè)置、設(shè)置【新建文檔新建文檔】分類參數(shù)分類參數(shù) Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點操作三 設(shè)置首選參數(shù)任務(wù)一小 結(jié)任務(wù)二實 訓實訓 創(chuàng)建個人站點根據(jù)自己的愛好規(guī)劃一個個人站點，要有明確的主題，根據(jù)主根據(jù)自己的愛好規(guī)劃一個個人站點，要有明確的主題，根據(jù)主題進行欄目規(guī)劃和站點結(jié)構(gòu)規(guī)劃，然后在題進行欄目規(guī)劃和站點結(jié)構(gòu)規(guī)劃，然后在Dreamweaver CS3中中定義站點，并創(chuàng)建相應(yīng)的文件夾和文件。通過該實訓，讓讀者定義站點，并創(chuàng)建相應(yīng)的文件夾和文件。通過該實訓，讓讀者學會規(guī)劃、定義和創(chuàng)建站點的方法。學會規(guī)劃、定義和創(chuàng)建站點的方法。 【實訓目的實訓目的】l 了解站點規(guī)劃的有關(guān)知識了解站點規(guī)劃的有關(guān)知識 。l 掌握定義和創(chuàng)建站點的基本方法。掌握定義和創(chuàng)建站點的基本方法。 l 掌握在站點中創(chuàng)建文件和文件夾的方法。掌握在站點中創(chuàng)建文件和文件夾的方法。 Dreamweaver CS3網(wǎng) 頁 設(shè) 計 與 制 作項目二：項目二： 定義和創(chuàng)建站點定義和創(chuàng)建站點任務(wù)一小 結(jié)任務(wù)二實 訓小結(jié)本項目主要介紹了定義