網(wǎng)頁(yè)制作基礎(chǔ)

1、2017.4 網(wǎng)站的創(chuàng)建和管理網(wǎng)站的創(chuàng)建和管理 網(wǎng)站設(shè)計(jì)的基本操作網(wǎng)站設(shè)計(jì)的基本操作 本節(jié)學(xué)習(xí)目標(biāo)本節(jié)學(xué)習(xí)目標(biāo) 網(wǎng)頁(yè)設(shè)計(jì)的基本概念網(wǎng)頁(yè)設(shè)計(jì)的基本概念 網(wǎng)頁(yè)設(shè)計(jì)的超級(jí)鏈接和多媒體應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)的超級(jí)鏈接和多媒體應(yīng)用 網(wǎng)站設(shè)計(jì)的布局網(wǎng)站設(shè)計(jì)的布局 網(wǎng)頁(yè)中表單的應(yīng)用網(wǎng)頁(yè)中表單的應(yīng)用 站點(diǎn)的發(fā)布與管理站點(diǎn)的發(fā)布與管理（*選學(xué)） 4.1 網(wǎng)頁(yè)設(shè)計(jì)的基本概念網(wǎng)頁(yè)設(shè)計(jì)的基本概念 1. 網(wǎng)頁(yè)與網(wǎng)頁(yè)與HTML 網(wǎng)頁(yè)與網(wǎng)頁(yè)與HTML 網(wǎng)頁(yè)與網(wǎng)頁(yè)與HTML 網(wǎng)頁(yè)網(wǎng)頁(yè) HTML 網(wǎng)頁(yè)網(wǎng)頁(yè) HTML 網(wǎng)頁(yè)網(wǎng)頁(yè) HTML HTML（Hypertext Markup Language）是一種超）是一種超 文本標(biāo)記語(yǔ)言，用來(lái)描

2、述萬(wàn)維網(wǎng)上的超文本文件。文本標(biāo)記語(yǔ)言，用來(lái)描述萬(wàn)維網(wǎng)上的超文本文件。 從文件的角度來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)就是一個(gè)從文件的角度來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)就是一個(gè)HTML文件。文件。 設(shè)計(jì)、創(chuàng)建、制作與發(fā)布網(wǎng)頁(yè)設(shè)計(jì)、創(chuàng)建、制作與發(fā)布網(wǎng)頁(yè) Dreamweaver CS4、 FrontPage、 Adobe Pagemile、 Claris Home Page 等等網(wǎng)頁(yè)制作工具網(wǎng)頁(yè)制作工具 42萬(wàn)字符的萬(wàn)字符的HTML文本需文本需 要我們自己編寫(xiě)嗎？要我們自己編寫(xiě)嗎？ 構(gòu)成網(wǎng)頁(yè)的基本元素大體相同，主要包括標(biāo)題、網(wǎng)構(gòu)成網(wǎng)頁(yè)的基本元素大體相同，主要包括標(biāo)題、網(wǎng) 站站Logo、導(dǎo)航、超鏈接、廣告欄、文本、圖片、動(dòng)、導(dǎo)航、超鏈接

3、、廣告欄、文本、圖片、動(dòng) 畫(huà)、視頻與音頻等。畫(huà)、視頻與音頻等。 按網(wǎng)頁(yè)的表現(xiàn)形式可將網(wǎng)頁(yè)分為按網(wǎng)頁(yè)的表現(xiàn)形式可將網(wǎng)頁(yè)分為： u靜態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè) u動(dòng)態(tài)網(wǎng)頁(yè)動(dòng)態(tài)網(wǎng)頁(yè) 2. 網(wǎng)頁(yè)設(shè)計(jì)的流程網(wǎng)頁(yè)設(shè)計(jì)的流程 網(wǎng)頁(yè)設(shè)計(jì)的流程網(wǎng)頁(yè)設(shè)計(jì)的流程主要包括站點(diǎn)設(shè)計(jì)和網(wǎng)頁(yè)制作兩大部分。主要包括站點(diǎn)設(shè)計(jì)和網(wǎng)頁(yè)制作兩大部分。 網(wǎng)頁(yè)設(shè)計(jì)的流程主要包括：網(wǎng)頁(yè)設(shè)計(jì)的流程主要包括： 1.前期策劃 2.創(chuàng)建站點(diǎn) 3.創(chuàng)建主頁(yè)和其他網(wǎng)頁(yè) 4.添加網(wǎng)頁(yè)基本元素 5.創(chuàng)建網(wǎng)頁(yè)超級(jí)鏈接 6.網(wǎng)頁(yè)設(shè)計(jì)的版面布局 7.制作網(wǎng)頁(yè)表單 本節(jié)課后網(wǎng)頁(yè)制作課題本節(jié)課后網(wǎng)頁(yè)制作課題 制作一個(gè)屬于自己的興趣主題網(wǎng)站： 例：自己喜愛(ài)歌手的網(wǎng)站 主頁(yè)：歌手

4、的介紹及發(fā)行唱片 為每一張唱片建立一張網(wǎng)頁(yè)，對(duì)應(yīng)網(wǎng)頁(yè)上為該 唱片的各曲目介紹，如歌詞，詞曲作者，歌曲試聽(tīng)、 演唱會(huì)視頻等等。 4.2 網(wǎng)站的創(chuàng)建和管理網(wǎng)站的創(chuàng)建和管理 4.2 .1 Dreamweaver的界面的界面 4.2.2 站點(diǎn)的新建與管理站點(diǎn)的新建與管理 在在Dreamweaver CS4中，中，“站點(diǎn)站點(diǎn)” 是一個(gè)文件夾，用于存放網(wǎng)站的所有是一個(gè)文件夾，用于存放網(wǎng)站的所有 圖像、多媒體等文件，便于用戶對(duì)站圖像、多媒體等文件，便于用戶對(duì)站 點(diǎn)進(jìn)行發(fā)布、維護(hù)和管理。點(diǎn)進(jìn)行發(fā)布、維護(hù)和管理。 1. 站點(diǎn)的結(jié)構(gòu) 要制作一個(gè)能夠被公眾瀏覽的網(wǎng)站，首先要要制作一個(gè)能夠被公眾瀏覽的網(wǎng)站，首先要 在

