【正文】 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 圖 48 圖 49 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 圖 410 圖 411 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 若選中 單選項，表示該站點是一個靜態(tài)站點，沒有動態(tài)頁；若選中 單選項，則對話框變?yōu)槿?圖 411所示，在其下拉列表中可選擇需要的選項。 （ 5）在 “ 基本 ” 選項卡中的文本框中輸入要設(shè)置的站點名稱，如 “ 校園青春 ” ， “ 未命名站點 1 的站點定義為 ” 對話框變?yōu)槿?圖 49所示的 “ 校園青春 的站點定義為 ” 對話框 。 （ 3） 單擊 按鈕 ， 打開如 圖 47所示的菜單列表 。 （ 1） 按上述方法打開如 圖 44所示的 “ 文件 ”面板 。 下面介紹一種最適合初學(xué)者的方法 ， 其他方法將在上機(jī)實戰(zhàn)中講解 。 ? 選擇 [窗口 ]?[文件 ]菜單命 令 ， 或按 【 F8】 鍵在Dreamweaver MX 2022右側(cè)的浮動面板組中打開 “ 文件 ”面板 。 ? 在窗口浮動面板組中 ， 單擊浮動面板組上的 按鈕展開 “ 文件 ” 面板 ， 如圖 44所示 。 ? 站點窗口的顯示 ? 站點的創(chuàng)建 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 站點窗口的顯示 站點的創(chuàng)建和管理主要在站點窗口中進(jìn)行 。草圖的設(shè)計方法很多，可以用Photoshop、 Fireworks、 CorlDRAW等圖形軟件制作，制作出的圖紙也不用很精確，有一個大致的模型就行。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 圖 43 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 創(chuàng)建設(shè)計草圖 有了以上的規(guī)劃設(shè)計后，可以將站點的樣式和版面進(jìn)行設(shè)計，制作出一個大致的草圖。這樣做的好處是在實際制作過程中可以輕松創(chuàng)建各種鏈接 。 當(dāng)做好網(wǎng)站并上傳到遠(yuǎn)程站點時 ， 就能清楚地知道遠(yuǎn)程站點的結(jié)構(gòu) ， 而不需要上網(wǎng)查詢 。 另外一種方法是在每個子欄目中分別建立各自的圖像 、動畫 、 模板等文件夾 ， 各欄目中的圖像 、 動畫 、 模板分別保存在各自欄目的文件夾中 ， 如 圖 42所示 。 在實際的制作過程中 ， 有兩種方法保存這些內(nèi)容 。 采用這樣的分類歸納以后，整個網(wǎng)站的層次一目然，使管理維護(hù)更加方便容易。一般把相關(guān)的網(wǎng)頁放在同一個文件夾中。如果在本地對站點作了修改，還要將其上傳到 Web站點上更新自己的站點。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 通常，在制作站點時首先應(yīng)在本地硬盤上創(chuàng)建一個文件夾，然后在制作站點過程中，將所有創(chuàng)建和編輯的文檔都保存在該文件夾中。創(chuàng)建一個大型網(wǎng)站時，如果將所有的網(wǎng)頁都存儲在一個目錄下，當(dāng)站點的規(guī)模越來越龐大時，管理起來就會變得很不容易。在確定了建站的目的和站點面向的服務(wù)對象及配置好站點的軟硬件環(huán)境后，具體的工作重點就是組織站點的結(jié)構(gòu)。主要在對動態(tài)頁面進(jìn)行測試時使用。 ? 測試服務(wù)器文件夾：測試服務(wù)器文件夾是 Dreamweaver處理動態(tài)頁面的文件夾。Dreamweaver在 “ 文件 ” 面板中將該文件夾稱為 “ 遠(yuǎn)程站點 ” 。在制作一般網(wǎng)頁時只建立本地站點即可。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 ? 本地站點：本地站點是的工作目錄，也就是存放網(wǎng)頁的本地文件夾。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 Macromedia Dreamweaver MX 2022的站點 在 Macromedia Dreamweaver MX 2022中提供了 3類站點，即本地站點、遠(yuǎn)程站點和測試服務(wù)器文件夾。 為了達(dá)到最佳效果 ， 在創(chuàng)建任何 Web站點頁面之前 ， 應(yīng)對站點的結(jié)構(gòu)進(jìn)行設(shè)計和規(guī)劃 ， 接著配置 Dreamweaver以使可以在站點的基本結(jié)構(gòu)上正常工作 。比如要建立一個與數(shù)據(jù)庫連接的動態(tài)頁面 ， 必須先建立一個站點 ， 否則將不能建立與數(shù)據(jù)庫的連接 ， 不能實現(xiàn)與數(shù)據(jù)庫的動態(tài)交互 ， 這個動態(tài)頁面也就不能稱為動態(tài)頁面了 。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 課堂講解 ?規(guī)劃站點 ?創(chuàng)建站點基本結(jié)構(gòu) ?站點地圖的管理 ?頁面設(shè)置 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 規(guī)劃站點 ?Macromedia Dreamweaver MX 2022的站點 ?規(guī)劃站點結(jié)構(gòu) ?導(dǎo)航草圖設(shè)計 ?創(chuàng)建設(shè)計草圖 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 在開始使用 Dreamweaver之前 ， 一般應(yīng)該先建立一個 Web站點 ， 才能夠進(jìn)行以后的操作 。向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 第四課 站點的規(guī)劃與創(chuàng)建 ?課前導(dǎo)讀 ?課堂講解 ?上機(jī)實戰(zhàn) ?課后練習(xí) 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 課前導(dǎo)讀 ?基礎(chǔ)知識 ?重點知識 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 基礎(chǔ)知識 站點的規(guī)劃、站點的創(chuàng)建、站點和站點文件的編輯、頁面設(shè)置的方法。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 重點知識 站點的創(chuàng)建、站點和站點文件的編輯及頁面設(shè)置的方法。 因為如果不先建立一個站點 ， 有很多效果是不能實現(xiàn)的 。 創(chuàng)建 Web站點的第一步是規(guī)劃 。 如果在 Web服務(wù) 器 上 已 經(jīng) 建 有 一 個 站 點 ， 則 可 以 使 用Dreamweaver來編輯修改該站點 。本地站點和遠(yuǎn)程站點使能夠在本地磁盤和 Web服務(wù)器之間傳輸文件，這使可以輕松管理 Dreamweaver站點中的文件；而測試服務(wù)器文件夾則用于動態(tài)頁面的調(diào)試。 Dreamweaver將該文件夾作為 Web站點的“ 本地站點 ” ，它可以放在本地計算機(jī)上，也可以放在網(wǎng)絡(luò)服務(wù)器上。 ? 遠(yuǎn)程站點：遠(yuǎn)程站點是存儲用于測試、生產(chǎn)、協(xié)作等文件的地方，具體是哪些文件取決于開發(fā)環(huán)境。一般遠(yuǎn)程文件夾位于運行 Web服務(wù)器的計算機(jī)上。 Dreamweaver使用此文件夾生成動態(tài)內(nèi)容并在工作時連接到數(shù)據(jù)庫。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 規(guī)劃站點結(jié)構(gòu) 了解了 Macromedia Dreamweaver MX 2022站點的相關(guān)知識后，接下來就應(yīng)該對網(wǎng)站進(jìn)行規(guī)劃了。 合理地組織站點結(jié)構(gòu)，能加快對站點的設(shè)計，提高工作效率。因此，應(yīng)合理地使用文件夾管理文檔。當(dāng)準(zhǔn)備發(fā)布站點時，將這些文件上傳到Web服務(wù)器上即可。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 ?歸類站點內(nèi)容 ?項目放置的位置 ?本地站點與遠(yuǎn)程站點的統(tǒng)一 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 歸類站點內(nèi)容 首先需要整理一下自己站點頁面的內(nèi)容，然后對其進(jìn)行分類。例如想創(chuàng)建一個大型的關(guān)于網(wǎng)頁制作方面的網(wǎng)站，網(wǎng)站包括網(wǎng)頁教程、網(wǎng)頁制作軟件、網(wǎng)頁素材庫等欄目，則可把如 “ Dreamweaver教程 ” 、 “ Flash教程 ” 、“ Frontpage教程 ” 等頁面放在 “ 網(wǎng)頁教程 ” 欄目里，而把 “ 特效軟件 ” 、 “ 網(wǎng)頁制作軟件 ” 、 “ 動畫制作軟件 ” 等頁面放在 “ 網(wǎng)頁制作軟件 ” 欄目中。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 項目放置的位置 站點中除了基本的網(wǎng)頁文件外 ， 通常還包括圖像 、動畫 、 模板文件等許多資源 ， 也應(yīng)該對這些內(nèi)容進(jìn)行分類 ， 并采用有效的方式進(jìn)行存儲 ， 這樣有利于更好的管理和使用資源 。 一種方法是在整個站點中只建一個圖像文件夾 、一個模板文件夾 、 一個動畫文件夾 …… 整個站點中的相應(yīng)文件都保存在相應(yīng)文件夾中 ， 如 圖 41所示 。 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 圖 41 圖 42 向下 向上 末頁 首頁 《 中文版 Dreamweaver MX 2022網(wǎng)頁制作設(shè)計教程 》 調(diào)音 返回 南通大學(xué)計算機(jī)學(xué)院 王則林 結(jié)束 本地站點與遠(yuǎn)程站點的統(tǒng)一 為了便于對本地