請(qǐng)執(zhí)行以下操作：啟動(dòng) Dreamweaver MX 2004：
選擇“站點(diǎn)” >“管理站點(diǎn)”（即，從“站點(diǎn)”菜單選擇“管理站點(diǎn)”）。 出現(xiàn)“管理站點(diǎn)”對(duì)話框。
在“管理站點(diǎn)”對(duì)話框中，單擊“新建”，然后從彈出式菜單中選擇“站點(diǎn)”。 出現(xiàn)“站點(diǎn)定義”對(duì)話框。
如果對(duì)話框顯示的是“高級(jí)”選項(xiàng)卡，則單擊“基本”。 出現(xiàn)“站點(diǎn)定義向?qū)?rdquo;的第一個(gè)界面，要求您為站點(diǎn)輸入一個(gè)名稱。
　　在文本框中，輸入一個(gè)名稱以在 Dreamweaver MX 2004中標(biāo)識(shí)該站點(diǎn)。該名稱可以是任何所需的名稱。
單擊“下一步”。出現(xiàn)向?qū)У南乱粋€(gè)界面，詢問您是否要使用服務(wù)器技術(shù)。
　　選擇“否”選項(xiàng)，指示目前該站點(diǎn)是一個(gè)靜態(tài)站點(diǎn)，沒有動(dòng)態(tài)頁。
單擊“下一步”。出現(xiàn)向?qū)У南乱粋€(gè)界面，詢問您要如何使用您的文件。
　　選擇標(biāo)有“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器（推薦）”的選項(xiàng)。 在站點(diǎn)開發(fā)過程中有多種處理文件的方式，初學(xué)網(wǎng)頁制作的朋友請(qǐng)選擇此選項(xiàng)。
單擊該文本框旁邊的文件夾圖標(biāo)。 隨即會(huì)出現(xiàn)“選擇站點(diǎn)的本地根文件夾”對(duì)話框。
　　單擊“下一步”， 出現(xiàn)向?qū)У南乱粋€(gè)界面，詢問您如何連接到遠(yuǎn)程服務(wù)器。從彈出式菜單中選擇“無”。 您可以稍后設(shè)置有關(guān)遠(yuǎn)程站點(diǎn)的信息。目前，本地站點(diǎn)信息對(duì)于開始創(chuàng)建網(wǎng)頁已經(jīng)足夠了。單擊“下一步”，該向?qū)У南乱粋€(gè)屏幕將出現(xiàn)，其中顯示您的設(shè)置概要。
　　單擊“完成”完成設(shè)置。 隨即出現(xiàn)“管理站點(diǎn)”對(duì)話框，顯示您的新站點(diǎn)。單擊“完成”關(guān)閉“管理站點(diǎn)”對(duì)話框。
現(xiàn)在，已經(jīng)為您的站點(diǎn)定義了一個(gè)本地根文件夾。下一步，可以編輯自己的網(wǎng)頁了。
dreamweaver入門（2004版本）:創(chuàng)建頁面：
頁面編輯
本節(jié)介紹如何應(yīng)用Dreamweaver MX 2004創(chuàng)建自己的網(wǎng)頁。
從頭創(chuàng)建自己的頁面，可以使用 Dreamweaver MX 2004起始頁創(chuàng)建新頁，或者可以選擇“文件” >“新建”，彈出如下對(duì)話框：
　　從各種預(yù)先設(shè)計(jì)的頁面布局中選擇一種。比如：選擇“基本頁”HTML，點(diǎn)擊創(chuàng)建按鈕。Dreamweaver MX 2004即展開工作區(qū)界面（一個(gè)空白頁）：
　　您可以在這個(gè)空白頁添加表格和輸入文本進(jìn)行編輯。如果您要向頁面添加圖片或其它元素，應(yīng)先保存這個(gè)空白頁。選擇“文件”>“另存為”，在“另存為”對(duì)話框中，瀏覽到站點(diǎn)本地根文件夾下。填入文件名，保存退出。
dreamweaver基礎(chǔ)教程:頁面的總體設(shè)置：
我們已經(jīng)描繪了小屋的藍(lán)圖，從現(xiàn)在開始，為我們的小屋添磚加瓦吧。打開01.html，制作一個(gè)圖文混排的簡單頁面。
一、頁面的總體設(shè)置
　　 1、設(shè)置頁面的頭內(nèi)容
頭內(nèi)容再瀏覽器中是不可見的，但是卻攜帶著網(wǎng)頁的重要信息，如關(guān)鍵字、描述文字等，還可以實(shí)現(xiàn)一些非常重要的功能，如自動(dòng)刷新功能。
鼠標(biāo)左鍵單擊插入工具欄最左邊按鈕旁的下拉小三角，在彈出菜單中選擇“HTML”項(xiàng)，出現(xiàn)“文件頭”按鈕，點(diǎn)開下拉菜單，就可以進(jìn)行頭內(nèi)容的設(shè)置了。
　　設(shè)置標(biāo)題，網(wǎng)頁標(biāo)題可以是中文、英文或符號(hào)，顯示在瀏覽器的標(biāo)題欄中。我們直接在設(shè)計(jì)窗口上方的標(biāo)題欄內(nèi)輸入或更改，就可以完成網(wǎng)頁標(biāo)題的編輯了。
　　插入關(guān)鍵字，關(guān)鍵字用來協(xié)助網(wǎng)絡(luò)上的搜索引擎尋找網(wǎng)頁。要想讓更多的人看見你的網(wǎng)站，這項(xiàng)要好好填哦^_^單擊上圖所示的“關(guān)鍵字”項(xiàng)，彈出“關(guān)鍵字”對(duì)話框，填入關(guān)鍵字即可。
　　插入META，META標(biāo)記用于記錄當(dāng)前網(wǎng)頁的相關(guān)信息，如編碼，作者，版權(quán)等，也可以用來給服務(wù)器提供信息。單擊上圖所示的“META”項(xiàng)，彈出“META”對(duì)話框，在“屬性”欄選擇“名稱”屬性，在“值”文本框中輸入相應(yīng)的值，可以定義相應(yīng)的信息。
　　author—作者信息，copyright—版權(quán)聲明，generator—網(wǎng)頁編輯器。
　　
2、設(shè)置頁面屬性
　　單擊“屬性欄”中的“頁面屬性”按鈕，打開的“頁面屬性”對(duì)話框。
　　設(shè)置外觀，“外觀”是設(shè)置頁面的一些基本屬性。我們可以定義頁面中的默認(rèn)文本字體、文本字號(hào)、文本顏色、背景顏色和背景圖像等。我們?cè)O(shè)置頁面的所有邊距為0。
　　設(shè)置鏈接，“鏈接”選項(xiàng)內(nèi)是一些與頁面的鏈接效果有關(guān)的設(shè)置。“鏈接顏色”定義超鏈接文本默認(rèn)狀態(tài)下的字體顏色，“變換圖像鏈接”定義鼠標(biāo)放在鏈接上 時(shí)文本的顏色，“已訪問鏈接”定義訪問過的鏈接的顏色，“活動(dòng)鏈接”定義活動(dòng)鏈接的顏色。“下劃線樣式”可以定義鏈接的下劃線樣式。
　　設(shè)置標(biāo)題，“標(biāo)題”用來設(shè)置標(biāo)題字體的一些屬性。如下圖所示，在左側(cè)“分類”列表中選擇“標(biāo)題”，這里的標(biāo)題指的并不是頁面的標(biāo)題內(nèi)容，而是可以應(yīng)用 在具體文章中各級(jí)不同標(biāo)題上的一種標(biāo)題字體樣式。我們可以定義“標(biāo)題字體”及6種預(yù)定義的標(biāo)題字體樣式，包括粗體、斜體、大小和顏色。按自己的喜歡的風(fēng)格 設(shè)置吧。
dreamweaver入門（2004版本）:超級(jí)鏈接：
超級(jí)鏈接
　　作為網(wǎng)站肯定有很多的頁面，如果頁面之間彼此是獨(dú)立的，那么網(wǎng)頁就好比是孤島，這樣的網(wǎng)站是無法運(yùn)行的。為了建立起網(wǎng)頁之間的聯(lián)系我們必須使用超級(jí)鏈接。稱“超級(jí)鏈接”，是因?yàn)樗裁炊寄苕溄?，如：網(wǎng)頁、下載文件、網(wǎng)站地址、郵件地址……等等。下邊我們就來討論怎樣在網(wǎng)頁中創(chuàng)建超級(jí)鏈接。
　　【頁面之間的超級(jí)連接】
　　在網(wǎng)頁中，單擊了某些圖片、有下劃線或有明示鏈接的文字就會(huì)跳轉(zhuǎn)到相應(yīng)的網(wǎng)頁中去。
　　1、在網(wǎng)頁中選中要做超級(jí)鏈接的文字或者圖片。
　　 2、在屬性面板中單擊黃色文件夾圖標(biāo)，在彈出的對(duì)話框里選中相應(yīng)的網(wǎng)頁文件就完成了。做好超級(jí)鏈接屬性面板出現(xiàn)鏈接文件顯示。（如下圖）
　　3、按F12預(yù)覽網(wǎng)頁。在瀏覽器里光標(biāo)移到超級(jí)鏈接的地方就會(huì)變成手型。
　　〖提示〗你也可以手工在鏈接輸入框中輸入地址。給圖片加上超級(jí)鏈接的方法和文字完全相同。
　　如果超級(jí)鏈接指向的不是一個(gè)網(wǎng)頁文件。而是其他文件例如zip、exe文件等等，單擊鏈接的時(shí)候就會(huì)下載文件。
　　超級(jí)鏈接也可以直接指向地址而不是一個(gè)文件，那么單擊鏈接直接跳轉(zhuǎn)到相應(yīng)的地址。例如，在鏈接框里寫上http://www.dushuwu.net那么，單擊鏈接就可以跳轉(zhuǎn)到讀書屋網(wǎng)站。
　　【郵件地址的超級(jí)連接】
　　在網(wǎng)頁制作中，還經(jīng)?？吹竭@樣的一些超級(jí)鏈接。單擊了以后，會(huì)彈出郵件發(fā)送程序，聯(lián)系人的地址也已經(jīng)填寫好了。這也是一種超級(jí)鏈接。制作方法是：在編輯狀態(tài)下，先選定要鏈接的圖片或文字（比如：歡迎您來信賜教?。?，在插入欄點(diǎn)或點(diǎn)插入菜單選“電子郵件鏈接”彈出如下對(duì)話框，填入E-Mail地址即可。
提示：還可以選中圖片或者文字，直接在屬性面板鏈接框中填寫“mailto：郵件地址”。（如下圖）
　　創(chuàng)建完成后，保存頁面，按F12預(yù)覽網(wǎng)頁效果。
【制作圖片上的超級(jí)鏈接】
　　注意，我們這里所說的圖片上的超級(jí)鏈接是指在一張圖片上實(shí)現(xiàn)多個(gè)局部區(qū)域指向不同的網(wǎng)頁鏈接。比如一張中國地圖的圖片，單擊了不同的省跳轉(zhuǎn)到不同的網(wǎng)頁?？牲c(diǎn)的區(qū)域就是熱區(qū)。為了演示制作效果下面的中國地圖我加了一些鏈接，你可以用鼠標(biāo)測試。鼠標(biāo)移動(dòng)到省份的熱區(qū)，會(huì)顯示提示，如果有預(yù)先設(shè)置的網(wǎng)站，點(diǎn)擊會(huì)進(jìn)入對(duì)方的網(wǎng)站。
　　【制作方法】
　　 1、首先插入圖片。單擊圖片，用展開的屬性面板上的繪圖工具在畫面上繪制熱區(qū)。
　　 2、屬性面板改換為熱點(diǎn)面板如圖：鏈接輸入框：填入相應(yīng)的鏈接。替代框：填入你的提示文字說明。目標(biāo)框：不作選擇則默認(rèn)在新瀏覽器窗口打開。
　　3、保存頁面， 按F12預(yù)覽，用鼠標(biāo)在設(shè)置的熱區(qū)檢驗(yàn)效果。
　　提示：對(duì)于復(fù)雜的熱區(qū)圖形我們可以直接選擇多邊形工具來進(jìn)行描畫。替代框填寫了說明文字以后，光標(biāo)移上熱區(qū)就會(huì)顯示出相應(yīng)的說明文字。
　 超級(jí)鏈接屬性面板中的目標(biāo)選項(xiàng)。
　 “目標(biāo)”我們稱它為目標(biāo)區(qū)。也就是超級(jí)鏈接指向的頁面出現(xiàn)在什么目標(biāo)區(qū)域。默認(rèn)的情況下域中總有四個(gè)選項(xiàng)。
　　 ①_blank ：單擊鏈接以后，指向頁面出現(xiàn)在新窗口中。
　　 ②_parent：用指向頁面替換他外面所在的框架結(jié)構(gòu)。
　　 ③_self：　將連接頁面顯示在當(dāng)前框架中。
　　 ④_top：　 跳出所有框架，頁面直接出現(xiàn)在瀏覽器中。
　　【小結(jié)】本節(jié)教程主要探討創(chuàng)建頁面的鏈接。
　　　 1、內(nèi)部鏈接：鏈接到本站點(diǎn)的其他文檔。
　　　 2、外部鏈接：鏈接到本站點(diǎn)以外的其他文檔。
　　　 3、E-Mail鏈接：單擊該鏈接，可以打開瀏覽者的郵件系統(tǒng)。
　　　 4、圖片熱區(qū)鏈接：使你的鏈接更靈活更有個(gè)性。
dreamweaver入門（2004版本）:表格設(shè)計(jì)：
表格設(shè)計(jì)
　 表格是現(xiàn)代網(wǎng)頁制作的一個(gè)重要組成部分。表格之所以重要是因?yàn)楸砀窨梢詫?shí)現(xiàn)網(wǎng)頁的精確排版和定位。本節(jié)教程我們分為兩步來進(jìn)行。首先看表格操作的一個(gè)實(shí)例。然后來看一些表格操作的基本方法。在開始制作表格之前，我們首先對(duì)表格的各部分的名稱做一個(gè)介紹。
　　一張表格橫向叫行，縱向叫列。行列交叉部分就叫做單元格。
　　單元格中的內(nèi)容和邊框之間的距離叫邊距。單元格和單元格之間的距離叫間距。整張表格的邊緣叫做邊框。
　　下面看看我們使用表格制作的頁面的實(shí)例
　　這幅頁面的排版格式，如果用以前我們所講的對(duì)齊方式是無法實(shí)現(xiàn)的。因此我們需要用到表格來做。實(shí)際上是用兩行兩列的表格來制作。
　　1、 在插入欄中選擇按鈕或“插入”菜單>選“表格”。系統(tǒng)彈出表格對(duì)話框。這些參數(shù)我們都已經(jīng)認(rèn)識(shí)了。行：2。列：2。其余的參數(shù)都保留其默認(rèn)值。。
　　2、 在編輯視圖界面中生成了一個(gè)表格。表格右、下及右下角的黑色點(diǎn)是調(diào)整表格的高和寬的調(diào)整柄。當(dāng)光標(biāo)移到點(diǎn)上就可以分別調(diào)整表格的高和寬。移到表格的邊框線上也可以調(diào)整。
　　3、 在表格的第一格按住左鍵不放，向下拖拽選中二格單元格。
然后在展開的屬性面板中選擇合并單元格按鈕。將表格的單元格合并。如果要分割單元格，則可以用合并單元格按鈕右邊的按鈕。
　　4、 用鼠標(biāo)拖拽表格的邊框調(diào)整到適當(dāng)?shù)拇笮　?br />　　5、 單擊左邊的單元格，然后輸入“攝影作品賞析”文字，并調(diào)整大小，因是豎排應(yīng)每個(gè)字回車一次。如果需要調(diào)整格子的大小。只需要鼠標(biāo)的光標(biāo)移動(dòng)到邊框上拖拽即可。
　　6、 在右邊上下單元格內(nèi)分別插入圖片和文本。頁面的基本樣子有了。
　　7、 光標(biāo)移動(dòng)到表格的邊框上單擊。表格周圍出現(xiàn)調(diào)整框，表示選中整張表格。然后，在屬性面板中將“邊框”值設(shè)置適合的值，如果為0，邊框在編輯狀態(tài)，為虛線顯示，瀏覽時(shí)就看不見了。
　　一個(gè)符合要求的頁面在表格的幫助下做好了。
　　通過上面的操作我們對(duì)于表格有了一個(gè)初步的認(rèn)識(shí)。還要提示一點(diǎn)，對(duì)整幅表格操作和對(duì)一個(gè)單元格操作的時(shí)候，相應(yīng)的屬性面板是不同的。
　　 表格顏色設(shè)置，選擇整幅表格后，利用屬性面板的顏色選擇器設(shè)置背景色。單元格也可單獨(dú)設(shè)置。鼠標(biāo)在需要設(shè)置的單元格點(diǎn)一下，其余操作同上。
　　下面我們就來看看這些屬性面板的區(qū)別。
　　表格的屬性面板，要出現(xiàn)這個(gè)面板必須先選中整幅表格，方法上面已經(jīng)提到過了。您可以在眾多選項(xiàng)中填入需要的參數(shù)。
　
　　選中了單元格之后屬性面板就發(fā)生如下變化了。選擇行或者列都屬于選中單元格。
對(duì)表格操作的幾種常用方式：
合并：將選中的連續(xù)單元格合并成為一個(gè)單元格。
分割：將一個(gè)單元格分割成若干單元格。
水平對(duì)齊方式：分為（左）（中）（右）三種。
垂直對(duì)齊方式：分為（頂）（居中）（居底）（基線對(duì)齊）
表格還可以增加或者刪除行或者列。在一個(gè)單元格中單擊鼠標(biāo)右鍵。在右鍵菜單中選擇表格選項(xiàng)>>選擇“插入行或列”。系統(tǒng)會(huì)彈出對(duì)話框如下。
　　在對(duì)話框里填入數(shù)據(jù)即可。最后要說的是選中表格中的各種元素的方法：
　　選中一行，把光標(biāo)移到該行的最左邊單元格的左面，光標(biāo)會(huì)變成箭頭狀。單擊就可以選中一行。
　　選中一列，把光標(biāo)移到該列的最上邊單元格的上面，光標(biāo)會(huì)變成箭頭狀，然后單擊可以選中一列。
　　選中整張表格，把光標(biāo)移到表格的左上角或右邊框或下邊框線上。單擊即可選中整幅表格。選中的表格會(huì)在周圍出現(xiàn)一個(gè)黑框表示整張表格選中了。
　　選中單元格。單元格可以同時(shí)選中多個(gè)。選擇連續(xù)的單元格，光標(biāo)先選中的一個(gè)單元格，按shift鍵不放，選取最后一個(gè)單元格。選不連續(xù)的單元格。按住Ctrl鍵，點(diǎn)取所需要的單元格即可。
　　我們對(duì)于表格的使用就講到這里，表格是網(wǎng)頁制作的基本技術(shù)，只有通過不斷實(shí)踐才能充分掌握。 dreamweaver入門（2004版本）:框架技術(shù)：
框架技術(shù)
　　在瀏覽網(wǎng)頁的時(shí)候，我們常常會(huì)遇到這樣的一種導(dǎo)航結(jié)構(gòu)。就是超級(jí)連接做在左邊單擊以后鏈接的目標(biāo)出現(xiàn)在右面?；蛘咴谏线厗螕翩溄又赶虻哪繕?biāo)頁面出現(xiàn)在下面。要做出這樣的效果，必須使用框架。為了更好的理解什么是框架。我們畫一張示意圖來進(jìn)行討論。
　　這是一個(gè)左右結(jié)構(gòu)的框架。事實(shí)上這樣的一個(gè)結(jié)構(gòu)是由三個(gè)網(wǎng)頁文件組成的。首先外部的框架是一個(gè)文件，圖中我們用index.htm命名?？蚣苤凶筮吤麨锳，指向的是一個(gè)網(wǎng)頁A.htm。右邊命名為B，指向的是一個(gè)網(wǎng)頁B.htm。
　　下面我們就來從頭開始制作一個(gè)框架。（以左右框架結(jié)構(gòu)為例）
　　1、點(diǎn)“文件”菜單>新建，彈出“新建文檔”
　　或在插入欄>布局>選＂框架：左框架＂
　　Dreamweaver MX 2004生成一個(gè)空白的框架頁面，
　　2、選擇「窗口」菜單＞“框架”，彈出“框架”面板。從框架面板可知，系統(tǒng)對(duì)左右框架生成命名。左框架名為：leftFrame，右框架名為：mainFrame，當(dāng)然您可以通過框架屬性面板對(duì)框架重新命名，了解這一點(diǎn)非常重要。創(chuàng)建超級(jí)鏈接時(shí)，要依據(jù)它正確控制指向的頁面。
3、保存框架。選擇“文件”菜單點(diǎn)擊“保存全部”。系統(tǒng)彈出對(duì)話框。這時(shí)，保存的是一個(gè)框架結(jié)構(gòu)文件。我們按照慣例都命名為index.htm。
　　保存的時(shí)候如果虛線框籠罩的是周圍一圈就是保存框架結(jié)構(gòu)。
虛線籠罩在右邊就是保存框架中右邊網(wǎng)頁。
虛線籠罩在左邊就是保存框架中左邊的網(wǎng)頁：
三個(gè)頁面保存完畢。
　　4、下面我們要實(shí)現(xiàn)按左邊的超級(jí)鏈接，對(duì)應(yīng)的頁面出現(xiàn)在右邊。在左邊的頁面中做上超級(jí)鏈接。指向一個(gè)已經(jīng)存在的頁面。注意做好鏈接以后，要在目標(biāo)欄中設(shè)置為mainFrame。
　　6、設(shè)置完畢，保存全部，按F12預(yù)覽網(wǎng)頁。鏈接指向的頁面出現(xiàn)在右邊框架中。
　　7、重復(fù)以上步驟，把左框架所有的鏈接做完，一個(gè)簡單的網(wǎng)站導(dǎo)航結(jié)構(gòu)創(chuàng)建完成。
　　框架有很多優(yōu)點(diǎn)，但是若理解不很透徹，容易搞混。如果您的網(wǎng)站頁面不多，可以創(chuàng)建一個(gè)不使用框架的Web頁面來完成框架的功能。例如，如果您想讓導(dǎo)航條顯示在頁面的左側(cè)或頂部，既可以使用框架頁面，也可以在每一頁包含該導(dǎo)航條而不使用框架。

最新評(píng)論