5、本地磁盤(pán)上制作一個(gè)網(wǎng)站，然后把這個(gè)網(wǎng)站上傳在本地磁盤(pán)上制作一個(gè)網(wǎng)站，然后把這個(gè)網(wǎng)站上傳 到到Web服務(wù)器上。服務(wù)器上。 放在本地磁盤(pán)上的網(wǎng)站稱為本地站點(diǎn)，處于放在本地磁盤(pán)上的網(wǎng)站稱為本地站點(diǎn)，處于 Internet中中Web服務(wù)器上的網(wǎng)站稱為遠(yuǎn)程站點(diǎn)。服務(wù)器上的網(wǎng)站稱為遠(yuǎn)程站點(diǎn)。 2. 站點(diǎn)的建立 本地站點(diǎn)是存放網(wǎng)站內(nèi)容的集合本地站點(diǎn)是存放網(wǎng)站內(nèi)容的集合 體，網(wǎng)站的內(nèi)容都分門(mén)別類(lèi)地保存在體，網(wǎng)站的內(nèi)容都分門(mén)別類(lèi)地保存在 各類(lèi)文件夾中。各類(lèi)文件夾中。 步驟：步驟： （1）打開(kāi)打開(kāi)“站點(diǎn)定義站點(diǎn)定義”對(duì)話框?qū)υ捒?（2）定義站點(diǎn)）定義站點(diǎn) 例例1：建立一個(gè)本地站點(diǎn)：建立一個(gè)本地站點(diǎn)“站點(diǎn)站點(diǎn)1”，

6、站點(diǎn)文件夾，站點(diǎn)文件夾 為為C盤(pán)的盤(pán)的“計(jì)算機(jī)應(yīng)用計(jì)算機(jī)應(yīng)用”。 3. 3. 站點(diǎn)的管理站點(diǎn)的管理 站點(diǎn)建立后，站點(diǎn)建立后，Dreamweaver可可 以對(duì)站點(diǎn)及站點(diǎn)中的文件進(jìn)行管理，以對(duì)站點(diǎn)及站點(diǎn)中的文件進(jìn)行管理， 可以對(duì)所建立的站點(diǎn)進(jìn)行移動(dòng)、復(fù)制、可以對(duì)所建立的站點(diǎn)進(jìn)行移動(dòng)、復(fù)制、 刪除、導(dǎo)入、導(dǎo)出等操作。刪除、導(dǎo)入、導(dǎo)出等操作。 （1）打開(kāi)）打開(kāi)“管理站點(diǎn)管理站點(diǎn)”對(duì)話框?qū)υ捒?（2）切換站點(diǎn)）切換站點(diǎn) （3）編輯站點(diǎn)）編輯站點(diǎn) （4）復(fù)制站點(diǎn)）復(fù)制站點(diǎn) （5）刪除站點(diǎn)）刪除站點(diǎn) （6）導(dǎo)入）導(dǎo)入/導(dǎo)出站點(diǎn)導(dǎo)出站點(diǎn) （7）站點(diǎn)的查看方式）站點(diǎn)的查看方式 在網(wǎng)頁(yè)創(chuàng)作中，網(wǎng)頁(yè)上的信息大在網(wǎng)頁(yè)

7、創(chuàng)作中，網(wǎng)頁(yè)上的信息大 多是通過(guò)文字來(lái)表達(dá)的。文字是最基多是通過(guò)文字來(lái)表達(dá)的。文字是最基 本的元素之一，具有準(zhǔn)確快捷地傳遞本的元素之一，具有準(zhǔn)確快捷地傳遞 信息、存儲(chǔ)空間小、易復(fù)制、易保存、信息、存儲(chǔ)空間小、易復(fù)制、易保存、 易打印等優(yōu)點(diǎn)，其優(yōu)勢(shì)很難被其他元易打印等優(yōu)點(diǎn)，其優(yōu)勢(shì)很難被其他元 素所取代。素所取代。 （1）輸入文本和空格）輸入文本和空格 （2）文本換行（）文本換行（Enter與與Shift+Enter） 4.3 網(wǎng)站設(shè)計(jì)的基本操作網(wǎng)站設(shè)計(jì)的基本操作 1. 文本操作 （3）網(wǎng)頁(yè)頁(yè)面屬性設(shè)置 設(shè)置網(wǎng)頁(yè)的標(biāo)題、背景圖像、背景顏設(shè)置網(wǎng)頁(yè)的標(biāo)題、背景圖像、背景顏 色、文本顏色、鏈接顏色、頁(yè)邊

8、距等，對(duì)色、文本顏色、鏈接顏色、頁(yè)邊距等，對(duì) 外觀進(jìn)行整體上的控制，以保證頁(yè)面屬性外觀進(jìn)行整體上的控制，以保證頁(yè)面屬性 的一致性。的一致性。 單擊此按鈕，單擊此按鈕， 打開(kāi)打開(kāi) “頁(yè)面屬性頁(yè)面屬性”對(duì)話框?qū)υ捒?例例2：打開(kāi)打開(kāi)wy1.html，將網(wǎng)頁(yè)標(biāo)題設(shè)置為，將網(wǎng)頁(yè)標(biāo)題設(shè)置為“母親母親 河河”，設(shè)置網(wǎng)頁(yè)的超級(jí)鏈接顏色。，設(shè)置網(wǎng)頁(yè)的超級(jí)鏈接顏色。 （4）文本屬性設(shè)置（HTML屬性） 例例3：在在wy1.html中添加日期和水平線。中添加日期和水平線。 水平線屬性設(shè)置水平線屬性設(shè)置 日期屬性設(shè)置日期屬性設(shè)置 （5 5）添加特殊字符（）添加特殊字符（“插入插入”/ /“HTMLHTML”/ /“

9、特殊特殊 字符字符”） （6 6）添加日期（）添加日期（“插入插入”/ /“日期日期”）和添加水）和添加水 平線（平線（“插入插入”/ /“HTMLHTML” / /“水平線水平線”） （7）設(shè)置列表 網(wǎng)頁(yè)文本編排中，一些類(lèi)型相同或具有序列網(wǎng)頁(yè)文本編排中，一些類(lèi)型相同或具有序列 關(guān)系的文本內(nèi)容可以通過(guò)列表的方式來(lái)呈現(xiàn)，如關(guān)系的文本內(nèi)容可以通過(guò)列表的方式來(lái)呈現(xiàn)，如 此可以使網(wǎng)頁(yè)資料顯得整齊規(guī)則，便于閱讀。此可以使網(wǎng)頁(yè)資料顯得整齊規(guī)則，便于閱讀。有有 兩種列表：兩種列表：編號(hào)列表編號(hào)列表和和項(xiàng)目列表項(xiàng)目列表（“格式格式/列表列表”）。）。 編號(hào)列表效果編號(hào)列表效果項(xiàng)目列表效果項(xiàng)目列表效果 例例4：

10、將將wy1-1.html中的相應(yīng)段落設(shè)置編號(hào)列表。中的相應(yīng)段落設(shè)置編號(hào)列表。 列表屬性設(shè)置列表屬性設(shè)置 列表菜單選擇列表菜單選擇 CSS（Cascading Style Sheet）稱為）稱為“層疊層疊 樣式表樣式表”，簡(jiǎn)稱為，簡(jiǎn)稱為“樣式表樣式表”。CSS是一組格是一組格 式設(shè)置規(guī)則，用于控制式設(shè)置規(guī)則，用于控制Web頁(yè)面元素的外觀布頁(yè)面元素的外觀布 局。局。 使用使用CSS可以靈活并更好地控制許多文本可以靈活并更好地控制許多文本 屬性，包括特定字體、大小、粗體、斜體、下屬性，包括特定字體、大小、粗體、斜體、下 劃線等。劃線等。 2. CSS樣式 （1）CSS規(guī)則規(guī)則 CSS規(guī)則主要有選擇器

11、規(guī)則主要有選擇器 和聲明兩個(gè)部分組成，選擇和聲明兩個(gè)部分組成，選擇 器是表示格式元素的術(shù)語(yǔ)，器是表示格式元素的術(shù)語(yǔ)， 聲明用于定義元素樣式，如聲明用于定義元素樣式，如 右側(cè)右側(cè)所示的所示的.a1是選擇器，是選擇器， 介于介于之間的內(nèi)容就是聲明。之間的內(nèi)容就是聲明。 選擇器 聲明 （2）CSS定義定義 例例5：建立如建立如前頁(yè)前頁(yè)圖所示的圖所示的CSS規(guī)則規(guī)則.a1，并應(yīng)用，并應(yīng)用 到到wy1.html的第二段文本上。的第二段文本上。 步驟：步驟： u單擊文本單擊文本“屬性屬性”面板上的按鈕面板上的按鈕 ，“目標(biāo)規(guī)則目標(biāo)規(guī)則”中中 選擇選擇“” ，單擊出現(xiàn)，單擊出現(xiàn) “新建新建CSS規(guī)則規(guī)則”

12、對(duì)話框。對(duì)話框。 u輸入選擇器名稱輸入選擇器名稱.a1，單擊，單擊“確定確定”按鈕，在按鈕，在“.a1的的CSS 規(guī)則定義規(guī)則定義”對(duì)話框中點(diǎn)開(kāi)對(duì)話框中點(diǎn)開(kāi)“Font-Family”下拉列表，選下拉列表，選 擇擇“編輯字體列表編輯字體列表”選項(xiàng)選項(xiàng)。 u在在“編輯字體列表編輯字體列表”對(duì)話框中，單擊對(duì)話框中，單擊 按鈕可以將右邊按鈕可以將右邊 “可用字體可用字體”中的中的“宋體宋體”放入左邊的放入左邊的“選擇的字體選擇的字體” 中，單擊上面的中，單擊上面的“+”號(hào)，可將字體上面的添加到字體號(hào)，可將字體上面的添加到字體 列表中，并可以繼續(xù)添加新字體列表中，并可以繼續(xù)添加新字體。 u單擊單擊“確定

13、確定”按鈕，按鈕，回到回到定義定義CSS規(guī)則規(guī)則對(duì)話框進(jìn)行設(shè)置。對(duì)話框進(jìn)行設(shè)置。 添加字體 定義規(guī)則 （3）CSS的應(yīng)用的應(yīng)用 u選擇需設(shè)置屬性的 文本，在屬性面板 的“類(lèi)” 下拉列表 框中選擇.a1規(guī)則。 選擇a1規(guī)則 4.4 網(wǎng)頁(yè)設(shè)計(jì)的超級(jí)鏈接和多媒體應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)的超級(jí)鏈接和多媒體應(yīng)用 4.4.1.超級(jí)鏈接的設(shè)置超級(jí)鏈接的設(shè)置 練習(xí)練習(xí)：完成下面網(wǎng)頁(yè)中各式超級(jí)鏈接的設(shè)置：完成下面網(wǎng)頁(yè)中各式超級(jí)鏈接的設(shè)置： 超鏈接是指頁(yè)面對(duì)象之間的鏈接關(guān)系，只有通超鏈接是指頁(yè)面對(duì)象之間的鏈接關(guān)系，只有通 過(guò)超鏈接才可以實(shí)現(xiàn)在不同網(wǎng)頁(yè)，乃至不同網(wǎng)站之過(guò)超鏈接才可以實(shí)現(xiàn)在不同網(wǎng)頁(yè)，乃至不同網(wǎng)站之 間的跳轉(zhuǎn)。間的

14、跳轉(zhuǎn)。 超鏈接就是從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的關(guān)系，超鏈接就是從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的關(guān)系， 目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，可以是同一網(wǎng)頁(yè)的不同位目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，可以是同一網(wǎng)頁(yè)的不同位 置，還可以是一幅圖像、一個(gè)文件等。置，還可以是一幅圖像、一個(gè)文件等。 例例6：在在wy1.html中設(shè)置第一行中文本中設(shè)置第一行中文本“黃河黃河” 的超級(jí)鏈接，鏈接文件為的超級(jí)鏈接，鏈接文件為“huanghe.html”。 插 入 鏈 接 對(duì) 話 框 1. 文本鏈接 在在“目標(biāo)目標(biāo)”下拉列表中可以選擇超級(jí)鏈接的打下拉列表中可以選擇超級(jí)鏈接的打 開(kāi)方式開(kāi)方式。 u_blank：在一個(gè)新的瀏覽器中打開(kāi)。 u_parent

15、：在父框架中打開(kāi)。 u_self： 在網(wǎng)頁(yè)所在的窗口或框架中打開(kāi)， 此為默認(rèn)選項(xiàng)。 u_top： 在瀏覽器窗口打開(kāi)。 2. 錨記鏈接 Dreamweaver提供了錨記鏈接功能，可創(chuàng) 建跳轉(zhuǎn)到頁(yè)面的指定位置的鏈接。當(dāng)建立一個(gè) 錨記后，會(huì)在屏幕上顯示錨記標(biāo)記 。 執(zhí)行菜單“編輯/首選參數(shù)”命令，在“不 可見(jiàn)元素”中選取“命名錨記”復(fù)選框，“確 定”后即可顯示錨記。 顯示錨記 例例7：在在wy1.html網(wǎng)頁(yè)尾部添加網(wǎng)頁(yè)尾部添加“返回頂部返回頂部”四四 個(gè)字，并建立超級(jí)鏈接，可跳轉(zhuǎn)到網(wǎng)頁(yè)的首部。個(gè)字，并建立超級(jí)鏈接，可跳轉(zhuǎn)到網(wǎng)頁(yè)的首部。 步驟 ： u定義錨記名“m1” u尾部添加“返回頂部”文字 u

16、選擇文字，設(shè)置鏈接。 注意注意：錨記前必須加上：錨記前必須加上#號(hào)，即號(hào)，即“#m1”。 3. EMAIL鏈接 在對(duì)象的“屬性”面板的“鏈接”框內(nèi)輸入 “mailto:”并輸入Email地址，如 mailto:。 4. 4. 外部鏈接外部鏈接 在“屬性”面板的“鏈接”框內(nèi)直接輸入外部 鏈接地址，如http:/。 4.4.2.多媒體的應(yīng)用多媒體的應(yīng)用 練習(xí)：練習(xí)：完成如下網(wǎng)頁(yè)中多媒體元素的添加設(shè)置：完成如下網(wǎng)頁(yè)中多媒體元素的添加設(shè)置： 例例8：將圖像將圖像 huanghe.jpg 文 件 插 入 到文 件 插 入 到 wy1.html文檔文檔 中，并設(shè)置替中，并設(shè)置替 換文本換文本。 選擇圖像選

17、擇圖像 1. 插入圖像（插入圖像（“插入插入/圖像圖像”） 輸入替換文本輸入替換文本 “母親河母親河” 圖像的屬性設(shè)置圖像的屬性設(shè)置 插入鼠標(biāo)經(jīng)過(guò)圖像插入鼠標(biāo)經(jīng)過(guò)圖像 “鼠標(biāo)經(jīng)過(guò)圖像鼠標(biāo)經(jīng)過(guò)圖像”是指在瀏覽器中，是指在瀏覽器中， 當(dāng)鼠標(biāo)指針移動(dòng)到圖像上時(shí)，圖像隨當(dāng)鼠標(biāo)指針移動(dòng)到圖像上時(shí)，圖像隨 即變成另外一幅圖像，當(dāng)鼠標(biāo)指針移即變成另外一幅圖像，當(dāng)鼠標(biāo)指針移 開(kāi)時(shí)，又會(huì)恢復(fù)到第一幅圖像。開(kāi)時(shí)，又會(huì)恢復(fù)到第一幅圖像。 命令：命令：“插入插入/圖像對(duì)象圖像對(duì)象/鼠標(biāo)經(jīng)過(guò)對(duì)象鼠標(biāo)經(jīng)過(guò)對(duì)象” 例例9：在在wy1.html網(wǎng)頁(yè)中插入網(wǎng)頁(yè)中插入“鼠標(biāo)經(jīng)過(guò)圖像鼠標(biāo)經(jīng)過(guò)圖像”， 圖像為圖像為huanghe1.

18、jpg和和huanghe2.jpg文件。文件。 原始圖像原始圖像鼠標(biāo)經(jīng)過(guò)圖像鼠標(biāo)經(jīng)過(guò)圖像 插入插入“鼠標(biāo)經(jīng)過(guò)圖像鼠標(biāo)經(jīng)過(guò)圖像”對(duì)話框?qū)υ捒?2 . 插入插入Flash動(dòng)畫(huà)動(dòng)畫(huà) Flash動(dòng)畫(huà)以其文檔容量小、效果動(dòng)畫(huà)以其文檔容量小、效果 豐富等特點(diǎn)深受網(wǎng)頁(yè)制作者的鐘愛(ài)豐富等特點(diǎn)深受網(wǎng)頁(yè)制作者的鐘愛(ài)。 例例10：將將Flash文件文件001.swf插入到新建的網(wǎng)頁(yè)插入到新建的網(wǎng)頁(yè) wy2.html中。中。 “插入/媒體/SWF”菜單命令 選擇Flash 文件 3. 添加音頻（添加音頻（“插入插入/媒體媒體/插件插件”） 例例11：將將聲音聲音文件文件ex2.wav添加到添加到網(wǎng)頁(yè)網(wǎng)頁(yè)wy2.htm

19、l中中。 插入音頻后，打開(kāi)“窗口”菜單中的“標(biāo)簽編輯器 ”，可以對(duì)音頻進(jìn)行屬性設(shè)置。 打開(kāi)標(biāo)簽編輯打開(kāi)標(biāo)簽編輯 器器 音頻屬性設(shè)置音頻屬性設(shè)置 4. 添加視頻添加視頻(“插入插入/媒體媒體/FLV”） 例例12：將將視頻視頻文件文件Musicvedio.flv添加到添加到網(wǎng)頁(yè)網(wǎng)頁(yè) wy2.html中。中。 FLV視頻標(biāo)簽FLV預(yù)覽效果 插入FLV對(duì)話框 設(shè)置視頻的寬 度和高度 設(shè)置自動(dòng)播放 設(shè)置循環(huán)播放 網(wǎng)頁(yè)是網(wǎng)站構(gòu)成的基本元素。 一個(gè)網(wǎng)站是否精彩有什么影響因素呢？ 色彩的搭配、文字的變化、圖片的處理 還有一個(gè)非常重要的因素網(wǎng)頁(yè)布局。 什么是網(wǎng)頁(yè)布局？ 網(wǎng)頁(yè)布局是指網(wǎng)頁(yè)內(nèi)容在頁(yè)面上所處位置的設(shè)

20、計(jì)。 4.3 網(wǎng)頁(yè)布局網(wǎng)頁(yè)布局 常見(jiàn)的網(wǎng)頁(yè)布局結(jié)構(gòu) 1“國(guó)字”型布局 因布局結(jié)構(gòu)與漢字“國(guó)”相似而得名。頁(yè)面的最上部 分一般放置網(wǎng)站的標(biāo)志和導(dǎo)航欄或Banner廣告，頁(yè)面中 間主要放置網(wǎng)站的主要內(nèi)容，最下部分一般放置網(wǎng)站 的版權(quán)信息和聯(lián)系方式等。 2T型布局 T型布局結(jié)構(gòu)因與英文大寫(xiě)字母T相似而得名。其頁(yè)面的頂 部一般放置橫網(wǎng)站的標(biāo)志或Banner廣告，下方左側(cè)是導(dǎo)航 欄菜單，下方右側(cè)則用于放置網(wǎng)頁(yè)正文等主要內(nèi)容。 3標(biāo)題正文型 標(biāo)題正文型布局的布局結(jié)構(gòu)一般用于顯示文章頁(yè)面、新聞 頁(yè)面和一些注冊(cè)頁(yè)面等。 4左右框架型布局 左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一 種布局結(jié)構(gòu)。其布局結(jié)

21、構(gòu)主要分為左右兩側(cè)的頁(yè)面。左側(cè) 一般主要為導(dǎo)航欄鏈接，右側(cè)則放置網(wǎng)站的主要內(nèi)容 5上下框架型 上下框架型布局與前面的左右框架型布局類(lèi)似。其區(qū)別僅 在于是一種上下分為兩頁(yè)的框架。 6. 綜合框架型 綜合框架型布局是結(jié)合左右框架型布局和上下框架型布局 的頁(yè)面布局技術(shù) 7POP布局 POP布局是一種頗具藝術(shù)感和時(shí)尚感的網(wǎng)頁(yè)布局方式。頁(yè) 面設(shè)計(jì)通常以一張精美的海報(bào)畫(huà)面為布局的主體。 8FLASH布局 FLASH布局是指網(wǎng)頁(yè)頁(yè)面以一個(gè)或多個(gè)Flash作為頁(yè)面主體 的布局方式。在這種布局中，大部分甚至整個(gè)頁(yè)面都是 Flash。 網(wǎng)頁(yè)布局的方法 在網(wǎng)頁(yè)制作中，網(wǎng)頁(yè)布局的重要性是顯而易見(jiàn)的。布局有很多方法，但

22、 最基本的方法有兩種： 表格 框架（*選學(xué)*） 1. 利用表格布局網(wǎng)頁(yè) 右圖為利用表格進(jìn)行 網(wǎng)頁(yè)布局的頁(yè)面，表 格為9行5列，采用 創(chuàng)建后合并單元格方 式，表格無(wú)邊框線。 布局后的表格可以插 入文字、圖像、超級(jí) 鏈接、Email鏈接和 所有網(wǎng)頁(yè)元素，且整 齊美觀。 2. 表格的基本操作 表格是網(wǎng)頁(yè)制作的一個(gè)重要組成部分， 是最常用的網(wǎng)頁(yè)布局元素之一。利用表格 可以在頁(yè)面上整齊地顯示各種數(shù)據(jù)資料， 以及對(duì)文本和圖像進(jìn)行定位，利用表格的 背景、邊框線等屬性可以使網(wǎng)頁(yè)更加美觀。 表格的組成元素主要是：行、列、單 元格。 例例14：新建一網(wǎng)頁(yè)文件新建一網(wǎng)頁(yè)文件wy3-1.html，在網(wǎng)頁(yè)中插入一個(gè)，在

23、網(wǎng)頁(yè)中插入一個(gè)4行行3 列表格，合并第一行單元格，并設(shè)置對(duì)齊方式居中。列表格，合并第一行單元格，并設(shè)置對(duì)齊方式居中。 （1）表格的創(chuàng)建（）表格的創(chuàng)建（“插入插入/表格表格”） 插入表格對(duì)話框， 確定行數(shù)、列數(shù)。 表格寬度可以為絕對(duì) 像素單位，或?yàn)闉g覽 器寬度的百分比 “修改修改/表格表格/合并單元格合并單元格” 在屬性面 板中，打 開(kāi)“對(duì)齊” 下拉列表， 設(shè)置居中 對(duì)齊方式 百合并單元格操作 單元格單元格“填充填充”和和“間距間距”： u“填充填充”指單元格邊框與單元格內(nèi)容之間指單元格邊框與單元格內(nèi)容之間 的距離，單位為像素的距離，單位為像素 u“間距間距”指單元格邊框與單元格邊框之間指單元格

24、邊框與單元格邊框之間 的距離，單位為像素的距離，單位為像素 （2）表格的屬性設(shè)置）表格的屬性設(shè)置 表格建立好以后，選擇菜單表格建立好以后，選擇菜單“修改修改/表格表格”命命 令，可以對(duì)表格的行、列、單元格等進(jìn)行編輯。令，可以對(duì)表格的行、列、單元格等進(jìn)行編輯。 （3）表格的編輯）表格的編輯 u“插入行”和“插入列”：在光標(biāo)所處行或列上插入一空 行或一空列，原來(lái)的行或列相應(yīng)地往下移或往右移。 u“插入行或列”：從光標(biāo)開(kāi)始處可一次插入多行或多列。 u“刪除行”和“刪除列”：可一次刪除選取的多行或多列。 如未選取行或列，則刪除光標(biāo)所在行或列。 u“拆分單元格”：將一個(gè)單元格拆分為多行或多列。 u “合

25、并單元格”：將選取的多個(gè)單元格合并為一個(gè)單元格。 單元格是表格的最基本單位，單元格屬性單元格是表格的最基本單位，單元格屬性 與表格的屬性稍有不同與表格的屬性稍有不同。 （4）單元格的屬性設(shè)置）單元格的屬性設(shè)置 u“水平”和“垂直”：指單元格內(nèi)容的對(duì)齊方式。“水 平”為左對(duì)齊、右對(duì)齊、居中對(duì)齊等水平對(duì)齊方式， “垂直”為“頂端”、“居中”、“底部”等垂直對(duì)齊 方式。 u“寬”和“高”：表示單元格的寬度和高度，單位 像素。 若要指定百分比，可在數(shù)值后使用百分比符號(hào)%。 u“背景顏色”：設(shè)置單元格的背景顏色。 u“標(biāo)題”：?jiǎn)卧裰械膬?nèi)容為粗體并居中。 u“不換行”：防止換行，當(dāng)單元格內(nèi)容寬于原單元格

26、寬 度時(shí)，單元格會(huì)加寬寬度來(lái)容納所有內(nèi)容。 框架集由一組框架構(gòu)成，框架集把瀏覽器框架集由一組框架構(gòu)成，框架集把瀏覽器 窗口劃分為若干個(gè)區(qū)域，每個(gè)區(qū)域定義為一個(gè)框窗口劃分為若干個(gè)區(qū)域，每個(gè)區(qū)域定義為一個(gè)框 架，在此框架中可以顯示不同的網(wǎng)頁(yè)，從而實(shí)現(xiàn)架，在此框架中可以顯示不同的網(wǎng)頁(yè)，從而實(shí)現(xiàn) 在同一頁(yè)面中顯示多個(gè)網(wǎng)頁(yè)文檔內(nèi)容。在同一頁(yè)面中顯示多個(gè)網(wǎng)頁(yè)文檔內(nèi)容。 3. 框架的創(chuàng)建及使用（*選學(xué)） （1）創(chuàng)建和保存框架）創(chuàng)建和保存框架（*選學(xué)） 例例15：新建一框架集文件新建一框架集文件wy3.html，框架為，框架為“對(duì)齊上緣對(duì)齊上緣”，兩兩 個(gè)框架文件分別保存為個(gè)框架文件分別保存為wy3-1.ht

27、ml、和和wy3-2.html。 上框架wy3-1.html 主框架wy3-2.html 插入框架集操作：插入框架集操作： “對(duì)齊上緣”框架集包含頂 框架“topFrame”和主框架 “mainFrame” 步驟：步驟： 新建網(wǎng)頁(yè)文件（未命名）新建網(wǎng)頁(yè)文件（未命名） 插入框架集插入框架集 光標(biāo)置于上框架內(nèi)，執(zhí)行光標(biāo)置于上框架內(nèi)，執(zhí)行“文件文件/在框架中打開(kāi)在框架中打開(kāi) ”命令，命令， 選擇選擇wy3-1.html文件，單擊文件，單擊“確定確定”。 光標(biāo)置于下框架內(nèi)，執(zhí)行光標(biāo)置于下框架內(nèi)，執(zhí)行“文件文件/在框架中打開(kāi)在框架中打開(kāi) ”命令，命令， 選擇選擇wy3-2.html文件，單擊文件，單擊“

28、確定確定”。 執(zhí)行執(zhí)行“文件文件/保存全部保存全部”命令，輸入文件名命令，輸入文件名 wy3.html，單擊，單擊“保存保存”。 注意注意：執(zhí)行：執(zhí)行“在框架中打開(kāi)在框架中打開(kāi)”命令，命令，wy3-1.html 和和wy3-2.html網(wǎng)頁(yè)文件必須事先已存在于站點(diǎn)中。網(wǎng)頁(yè)文件必須事先已存在于站點(diǎn)中。 可以發(fā)現(xiàn)，當(dāng)把光標(biāo)定位在不同框架時(shí)，可以發(fā)現(xiàn)，當(dāng)把光標(biāo)定位在不同框架時(shí)， 在窗口標(biāo)題上顯示的是在此框架中打開(kāi)的網(wǎng)頁(yè)文在窗口標(biāo)題上顯示的是在此框架中打開(kāi)的網(wǎng)頁(yè)文 件名。而選取整個(gè)框架集外框時(shí)，窗口顯示框架件名。而選取整個(gè)框架集外框時(shí)，窗口顯示框架 集文件名。集文件名。 如果創(chuàng)建的框架不是所需的，可以

29、直接拖如果創(chuàng)建的框架不是所需的，可以直接拖 動(dòng)框架分割線到窗口頂部或底部，清除框架。動(dòng)框架分割線到窗口頂部或底部，清除框架。 （2）設(shè)置超級(jí)鏈接）設(shè)置超級(jí)鏈接（*選學(xué)） 例例16：在：在wy3-1.html（即上框架）中設(shè)置文本的超級(jí)鏈接。選（即上框架）中設(shè)置文本的超級(jí)鏈接。選 擇擇“黃河游黃河游”文本，設(shè)置超級(jí)鏈接到文本，設(shè)置超級(jí)鏈接到wy1.html網(wǎng)頁(yè)，目標(biāo)為網(wǎng)頁(yè)，目標(biāo)為 mainFrame。 注意注意：框架中的超級(jí)鏈接，目標(biāo)可以設(shè)置為某個(gè)框架：框架中的超級(jí)鏈接，目標(biāo)可以設(shè)置為某個(gè)框架 （mainFrame、topFrame、leftFrame、rightFrame、 bottomFra

30、me等）等）。 框架超鏈接目標(biāo) （3）框架面板）框架面板（*選學(xué)） 利用框架面板可以靈活地選取某個(gè)框架，對(duì)框架進(jìn)行 屬性設(shè)置。選擇菜單“窗口/”框架可打開(kāi)框架面板。 框架面板 （4）框架與框架集屬性設(shè)置）框架與框架集屬性設(shè)置（*選學(xué)） 框架的屬性分為框架集屬性和框架屬 性兩部分。 “框架集” 屬性面板 “框架”屬 性面板 在一個(gè)網(wǎng)站注冊(cè)時(shí)，首先填寫(xiě)注冊(cè)表，然后點(diǎn)擊“提交”或“確定”按鈕后， 注冊(cè)表的信息提交到網(wǎng)站。這個(gè)操作就是通過(guò)表單實(shí)現(xiàn)的。 什么是表單： 表單在網(wǎng)頁(yè)中主要負(fù)責(zé)數(shù)據(jù)采集功能。 表單是服務(wù)者與用戶進(jìn)行交互的通道。 通過(guò)表單，用戶可以在表單對(duì)象中輸入或選擇相關(guān)的信息，然后提交到站點(diǎn)

31、服務(wù) 器的數(shù)據(jù)庫(kù)，而服務(wù)器腳本或應(yīng)用程序即對(duì)這些信息進(jìn)行處理，最后服務(wù)器回應(yīng) 請(qǐng)求，將信息發(fā)送回用戶或客戶端頁(yè)面，從而達(dá)到人站交流的目的。 4.4 表單的使用表單的使用 表單組成 一個(gè)表單有三個(gè)基本組成部分： 表單標(biāo)簽：這里面包含了處理表單數(shù)據(jù)所用程序的URL以及數(shù)據(jù)提交到服務(wù)器的方 法。 表單域：包含了文本框、密碼框、隱藏域、多行文本框、復(fù)選框、單選框、下拉 選擇框和文件上傳框等。 表單按鈕：包括提交按鈕、復(fù)位按鈕和一般按鈕；用于將數(shù)據(jù)傳送到服務(wù)器上的 腳本或者取消輸入，還可以用表單按鈕來(lái)控制其他數(shù)據(jù)處理工作。 “調(diào)查問(wèn)卷”表單 單行文本 單選按鈕 復(fù)選框 菜單/列表 文件域 命令按鈕 在網(wǎng)

32、頁(yè)中添加表單對(duì)象，必須先創(chuàng)建表單 （或稱表單域），在編輯狀態(tài)下，表單以虛線框 出現(xiàn)，同一表單中的各種表單元素應(yīng)集中在表單 中才會(huì)有效。表單對(duì)象可通過(guò)“插入”面板的 “表單”選項(xiàng)卡來(lái)插入。 表單域，表單中需提交的內(nèi)容都 必須放置在紅色虛線框內(nèi)。 表單選項(xiàng)卡 1. 表單及表單屬性 （1）表單）表單 u“表單ID”：用來(lái)設(shè)置表單的名稱，當(dāng)同一頁(yè)面中有多 個(gè)表單時(shí)，需要有不同名稱來(lái)區(qū)分。 u“動(dòng)作”：用來(lái)制定處理該表單的動(dòng)態(tài)頁(yè)或腳本的路徑。 例如需要通過(guò)Email發(fā)送，則可以輸入 mailto: u“方法”：設(shè)置將表單數(shù)據(jù)發(fā)送到服務(wù)器的方法，其中 POST表示用標(biāo)準(zhǔn)輸入方式發(fā)送數(shù)據(jù)到服務(wù)器，GET表示

33、 把表單數(shù)據(jù)附加到請(qǐng)求URL后發(fā)送到服務(wù)器。 u“目標(biāo)”：設(shè)置表單數(shù)據(jù)被處理后，反饋網(wǎng)頁(yè)的打開(kāi)方 式。 u“編碼類(lèi)型”：設(shè)置發(fā)送數(shù)據(jù)的編碼類(lèi)型。 （2）表單屬性）表單屬性 插入表單（表單域）后，可以在其中插入各 種表單對(duì)象。 2. 表單對(duì)象 （1）文本框）文本框 例例17：在：在wy4.html網(wǎng)頁(yè)中網(wǎng)頁(yè)中插入表單域插入表單域，插入文本插入文本域域并設(shè)置屬性。并設(shè)置屬性。 單行文本域?qū)傩栽O(shè)置 密碼設(shè)置 可輸入的最多字符數(shù) 可顯示的最多字符數(shù) （2）文本區(qū)域）文本區(qū)域 顯示行數(shù) （3）單選按鈕和復(fù)選框）單選按鈕和復(fù)選框 例例18：在：在wy4.html網(wǎng)頁(yè)中添加單選按鈕網(wǎng)頁(yè)中添加單選按鈕。 單選

34、按鈕 單選按鈕屬性 多行文本域?qū)傩栽O(shè)置 復(fù)選框?qū)傩?例例18：在：在wy4.html網(wǎng)頁(yè)中添加復(fù)選框網(wǎng)頁(yè)中添加復(fù)選框。 復(fù)選框 （4）列表）列表/菜單菜單 插入菜單項(xiàng)，單擊屬性面板上的插入菜單項(xiàng)，單擊屬性面板上的“列表值列表值”按鈕，按鈕， 添加菜單內(nèi)容。添加菜單內(nèi)容。 例例19：在：在wy4.html網(wǎng)頁(yè)中添加菜單網(wǎng)頁(yè)中添加菜單。 單擊此按鈕可 添加菜單內(nèi)容 單擊“+”號(hào)可添加內(nèi)容 “菜單”屬性 “列表”設(shè)置 菜單預(yù)覽列表預(yù)覽 列表允許多選 （5）文件域）文件域 利用文件域可以將選擇的文件作為表單數(shù)據(jù)提利用文件域可以將選擇的文件作為表單數(shù)據(jù)提 交到服務(wù)器上。交到服務(wù)器上。 例例20：在：在w

35、y4.html網(wǎng)頁(yè)中添加文件域網(wǎng)頁(yè)中添加文件域。 （6）按鈕）按鈕 按鈕按鈕是控制表單是控制表單提交提交或或重重設(shè)設(shè)的操作的操作。 按鈕 “提交表單”表示將 數(shù)據(jù)提交到服務(wù)器 “重設(shè)表單”表示將表 單數(shù)據(jù)重設(shè)為原始值 （7）圖像域）圖像域 可以使用圖像作為按鈕來(lái)提交表單可以使用圖像作為按鈕來(lái)提交表單。 （8）跳轉(zhuǎn)菜單）跳轉(zhuǎn)菜單 在表單中使用跳轉(zhuǎn)菜單，用戶可以從菜單中選在表單中使用跳轉(zhuǎn)菜單，用戶可以從菜單中選 擇需要打開(kāi)的相應(yīng)的網(wǎng)頁(yè)或文件。擇需要打開(kāi)的相應(yīng)的網(wǎng)頁(yè)或文件。 例例22：在：在wy4.html網(wǎng)頁(yè)中添加跳轉(zhuǎn)菜單，內(nèi)容是網(wǎng)頁(yè)中添加跳轉(zhuǎn)菜單，內(nèi)容是“上海熱線上海熱線”和和 “新浪網(wǎng)新浪網(wǎng)”

36、。 插入跳轉(zhuǎn)菜單對(duì)話框 單擊“+”號(hào)可添加菜 單項(xiàng) 選擇此項(xiàng)，可插入 “前往”按鈕 4.5.1 站點(diǎn)的發(fā)布 4.5.2 站點(diǎn)的管理 4.5 站點(diǎn)的發(fā)布與管理站點(diǎn)的發(fā)布與管理（*選學(xué)） 4.5.1 站點(diǎn)的發(fā)布（*選學(xué)） “站點(diǎn)的發(fā)布站點(diǎn)的發(fā)布”是指利用是指利用DreamweaverDreamweaver 將本地站點(diǎn)的網(wǎng)站內(nèi)容傳輸?shù)竭h(yuǎn)程站點(diǎn)將本地站點(diǎn)的網(wǎng)站內(nèi)容傳輸?shù)竭h(yuǎn)程站點(diǎn) 這一過(guò)程。這一過(guò)程。 遠(yuǎn)程站點(diǎn)通常位于一臺(tái)已經(jīng)開(kāi)啟遠(yuǎn)程站點(diǎn)通常位于一臺(tái)已經(jīng)開(kāi)啟WebWeb服服 務(wù)器的計(jì)算機(jī)上。務(wù)器的計(jì)算機(jī)上。 1. 遠(yuǎn)程站點(diǎn)的建立（*選學(xué)） 一般而言，遠(yuǎn)程站點(diǎn)和本地站點(diǎn)位于兩臺(tái)不同一般而言，遠(yuǎn)程站點(diǎn)和本地

37、站點(diǎn)位于兩臺(tái)不同 的計(jì)算機(jī)上。的計(jì)算機(jī)上。 在建立遠(yuǎn)程站點(diǎn)之前必須先搞清楚三個(gè)問(wèn)題：在建立遠(yuǎn)程站點(diǎn)之前必須先搞清楚三個(gè)問(wèn)題： 遠(yuǎn)程站點(diǎn)位于哪一臺(tái)計(jì)算機(jī)上遠(yuǎn)程站點(diǎn)位于哪一臺(tái)計(jì)算機(jī)上 本地站點(diǎn)以什么通信方式訪問(wèn)遠(yuǎn)程站點(diǎn)本地站點(diǎn)以什么通信方式訪問(wèn)遠(yuǎn)程站點(diǎn) 根據(jù)特定的通信方式，本地站點(diǎn)訪問(wèn)遠(yuǎn)程站點(diǎn)時(shí)根據(jù)特定的通信方式，本地站點(diǎn)訪問(wèn)遠(yuǎn)程站點(diǎn)時(shí) 需要設(shè)置哪些參數(shù)需要設(shè)置哪些參數(shù) 遠(yuǎn)程文件夾一般指遠(yuǎn)程文件夾一般指Web服務(wù)器上存儲(chǔ)文件的位服務(wù)器上存儲(chǔ)文件的位 置，這些文件可以用來(lái)向互聯(lián)網(wǎng)用戶發(fā)布。置，這些文件可以用來(lái)向互聯(lián)網(wǎng)用戶發(fā)布。 如果計(jì)劃開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)，如果計(jì)劃開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)，Dreamweaver 需要

38、測(cè)需要測(cè) 試服務(wù)器的服務(wù)以便生成和顯示動(dòng)態(tài)內(nèi)容。在測(cè)試試服務(wù)器的服務(wù)以便生成和顯示動(dòng)態(tài)內(nèi)容。在測(cè)試 服務(wù)器上存放站點(diǎn)內(nèi)容的文件夾就是測(cè)試服務(wù)器文服務(wù)器上存放站點(diǎn)內(nèi)容的文件夾就是測(cè)試服務(wù)器文 件夾。件夾。 （1）遠(yuǎn)程文件夾和測(cè)試服務(wù)器文件夾 Dreamweaver CS4提供的在本地和遠(yuǎn)程文件夾提供的在本地和遠(yuǎn)程文件夾 之間傳輸文件時(shí)可以使用的訪問(wèn)方法之間傳輸文件時(shí)可以使用的訪問(wèn)方法： （2）遠(yuǎn)程文件夾的訪問(wèn)方法 uFTP： 如果使用 FTP 能夠連接到 Web 服務(wù)器，可使用此設(shè)置。 u本地/ 網(wǎng)絡(luò)： 如果遠(yuǎn)程文件夾位于網(wǎng)絡(luò)文件夾或在本地計(jì)算 機(jī)上時(shí)可使用此設(shè)置。 uRDS （遠(yuǎn)程開(kāi)發(fā)服務(wù)）：

39、對(duì)于這種訪問(wèn)方法，遠(yuǎn)程文件夾必 須位于運(yùn)行 Adobe ColdFusion 的計(jì)算機(jī)上。 注意注意：上述不同的訪問(wèn)方法對(duì)應(yīng)著不同的配置參數(shù)。只有正確配上述不同的訪問(wèn)方法對(duì)應(yīng)著不同的配置參數(shù)。只有正確配 置參數(shù)才能確保本地站點(diǎn)與遠(yuǎn)程站點(diǎn)之間能正常傳輸文件置參數(shù)才能確保本地站點(diǎn)與遠(yuǎn)程站點(diǎn)之間能正常傳輸文件。 u選擇菜單選擇菜單“站站 點(diǎn)點(diǎn)/ 管理站點(diǎn)管理站點(diǎn) ”命令命令，進(jìn)入，進(jìn)入 “站點(diǎn)定義站點(diǎn)定義” 對(duì)話框?qū)υ捒颉?u在在“站點(diǎn)定義站點(diǎn)定義 ”對(duì)話框中，對(duì)話框中， 輸入相應(yīng)內(nèi)容輸入相應(yīng)內(nèi)容 并進(jìn)行屬性設(shè)并進(jìn)行屬性設(shè) 置。置。 （3）定義遠(yuǎn)程文件夾（以FTP方式訪問(wèn)） 定義遠(yuǎn)程文件夾 選擇FTP方式 選擇遠(yuǎn)程信息 主機(jī)名稱 遠(yuǎn)程文件夾一旦創(chuàng)建遠(yuǎn)程文件夾一旦創(chuàng)建 成功，就可以從本地站點(diǎn)向成功，就可以從本地站點(diǎn)向 遠(yuǎn)程站點(diǎn)上傳文件了。在遠(yuǎn)程站點(diǎn)上傳文件了。在 Dreamweaver中，上傳文件中，上傳文件 的操作主要通過(guò)的操作主要通過(guò)“文件文件”面面 板來(lái)執(zhí)行。板來(lái)執(zhí)行。 2. 遠(yuǎn)程站點(diǎn)的發(fā)布（*選學(xué)） 上傳文件按鈕 4.5.2 站點(diǎn)的管理（*選學(xué)） 隨著站點(diǎn)的發(fā)布和站點(diǎn)內(nèi)容的不斷更新，新增、刪除和隨著站點(diǎn)的發(fā)布和站點(diǎn)內(nèi)容的不斷更新，