EAM資產(chǎn)管理用DW打造留言板(全)

用DreamWeaver打造留言板第一課DreamweaverMX的工作環(huán)境以及如何在我們的本地pws服務(wù)器精品文檔放心下載建立站點(diǎn)和初步管理站點(diǎn)的文件。一、DreamweaverMX的工作環(huán)境在Windows中首次啟動(dòng)DreamweaverMX感謝閱讀“參數(shù)選擇精品文檔放心下載圖1是選擇工作區(qū)布局的對(duì)話框。圖1選擇工作區(qū)布局對(duì)話框●DreamweaverMX工作區(qū)是一個(gè)使用MDI（多文檔界面）的集成工作區(qū)，其中全部“文檔”感謝閱讀窗口和面板被集成在一個(gè)更大的應(yīng)用程序窗口中，并將面板組?？吭谟覀?cè)。DreamweaverMX精品文檔放心下載建議大多數(shù)用戶使用它。本教程也使用的是這種工作區(qū)模式。感謝閱讀●HomeSite/代碼編寫(xiě)者樣式的DreamweaverMX工作區(qū)是同樣的集成工作區(qū)，但是將面板組謝謝閱讀“文檔“代碼DreamweaverMX建議HomeSite精品文檔放心下載或ColdFusionStudio用戶以及其他需要使用熟悉的工作區(qū)布局的手工編碼人員使用這種布感謝閱讀局。若要選擇這種布局，請(qǐng)選擇“DreamweaverMX工作區(qū)”選項(xiàng)，然后選擇“HomeSite/代感謝閱讀碼編寫(xiě)者樣式”選項(xiàng)?！馜reamweaver4工作區(qū)是一種與Dreamweaver4感謝閱讀感謝閱讀序窗口中。僅建議喜歡使用更熟悉的工作區(qū)的Dreamweaver4用戶使用這種布局。精品文檔放心下載▲教程副頁(yè)：DreamweaverMX工作環(huán)境簡(jiǎn)介頁(yè)面精品文檔放心下載二、建立第一個(gè)站點(diǎn)（無(wú)服務(wù)器端腳本的普通靜態(tài)站點(diǎn)）下面我們建立一個(gè)沒(méi)有服務(wù)器端腳本的普通靜態(tài)站點(diǎn)，具體建立步驟如下：感謝閱讀1擇“站點(diǎn)/新建站點(diǎn)”“站點(diǎn)菜單中選擇“新建站點(diǎn)“站感謝閱讀點(diǎn)定義”對(duì)話框。2、如果對(duì)話框顯示的是“高級(jí)”選項(xiàng)卡，則單擊“基本”。出現(xiàn)“站點(diǎn)定義向?qū)А钡牡谝痪肺臋n放心下載個(gè)屏幕，要求您為站點(diǎn)輸入一個(gè)名稱。3、在文本框中，輸入一個(gè)名稱以在Dreamweaver中標(biāo)識(shí)該站點(diǎn)。該名稱可以是任何所需的謝謝閱讀名稱。例如，您可以將站點(diǎn)命名為“mysit”。如圖2所示。圖2建站向?qū)А军c(diǎn)起名4、單擊“下一步”進(jìn)入下一個(gè)步驟。出現(xiàn)向?qū)У南乱粋€(gè)屏幕，詢問(wèn)您是否要使用服務(wù)器技謝謝閱讀術(shù)。選擇“否”選項(xiàng)指示目前該站點(diǎn)是一個(gè)靜態(tài)站點(diǎn)，沒(méi)有動(dòng)態(tài)頁(yè)。如圖3所示。精品文檔放心下載圖3建站向?qū)Аo態(tài)和動(dòng)態(tài)網(wǎng)站選擇5“下一步謝謝閱讀如圖4所示。●選擇標(biāo)有“編輯我的計(jì)算機(jī)上的本地拷貝，完成后再上傳到服務(wù)器（推薦）”的選項(xiàng)。感謝閱讀Dreamweaver將在其中存儲(chǔ)站點(diǎn)文件的本地精品文檔放心下載謝謝閱讀“選擇站點(diǎn)的本地根文件夾精品文檔放心下載框中瀏覽到本地磁盤(pán)上可以存放所有站點(diǎn)的文件夾。然后單擊“確定”。精品文檔放心下載圖4建站向?qū)Аx站點(diǎn)文件的存儲(chǔ)位置6、單擊“下一步”進(jìn)入下一個(gè)步驟。出現(xiàn)向?qū)У南乱粋€(gè)屏幕，詢問(wèn)您如何連接到遠(yuǎn)程服務(wù)精品文檔放心下載器。從彈出式菜單中選擇“無(wú)”?！绻阌羞h(yuǎn)程的FTP5所示進(jìn)行連接到遠(yuǎn)程服務(wù)器謝謝閱讀的設(shè)置。圖5建站向?qū)АB接到遠(yuǎn)程服務(wù)器的設(shè)置7“下一步精品文檔放心下載單擊“完成”完成設(shè)置?！瓿烧军c(diǎn)的建立之后，在文件面板中你會(huì)看到如圖6所示的類似結(jié)果（本地視圖）。感謝閱讀圖6文件面板中的本地視圖三、用系統(tǒng)模板創(chuàng)建站點(diǎn)的第一個(gè)頁(yè)面謝謝閱讀頁(yè)面的效果：lesson1_mo.htm這個(gè)頁(yè)面是用DreamweaverMX的系統(tǒng)模板創(chuàng)建的，以下是創(chuàng)建步驟：感謝閱讀1、執(zhí)行“文件/新建”命令，彈出“新建文檔對(duì)話框”。在此對(duì)話框中選擇“常規(guī)/頁(yè)面設(shè)精品文檔放心下載計(jì)/文本：文章C”，然后單擊“創(chuàng)建”按鈕，如圖7是示意圖。精品文檔放心下載圖7利用模板創(chuàng)建新文檔示意圖2、現(xiàn)在我們?cè)陧?yè)面編輯區(qū)得到一個(gè)新頁(yè)面，并且頁(yè)面中已包含了一些模板內(nèi)容。這個(gè)頁(yè)面感謝閱讀很簡(jiǎn)單，包括一些文本和一個(gè)圖像。謝謝閱讀3、對(duì)圖像進(jìn)行處理。我們?cè)陧?yè)面中看到的是一個(gè)圖像占位符，下面我們要用一個(gè)具體的圖感謝閱讀像替換它。單擊這個(gè)圖像占位符，并展開(kāi)相應(yīng)的占位符屬性面板，如圖8所示。謝謝閱讀●如果圖像已經(jīng)創(chuàng)建好，就在占位符屬性面板中的源文件處進(jìn)行設(shè)置。感謝閱讀●如果圖像還沒(méi)有創(chuàng)建，就單擊占位符屬性面板中的創(chuàng)建按鈕，在FireworksMX中創(chuàng)建。精品文檔放心下載圖8占位符屬性面板4、在屬性面板中設(shè)置文本的屬性，由于我們的頁(yè)面上的文本實(shí)際上都是在表格中，所以實(shí)感謝閱讀際上是設(shè)置表格的單元格屬性，如圖9所示。圖9單元格屬性面板5、關(guān)于圖像和文本的距離的設(shè)置。我們以后在編輯網(wǎng)頁(yè)時(shí)會(huì)經(jīng)常遇到圖像和文本之間的距感謝閱讀離問(wèn)題，如圖10所示。我們可以先選中圖像，然后在圖像屬性面板中設(shè)置圖像和文本之間謝謝閱讀的距離，如圖11所示。圖10圖像和文本間的距離示意圖圖11設(shè)置圖像和文本距離謝謝閱讀6、保存文件。執(zhí)行“文件/保存”命令，將文檔保存到我們站點(diǎn)文件夾中。感謝閱讀如果我們文件的存儲(chǔ)路徑是:c:\Inetpub\root\mysite1\lesson1_mo.htm，則可以在瀏覽器謝謝閱讀中用以下地址訪問(wèn)它：http://localhost/mysite1/lesson1_mo.htm或者感謝閱讀/mysite1/lesson1_mo.htm。感謝閱讀第二課DreamweaverMX的工作環(huán)境以及如何創(chuàng)建一個(gè)站點(diǎn)和編輯頁(yè)面文感謝閱讀謝謝閱讀這個(gè)留言板站點(diǎn)的建立，我們要討論在DreamweaverMX中經(jīng)常用到的一些工具和命令。感謝閱讀一、創(chuàng)建留言板動(dòng)態(tài)站點(diǎn)上一次課我們建立了一個(gè)靜態(tài)的站點(diǎn)，這一課我們首先建立一個(gè)包含服務(wù)器端腳本（ASP）感謝閱讀的動(dòng)態(tài)站點(diǎn)。以下是創(chuàng)建步驟：1“站點(diǎn)/新建站點(diǎn)1感謝閱讀是：liuyanban。2、單擊下一步，在下一個(gè)步驟畫(huà)面中進(jìn)行服務(wù)器腳本技術(shù)的有關(guān)設(shè)置，如圖1所示。精品文檔放心下載圖1建站向?qū)А?wù)器腳本技術(shù)設(shè)置3URL2感謝閱讀所示。圖2建站向?qū)А军c(diǎn)URL4、以下步驟按照建站向?qū)У哪J(rèn)設(shè)置。最后單擊完成按鈕即可。精品文檔放心下載二、在站點(diǎn)中創(chuàng)建資源文件夾Flash動(dòng)畫(huà)或其他內(nèi)容片精品文檔放心下載精品文檔放心下載容時(shí)，這些資源將隨時(shí)可用。感謝閱讀中。1、假設(shè)我們的留言板站點(diǎn)的根文件夾路徑為：c:\Inetpub\root\liuyanban\。謝謝閱讀2、打開(kāi)站點(diǎn)面板，展示留言板站點(diǎn)的本地視圖，右鍵單擊留言板站點(diǎn)，在彈出的快捷菜單精品文檔放心下載中執(zhí)行“新建文件夾”命令。如圖3所示。imagesswf（用來(lái)放Flash動(dòng)畫(huà)）。感謝閱讀圖3在站點(diǎn)視圖創(chuàng)建新文件夾感謝閱讀理文件和文件夾?！窳粞园逑到y(tǒng)用戶頭像圖像(10個(gè)圖像文件)。放在images文件夾中。下載（rar文件）感謝閱讀●留言板系統(tǒng)導(dǎo)航條圖像。放在images文件夾中。下載感謝閱讀●Flash動(dòng)畫(huà)文件(1個(gè))。放在swf文件夾中。下載精品文檔放心下載謝謝閱讀應(yīng)的資源，如圖4所示。我們可以將資源面板中的資源直接拖放到站點(diǎn)文檔中使用。謝謝閱讀圖4資源面板三、創(chuàng)建留言板站點(diǎn)的第一個(gè)頁(yè)面（文件名：shuoming.htm）精品文檔放心下載精品文檔放心下載它用來(lái)對(duì)我們的留言板系統(tǒng)進(jìn)行說(shuō)明。1行“文件/新建“基本頁(yè)/html”“創(chuàng)精品文檔放心下載建”按鈕，如圖5所示。圖5新建基本html文檔2、編輯頁(yè)面文檔（頁(yè)面效果參考）●輸入頁(yè)面標(biāo)題“留言板系統(tǒng)說(shuō)明”。如圖6所示。圖6定義頁(yè)面標(biāo)題謝謝閱讀現(xiàn)?！熬庉?參數(shù)選擇“允精品文檔放心下載許多個(gè)連續(xù)空格”復(fù)選框，如圖7所示。圖7參數(shù)選擇——允許多個(gè)連續(xù)空格感謝閱讀“全角“半角方式進(jìn)行精品文檔放心下載文字內(nèi)容的輸入。Enter精品文檔放心下載請(qǐng)按“Shift+Enter”組合鍵?！耜P(guān)于圖像的插入，我們可以用以下兩種方法中的任意一種：精品文檔放心下載①將光標(biāo)定位到要插入圖像的位置。用鼠標(biāo)單擊“插入欄”中“常用”標(biāo)簽下的圖像按鈕，謝謝閱讀如圖8所示。然后找到要插入的圖像文件。圖8插入圖像和水平線②打開(kāi)資源面板，單擊圖像資源類別，選擇要插入的具體圖像資源，用鼠標(biāo)拖放到插入處。感謝閱讀8精品文檔放心下載在屬性面板設(shè)置它的顏色。插入的水平線默認(rèn)是灰色的，要更改它的顏色，我們需要這樣操作：謝謝閱讀選中水平線，切換到代碼視圖。將光標(biāo)定位在br標(biāo)簽后，單擊空格鍵，這時(shí)會(huì)彈出一個(gè)下精品文檔放心下載9color感謝閱讀擇你需要的顏色就可以了。圖9在代碼視圖設(shè)置水平線顏色屬性3、保存頁(yè)面文檔。執(zhí)行“文件/保存”命令，把文檔保存到站點(diǎn)的根目錄下。文件名：感謝閱讀shuoming.htm。只須輸入主文件名shuoming就可以了，擴(kuò)展名是系統(tǒng)自動(dòng)加上的。感謝閱讀第三課謝謝閱讀感謝閱讀DreamweaverMX感謝閱讀表格相互轉(zhuǎn)換的知識(shí)。精品文檔放心下載設(shè)計(jì)步驟如下：1、創(chuàng)建主頁(yè)面新文檔（main.asp）這個(gè)主頁(yè)面將來(lái)是個(gè)包含ASP感謝閱讀展名是asp。你可以選擇以下兩種方法中的任意一種創(chuàng)建它：感謝閱讀●執(zhí)行“文件/新建1精品文檔放心下載文件命名為main。圖1新建ASPVBScript動(dòng)態(tài)文檔謝謝閱讀中執(zhí)行“新建文件”命令，然后將文件名的主文件名改為main。精品文檔放心下載2、創(chuàng)建表格在DreamweaverMX感謝閱讀圖下直接畫(huà)表格?！跇?biāo)準(zhǔn)視圖下插入表格：“標(biāo)準(zhǔn)視圖是默認(rèn)的DreamweaverMX“標(biāo)準(zhǔn)精品文檔放心下載“插入表格Dreamweaver“插入表格對(duì)話框中選擇的選項(xiàng)創(chuàng)建一個(gè)感謝閱讀表格，如圖2所示。圖2插入表格和定義表格1行1列，寬度是755像素。另一個(gè)是3行3列，寬度精品文檔放心下載是600像素?！诓季忠晥D下繪制表格：“布局精品文檔放心下載大的靈活性，想一想在頁(yè)面上畫(huà)表格的滋味吧！3謝謝閱讀或單元格按鈕以后就可以用鼠標(biāo)直接繪制了。圖3布局視圖3、編輯表格謝謝閱讀感謝閱讀Web感謝閱讀到設(shè)計(jì)的基礎(chǔ)結(jié)構(gòu)。這些都是對(duì)表格的編輯。通常情況下，表格編輯在標(biāo)準(zhǔn)視圖下進(jìn)行。感謝閱讀●關(guān)于表格和單元格的選中常有兩種方法：感謝閱讀斷選中整個(gè)表格、某一行還是某個(gè)單元格。謝謝閱讀格或者單元格的目的，如圖4所示。圖4通過(guò)標(biāo)簽檢查器選擇表格●關(guān)于表格的尺寸基于百分比還是基于像素：感謝閱讀使用75%的寬度，則不管瀏覽器窗口有多大，表格都會(huì)伸展以填充75%的水平間距。這在某謝謝閱讀些情況下會(huì)很有用，例如，在調(diào)整窗口大小時(shí)確保導(dǎo)航菜單總能顯示。精品文檔放心下載謝謝閱讀謝謝閱讀實(shí)例就是用基于像素的表格布局頁(yè)面的。●關(guān)于調(diào)整布局單元格大小有兩種方法：

用鼠標(biāo)直接移動(dòng)到單元格的邊框，拖動(dòng)鼠標(biāo)調(diào)整單元格的大小。謝謝閱讀

在屬性面板直接輸入單元格的寬和高，來(lái)精確的控制調(diào)整單元格的大小。謝謝閱讀●表格和單元格的其它屬性的設(shè)置都可以在屬性面板中完成。精品文檔放心下載4、使用層進(jìn)行布局精品文檔放心下載想讓它占據(jù)的任何位置。如圖5是創(chuàng)建層和在層面板管理層的示意圖。感謝閱讀圖5創(chuàng)建層和在層面板管理層精品文檔放心下載謝謝閱讀謝謝閱讀“修改/轉(zhuǎn)換/謝謝閱讀層到表格”或者“修改/轉(zhuǎn)換/表格到層”就可以實(shí)現(xiàn)層和表格之間的互換了。謝謝閱讀謝謝閱讀布局變化，這樣才能找到和掌握更多的規(guī)律。第四課經(jīng)過(guò)前面三課的學(xué)習(xí)，我們已經(jīng)在留言板站點(diǎn)創(chuàng)建兩個(gè)頁(yè)面了，一個(gè)是說(shuō)明頁(yè)面精品文檔放心下載（shuoming.htmmain.asp謝謝閱讀創(chuàng)建過(guò)程和創(chuàng)建結(jié)果的毛病。1“查看/文字大小/最大感謝閱讀字大了，段落也亂了！怎么這個(gè)效果?。?、在頁(yè)面的編輯過(guò)程中，每次按Enter（回車）鍵是一個(gè)新段落的開(kāi)始，但段落間的距離感謝閱讀怎么那么大啊？也找不到控制距離的命令。：（3、仔細(xì)再看一看頁(yè)面效果，怎么超級(jí)鏈接的文字下面都有一個(gè)下畫(huà)線??？這多不好看啊，精品文檔放心下載能不能去掉呢？4、我想文字段落前空兩個(gè)漢字的位置，每次都要按空格鍵設(shè)置，能不能在新段落前自動(dòng)前精品文檔放心下載空兩格？5、我想表格線更細(xì)一些，可在屬性面板里面好象完成不了這個(gè)目的？感謝閱讀精品文檔放心下載CSS精品文檔放心下載題就馬上可以解決掉。一、關(guān)于CSS樣式表層疊樣式表（CSS）是一系列格式規(guī)則，它們控制網(wǎng)頁(yè)內(nèi)容的外觀。使用CSS樣式可以非常精品文檔放心下載靈活并更好地控制確切的網(wǎng)頁(yè)外觀，從精確的布局定位到特定的字體和樣式。精品文檔放心下載CSS樣式使您可以控制許多僅使用HTML無(wú)法控制的屬性。例如，可以指定自定義列表項(xiàng)目精品文檔放心下載CSS樣式和以像素為單位謝謝閱讀感謝閱讀感謝閱讀文本周圍的浮動(dòng)文本等等。CSSCSS樣式時(shí)，使用該樣式的所有文檔的感謝閱讀格式都自動(dòng)更新為新樣式。在DreamweaverMX“CSS樣式面板創(chuàng)建CSSCSS樣式的屬性以及將謝謝閱讀CSS樣式應(yīng)用于文檔中的元素。選擇執(zhí)行“窗口/CSS樣式”命令可以打開(kāi)“CSS樣式面精品文檔放心下載板”，如圖1所示。CSS1和圖2精品文檔放心下載所示。class）樣式?！皯?yīng)用樣式”精品文檔放心下載視圖只顯示自定義（class）樣式。該窗格中不顯示重定義的HTML樣式和選擇器樣式。精品文檔放心下載“編輯樣式”視圖顯感謝閱讀示自定義（class）CSS樣式、重定義的HTML標(biāo)簽和CSS選擇器樣式的樣式定義。精品文檔放心下載圖1CSS樣式面板圖2CSS樣式面板——編輯樣式面板二、在網(wǎng)頁(yè)文檔內(nèi)部定義和引用CSS樣式在DreamweaverMXshuoming.htm感謝閱讀部定義和引用CSS樣式?！囟xhtml標(biāo)簽body的屬性樣式1、打開(kāi)CSS樣式面板，選擇編輯樣式面板視圖。2、單擊面板右下角的新建CSS樣式按鈕，會(huì)彈出一個(gè)新建樣式對(duì)話框，如圖3所示。請(qǐng)按感謝閱讀照?qǐng)D3所示進(jìn)行設(shè)置。圖3新建CSS樣式對(duì)話框——重定義body屬性謝謝閱讀3、設(shè)置完成以后，單擊確定按鈕，進(jìn)入body標(biāo)簽的屬性設(shè)置對(duì)話框中，如圖4所示。謝謝閱讀圖4body屬性樣式設(shè)置——類型屬性▲重新定義文本超級(jí)鏈接屬性樣式1、打開(kāi)CSS樣式面板，選擇編輯樣式面板視圖。2、單擊面板右下角的新建CSS樣式按鈕，會(huì)彈出一個(gè)新建樣式對(duì)話框，如圖5所示。請(qǐng)按謝謝閱讀照?qǐng)D5所示進(jìn)行設(shè)置。圖5新建CSS樣式——重新定義超級(jí)鏈接屬性3a:link6謝謝閱讀“修飾”和“顏色”，其它不設(shè)置。圖6a:link的類型屬性樣式設(shè)置423a:visited和a:hover精品文檔放心下載義a:link唯一的不同是文字顏色的設(shè)置，分別設(shè)置成灰色和紅色，其他的設(shè)置都一樣。感謝閱讀●a:link超級(jí)鏈接文字的正常外觀屬性。a:visited超級(jí)鏈接文字訪問(wèn)過(guò)以后的外觀屬性精品文檔放心下載a:hover當(dāng)鼠標(biāo)經(jīng)過(guò)超級(jí)鏈接文字時(shí)的外觀屬性●經(jīng)過(guò)前面對(duì)body和a標(biāo)簽的屬性重新定義以后，定義的CSS樣式會(huì)自動(dòng)套用到頁(yè)面的元感謝閱讀素上。這是最終的頁(yè)面效果：shuoming_css.htm精品文檔放心下載三、定義和附加外部樣式表上面我們是在文檔內(nèi)部重新定義了一些html標(biāo)簽的屬性樣式，定義的CSS樣式只對(duì)本文檔精品文檔放心下載感謝閱讀CSS樣式，謝謝閱讀感謝閱讀提高了。DreamweaverMX的外部樣式表就是用來(lái)實(shí)現(xiàn)這個(gè)目的的。謝謝閱讀讓我們開(kāi)始外部樣式表的應(yīng)用吧，先在DreamweaverMX中打開(kāi)留言板站點(diǎn)的主頁(yè)面文檔感謝閱讀（main.htm），我們要以這個(gè)文檔為實(shí)例完成我們的學(xué)習(xí)。精品文檔放心下載▲定義外部CSS樣式表文件1CSS7所示。感謝閱讀請(qǐng)按照?qǐng)D7進(jìn)行設(shè)置。圖7新建CSS樣式——外部樣式文件2、完成圖7的設(shè)置后，單擊確定按鈕，則彈出保存外部樣式表對(duì)話框，如圖8所示。請(qǐng)按謝謝閱讀照?qǐng)D8所示進(jìn)行設(shè)置和操作。圖8保存外部樣式表對(duì)話框3、完成圖8的設(shè)置并單擊保存按鈕后，會(huì)彈出body的CSS樣式定義對(duì)話框，如圖4所示，精品文檔放心下載請(qǐng)按照?qǐng)D4進(jìn)行設(shè)置。▲在這個(gè)外部CSS樣式表文件中繼續(xù)定義CSS樣式精品文檔放心下載1、單擊右下角的新建樣式按鈕，則彈出新建樣式對(duì)話框，如圖9所示。請(qǐng)按照?qǐng)D9進(jìn)行設(shè)精品文檔放心下載置。圖9新建CSS樣式——td的屬性樣式2、單擊確定按鈕以后，就彈出td的CSS樣式定義對(duì)話框，它的設(shè)置和body的設(shè)置一樣。謝謝閱讀也可參看圖4。3、重復(fù)步驟1、步驟2，在這個(gè)外部CSS樣式表中繼續(xù)定義a:link、a:visited、a:hover感謝閱讀的屬性樣式。4、重定義p標(biāo)簽的“盒子”屬性樣式可以設(shè)置段落間距，如圖10所示。精品文檔放心下載圖10p標(biāo)簽的盒子屬性樣式圖11外部CSS樣式表△定義的外部CSS樣式表最終結(jié)果如圖11所示。感謝閱讀▲附加外部樣式表上面我們建立了一個(gè)外部CSS樣式表文件（*.css），這個(gè)外部CSS樣式文件自動(dòng)附加到定謝謝閱讀義它的頁(yè)面文檔中了。但站點(diǎn)中的其它頁(yè)面文檔如果想使用這個(gè)外部CSS樣式表中的樣式，感謝閱讀就必須先附加它。具體步驟如下：1、打開(kāi)站點(diǎn)中的另一個(gè)頁(yè)面文檔。2、打開(kāi)CSS樣式面板，單擊面板右下角的“附加外部樣式表”按鈕，馬上會(huì)彈出一個(gè)“鏈感謝閱讀接外部CSS樣式表”對(duì)話框，如圖12所示。圖12鏈接外部樣式表3、在圖12所示的鏈接外部樣式表中瀏覽找到要附加的CSS樣式表文件以后，單擊“確定”謝謝閱讀按鈕就完成了將一個(gè)外部CSSCSS樣式表面板的編輯感謝閱讀視圖下就可以看到附加的樣式表，如圖11所示?！肅SS樣式表模板創(chuàng)建外部CSS樣式表除了在CSS樣式面板中創(chuàng)建外部CSSCSS樣式表模板創(chuàng)建外部謝謝閱讀CSS樣式表。步驟如下：1、執(zhí)行“文件/新建”命令，會(huì)彈出一個(gè)新建頁(yè)面文檔對(duì)話框，如圖13所示。感謝閱讀圖13利用CSS模板創(chuàng)建外部CSS樣式表謝謝閱讀213所示操作以后，我們就選擇了一個(gè)包含bodythtdh1h2h3h4h5、感謝閱讀h6a等html標(biāo)簽的屬性樣式的CSS14是代碼視圖下CSS樣式表模板的謝謝閱讀部分內(nèi)容。圖14代碼視圖下CSS樣式表模板的內(nèi)容3、我們可以直接在CSS樣式表模板的代碼視圖下直接對(duì)它的內(nèi)容進(jìn)行編輯，也可以把它附感謝閱讀加到某一個(gè)頁(yè)面文檔以后再在CSS樣式面板的編輯視圖下對(duì)它進(jìn)行編輯。感謝閱讀4CSS樣式表模板中的h1h2、……h(huán)6這些屬性樣式對(duì)應(yīng)在屬性面板中的格式操作如圖感謝閱讀1512、……6感謝閱讀的文檔段落就應(yīng)用了這些屬性樣式了。圖15屬性面板中段落格式設(shè)置四、教程副頁(yè)▲特定CSS樣式設(shè)置信息參考第五課精品文檔放心下載精品文檔放心下載Dreamweaver感謝閱讀如何插入flash動(dòng)畫(huà)等頁(yè)面元素的方法。一、規(guī)劃和創(chuàng)建頁(yè)面導(dǎo)航元素1、打開(kāi)留言板站點(diǎn)主頁(yè)面文檔（main.asp）。將頁(yè)面頂部的表格重新拆分調(diào)整為如圖1所感謝閱讀示的效果。圖1main.asp頁(yè)面頂部表格2、根據(jù)圖1所示的表格尺寸，在FireworksMX和FlashMX中創(chuàng)建圖像和動(dòng)畫(huà)。（在這里下感謝閱讀載）你下載的是一個(gè)rar壓縮包（image5.rar），其中包括以下內(nèi)容：謝謝閱讀△一個(gè)寬300像素、高120像素的圖像文件（top001.gif），在FireworksMX制作完成。感謝閱讀△一個(gè)寬455像素、高90像素的flash動(dòng)畫(huà)文件（top1.swf），在FlashMX制作完成。謝謝閱讀△5組共10個(gè)寬91像素、高30像素的圖像文件（daohang*_*），在FireworksMX制作完感謝閱讀成。3、將圖像top001.gif插入到圖1中①所標(biāo)示的單元格。精品文檔放心下載4、將flash動(dòng)畫(huà)top1.swf插入到圖1中②所標(biāo)示的單元格，具體步驟是：精品文檔放心下載⑴將光標(biāo)定位到圖1中②所標(biāo)示的單元格中?！安迦?““謝謝閱讀覽選擇需要插入的flash動(dòng)畫(huà)文件。圖2選擇要插入的flash動(dòng)畫(huà)文件⑶選中插入的flash動(dòng)畫(huà)，在屬性面板可以對(duì)它進(jìn)行設(shè)置和操作，如圖3所示。謝謝閱讀圖3flash動(dòng)畫(huà)屬性面板二、插入導(dǎo)航條11“插入導(dǎo)航條命令，精品文檔放心下載如圖4所示。圖4插入導(dǎo)航條2、單擊“插入導(dǎo)航條”命令以后，會(huì)彈出如圖5所示的“插入導(dǎo)航條“對(duì)話框。感謝閱讀圖5插入導(dǎo)航條對(duì)話框3、在如圖5所示的插入導(dǎo)航條對(duì)話框中，我們要定義5個(gè)導(dǎo)航項(xiàng)目，將來(lái)得到的是5個(gè)水感謝閱讀FireworksMX制作完成5組圖像文謝謝閱讀件?！瓿梢院蟮牧粞园逭军c(diǎn)主頁(yè)面效果：?jiǎn)螕暨@里觀看三、創(chuàng)建頁(yè)面導(dǎo)航條方法總結(jié)1、自定義簡(jiǎn)單導(dǎo)航條①布局表格，導(dǎo)航條中有幾個(gè)項(xiàng)目，就創(chuàng)建幾個(gè)單元格。②在單元格中輸入文本或者插入圖像。③分別定義每個(gè)單元格中的文本或者圖像的超級(jí)鏈接。2、創(chuàng)建Dreamweaver導(dǎo)航條（方法請(qǐng)參考前面）精品文檔放心下載3、通過(guò)插入“代碼面板/代碼片段/導(dǎo)航”創(chuàng)建常見(jiàn)的導(dǎo)航條，如圖5所示。感謝閱讀精品文檔放心下載圖6代碼片段：導(dǎo)航4、創(chuàng)建FireworksMX導(dǎo)航條FireworksMXFireworksMX中設(shè)計(jì)導(dǎo)航條，感謝閱讀然后再插入到DreamweaverMX中進(jìn)行編輯。精品文檔放心下載如圖7FireworksHTML命令可以實(shí)現(xiàn)FireworksHTML文檔的插入。精品文檔放心下載圖7插入FireworksHTML文檔5、創(chuàng)建Flash按鈕導(dǎo)航條如圖8Flash按鈕命令可以實(shí)現(xiàn)在頁(yè)面文檔插入Flash按謝謝閱讀鈕的目的。將多個(gè)Flash按鈕集合在一起也能實(shí)現(xiàn)導(dǎo)航條的功能。精品文檔放心下載圖8插入Flash按鈕第六課經(jīng)過(guò)前面5DreamweaverMX創(chuàng)建和管理站點(diǎn)頁(yè)面文檔的前臺(tái)技術(shù)有了一個(gè)感謝閱讀5課所涉及到的應(yīng)該是創(chuàng)建和管理站點(diǎn)的最基本的一些技術(shù)。感謝閱讀精品文檔放心下載謝謝閱讀感謝閱讀們也是一些常用的技術(shù)和方法，我們還是在這里系統(tǒng)的學(xué)習(xí)一下吧。感謝閱讀一、利用時(shí)間軸和層實(shí)現(xiàn)頁(yè)面中的滾動(dòng)字幕效果。小字報(bào)：今天留言板的最多的問(wèn)題是這個(gè)教程共有幾課？Dreamweaver時(shí)間軸面板中定義層的移動(dòng)動(dòng)感謝閱讀Dreamweaver謝謝閱讀果呢。而且用這樣的技術(shù)設(shè)計(jì)出來(lái)的動(dòng)畫(huà)效果更符合web的特征。精品文檔放心下載1、單擊插入欄中常用標(biāo)簽下的層命令按鈕，在頁(yè)面中拖拽鼠標(biāo)插入一個(gè)層。在層中輸入需精品文檔放心下載要的字幕文字。2、打開(kāi)時(shí)間軸面板。執(zhí)行“窗口/其他/時(shí)間軸”命令打開(kāi)時(shí)間軸面板。謝謝閱讀3、將頁(yè)面文檔中的層選中，并把它拖放到時(shí)間軸的時(shí)間線上。默認(rèn)的情況是插入的動(dòng)畫(huà)長(zhǎng)精品文檔放心下載度為15幀，相應(yīng)的層名（Layer1）顯示在該動(dòng)畫(huà)欄中，并且在動(dòng)畫(huà)欄的兩端自動(dòng)加入了兩感謝閱讀個(gè)關(guān)鍵幀。4感謝閱讀向右拖動(dòng)第15幀上的這個(gè)關(guān)鍵幀以延長(zhǎng)關(guān)鍵幀到60幀，如圖1所示。精品文檔放心下載圖1時(shí)間軸面板5、在第30幀鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，在第30幀插感謝閱讀入一個(gè)關(guān)鍵幀。6、單擊第30幀，然后將頁(yè)面文檔中的層水平向右移動(dòng)合適的距離如圖2所示。感謝閱讀圖2層的運(yùn)動(dòng)軌跡760幀的位置，如圖1所精品文檔放心下載示。謝謝閱讀很多技巧，以后慢慢研究吧。：）二、創(chuàng)建當(dāng)頁(yè)面載入時(shí)彈出窗口的效果先單擊這里觀看具體頁(yè)面效果謝謝閱讀感謝閱讀頁(yè)面載入時(shí)的行為實(shí)際上就是定義<body>標(biāo)簽的行為。感謝閱讀▲彈出信息提示對(duì)話框窗口1、在標(biāo)簽檢查器中單擊選中<body>標(biāo)簽，這時(shí)整個(gè)頁(yè)面文檔就會(huì)變成灰色狀態(tài)。感謝閱讀2、打開(kāi)行為面板，單擊按鈕打開(kāi)行為命令下拉菜單，選中其中的“彈出信息”行為命令，精品文檔放心下載如圖3所示。圖3行為面板——定義行為3、在出現(xiàn)的彈出信息對(duì)話框的信息文本框中輸入想彈出的提示信息。謝謝閱讀▲打開(kāi)瀏覽器窗口1、在標(biāo)簽檢查器中單擊選中<body>標(biāo)簽，這時(shí)整個(gè)頁(yè)面文檔就會(huì)變成灰色狀態(tài)。謝謝閱讀2“打開(kāi)瀏覽器行為命令，感謝閱讀如圖3所示。3、在打開(kāi)瀏覽器窗口設(shè)置對(duì)話框中進(jìn)行將要打開(kāi)的瀏覽器窗口的外觀的參數(shù)定義，如圖4感謝閱讀所示。圖4打開(kāi)瀏覽器窗口的外觀參數(shù)的定義謝謝閱讀感謝閱讀究它哦~三、禁止訪問(wèn)用戶的右鍵單擊現(xiàn)在你用鼠標(biāo)右鍵在這個(gè)頁(yè)面上單擊一下試試……感謝閱讀源馬上拿走？嘿嘿~還是再費(fèi)點(diǎn)工夫吧。1“代碼視圖</body>感謝閱讀是我們將要插入JavaScript腳本代碼的地方。感謝閱讀2、執(zhí)行“插入/腳本對(duì)象/腳本”命令，會(huì)彈出一個(gè)插入腳本對(duì)話框，如圖5所示。謝謝閱讀圖5插入腳本對(duì)話框3、按照?qǐng)D5進(jìn)行設(shè)置，然后確定以后，看看我們的頁(yè)面文檔中出現(xiàn)了什么：謝謝閱讀<scriptlanguage="JavaScript"type="text/JavaScript">精品文檔放心下載</script>這是一對(duì)<script>2謝謝閱讀得到的這樣一個(gè)結(jié)果，當(dāng)然也可以手工輸入這些代碼來(lái)實(shí)現(xiàn)。精品文檔放心下載4、將光標(biāo)定位在<scriptlanguage="JavaScript"type="text/JavaScript">與</script>之精品文檔放心下載間。5“JavaScript/瀏覽器函數(shù)“禁用謝謝閱讀右鍵單擊”，如圖6所示。圖6插入代碼片段完成以上操作以后，你會(huì)發(fā)現(xiàn)在<scriptlanguage="JavaScript"type="text/JavaScript">感謝閱讀與</script>OK感謝閱讀改這里：varmessage="嘿嘿，右鍵不能拿我的東西！";精品文檔放心下載四、自動(dòng)搭上著名的搜索引擎，提高自己網(wǎng)站的訪問(wèn)率謝謝閱讀精品文檔放心下載讀取關(guān)鍵字meta標(biāo)簽的內(nèi)容和說(shuō)明meta謝謝閱讀的頁(yè)面編入索引。在DreamweaverMX中如何實(shí)現(xiàn)這個(gè)技術(shù)呢？感謝閱讀1、單擊插入欄下的“文件頭標(biāo)簽”，如圖7，我們要使用文件頭標(biāo)簽下的兩個(gè)按鈕命令。謝謝閱讀圖7文件頭meta標(biāo)簽屬性2、單擊圖7所示的“關(guān)鍵字屬性”按鈕，在彈出的關(guān)鍵字設(shè)置對(duì)話框的關(guān)鍵字文本框中輸感謝閱讀入站點(diǎn)的關(guān)鍵字。比如：閃客，教程，flash等，注意多個(gè)關(guān)鍵字之間用逗號(hào)隔開(kāi)。謝謝閱讀3、單擊圖7所示的“說(shuō)明屬性”按鈕，在彈出的說(shuō)明設(shè)置對(duì)話框的描述文本框中輸入對(duì)站精品文檔放心下載謝謝閱讀程。第七課謝謝閱讀開(kāi)始了。學(xué)習(xí)是一個(gè)快樂(lè)和痛苦的過(guò)程。想一想自己又給了10MB多數(shù)據(jù)新的生命、想一想精品文檔放心下載這么多的收獲，學(xué)習(xí)過(guò)程中的付出也真值得。好了，別酸了，還是討論我們的課程吧……精品文檔放心下載這次課定位在“畫(huà)”網(wǎng)頁(yè)，一個(gè)畫(huà)字給了我們更大的設(shè)計(jì)空間！網(wǎng)頁(yè)可以畫(huà)出來(lái)？那當(dāng)然。精品文檔放心下載大家別忘了，F(xiàn)ireworks可是專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具，而且MX這個(gè)版本賦予它更強(qiáng)大的網(wǎng)頁(yè)感謝閱讀FireworksMX和DreamweaverMX結(jié)合在一起“畫(huà)一個(gè)漂亮的網(wǎng)感謝閱讀頁(yè)。先看這里：留言板站點(diǎn)說(shuō)明頁(yè)面。我們就學(xué)習(xí)這個(gè)頁(yè)面是怎樣畫(huà)出來(lái)的。謝謝閱讀一、在FireworksMX中繪制頁(yè)面（png源文件下載）謝謝閱讀1、新建一個(gè)畫(huà)布文檔。寬：755像素、高：300像素，透明背景。精品文檔放心下載2、在畫(huà)布上繪制頁(yè)面效果如圖1所示。大致包括3部分：頁(yè)面頭圖片、表格框、頁(yè)面尾圖感謝閱讀片。圖1圖像參考2、給圖像文檔進(jìn)行切片2精品文檔放心下載謝謝閱讀只要邊線對(duì)仔細(xì)就行。圖2切片參考325精品文檔放心下載個(gè)是無(wú)切片區(qū)。這里特別要注意③、④兩個(gè)切片的切割，它們的寬度應(yīng)一致（10像素）。感謝閱讀謝謝閱讀就是一段曲線，應(yīng)把曲線留到①切片區(qū)）4、導(dǎo)出圖像為包含表格代碼的HTML文件執(zhí)行“文件/導(dǎo)出”命令，則彈出導(dǎo)出對(duì)話框，如圖3所示。請(qǐng)按照?qǐng)D中所示進(jìn)行設(shè)置。感謝閱讀圖3導(dǎo)出圖像切片二、在DreamweaverMX中對(duì)導(dǎo)出的FireworksMXHTML文件編輯感謝閱讀1、在DreamweaverMX中打開(kāi)導(dǎo)出的FireworksMXHTML文件?；蛘咴贒reamweaverMX中單擊謝謝閱讀插入欄中的按鈕插入FireworksHTML。2、這時(shí)你會(huì)發(fā)現(xiàn)，原來(lái)那些切片在這里都是一些表格單元。現(xiàn)在你清楚該怎么做了吧。感謝閱讀3、單擊原來(lái)的⑤哪個(gè)區(qū)域，將選中的圖片刪除，這里是我們輸入文字的主要表格單元格。精品文檔放心下載4、現(xiàn)在是最關(guān)鍵的操作。目前我們?cè)冖邸ⅱ苣莾蓚€(gè)單元格（原來(lái)是③④切片區(qū)域）看到的謝謝閱讀精品文檔放心下載謝謝閱讀板完成以上操作，如圖4所示。圖4在屬性面板中進(jìn)行圖片性質(zhì)的轉(zhuǎn)換精品文檔放心下載據(jù)庫(kù)和程序的設(shè)計(jì)了，一起繼續(xù)努力吧。第八課謝謝閱讀又是動(dòng)態(tài)站點(diǎn)呢？還是簡(jiǎn)單的說(shuō)明一下：▲靜態(tài)站點(diǎn)和動(dòng)態(tài)站點(diǎn)概述△所謂“靜態(tài)”指的就是網(wǎng)站的網(wǎng)頁(yè)內(nèi)容“固定不變”，當(dāng)用戶瀏覽器通過(guò)互聯(lián)網(wǎng)的HTTP精品文檔放心下載協(xié)議向WEB服務(wù)器請(qǐng)求提供網(wǎng)頁(yè)內(nèi)容時(shí)，服務(wù)器僅僅是將原已設(shè)計(jì)好的靜態(tài)HTML文檔傳送感謝閱讀給用戶瀏覽器。其頁(yè)面的內(nèi)容使用的僅僅是標(biāo)準(zhǔn)的HTML代碼，最多再加上一些諸如飛來(lái)飛感謝閱讀謝謝閱讀HTML文檔，給維護(hù)者帶來(lái)大得出乎想象的工作量，如圖1。精品文檔放心下載圖1靜態(tài)站點(diǎn)簡(jiǎn)單圖示感謝閱讀現(xiàn)諸如留言板、BBSweb精品文檔放心下載ASP技術(shù)為例，動(dòng)態(tài)站點(diǎn)的一般實(shí)現(xiàn)原理如圖2所示。謝謝閱讀圖2ASP技術(shù)動(dòng)態(tài)站點(diǎn)簡(jiǎn)單圖示謝謝閱讀ASP謝謝閱讀據(jù)庫(kù)來(lái)存儲(chǔ)和管理數(shù)據(jù)是動(dòng)態(tài)網(wǎng)站最高效的選擇。下面我們就先討論討論數(shù)據(jù)庫(kù)技術(shù)……精品文檔放心下載一、數(shù)據(jù)庫(kù)技術(shù)簡(jiǎn)介感謝閱讀感謝閱讀用。謝謝閱讀據(jù)看成一個(gè)二維表格，如圖3所示。圖3二維表格數(shù)據(jù)實(shí)際上現(xiàn)實(shí)世界的很多數(shù)據(jù)都可以描述為如圖3謝謝閱讀式利用這種二維表格的形式來(lái)描述和管理程序中的數(shù)據(jù)的。數(shù)據(jù)庫(kù)的基本組成單位是記錄，謝謝閱讀記錄被視為單個(gè)實(shí)體的相關(guān)數(shù)據(jù)的集合。例如圖3表格中每一個(gè)用戶的信息（表格的一行）謝謝閱讀就是一個(gè)記錄。另外，圖3表格中的用戶ID、姓名、性別、留言內(nèi)容、OICQ、……等（表感謝閱讀精品文檔放心下載感謝閱讀獨(dú)立的。表中每一列代表一個(gè)域，每一行代表一條記錄。如圖4所示是一個(gè)表的結(jié)構(gòu)。精品文檔放心下載圖4數(shù)據(jù)庫(kù)中的一個(gè)表謝謝閱讀5DreamweaverMX中感謝閱讀定義記錄集可是創(chuàng)建動(dòng)態(tài)交互頁(yè)面的重要步驟呢。圖5記錄集表二、用ACCESS2000創(chuàng)建留言板站點(diǎn)數(shù)據(jù)庫(kù)ACCESS2000是微軟的OFFICE2000精品文檔放心下載理系統(tǒng)之一，它簡(jiǎn)單易用。作為用戶訪問(wèn)量不是很大的個(gè)人小型站點(diǎn)，用ACCESS2000設(shè)計(jì)感謝閱讀數(shù)據(jù)庫(kù)還是可行的。下面我們就用ACCESS2000創(chuàng)建留言板站點(diǎn)中的數(shù)據(jù)庫(kù)。感謝閱讀▲創(chuàng)建數(shù)據(jù)庫(kù)文檔并設(shè)計(jì)數(shù)據(jù)庫(kù)表結(jié)果1ACCESS2000MicrosoftAccess提示框中選擇“新精品文檔放心下載建數(shù)據(jù)庫(kù)/空Access數(shù)據(jù)庫(kù)”，如圖6所示。精品文檔放心下載圖6新建空Access數(shù)據(jù)庫(kù)26擊“確定“文件新建數(shù)據(jù)庫(kù)Access謝謝閱讀謝謝閱讀下的data文件夾下。E:\Inetpub\root\liuyanban_jch\data\liuyanban_data.mdb謝謝閱讀3、完成第2步以后，單擊“創(chuàng)建”按鈕，則會(huì)彈出一個(gè)數(shù)據(jù)庫(kù)設(shè)計(jì)窗口，如圖7所示。我感謝閱讀們要在這個(gè)窗口中完成數(shù)據(jù)庫(kù)的設(shè)計(jì)。圖7數(shù)據(jù)庫(kù)設(shè)計(jì)窗口—?jiǎng)?chuàng)建表4、雙擊表窗口中的“使用設(shè)計(jì)器創(chuàng)建表”，會(huì)彈出一個(gè)表設(shè)計(jì)器設(shè)計(jì)視圖，在其中我要完精品文檔放心下載成表的結(jié)構(gòu)（域）的設(shè)計(jì)。設(shè)計(jì)結(jié)果看這里5、設(shè)置表中主鍵。右鍵單擊y_id字段，在彈出的快捷菜單中選擇“主鍵”。這樣y_id字感謝閱讀段就成為表的主鍵了。6、當(dāng)設(shè)計(jì)完成后，單擊關(guān)閉按鈕關(guān)閉表設(shè)計(jì)器設(shè)計(jì)視圖窗口，這時(shí)會(huì)彈出一個(gè)提示框，如感謝閱讀圖8所示?；卮稹笆恰北４嬖O(shè)計(jì)結(jié)果。圖8保存設(shè)計(jì)提示信息7、單擊“是”以后，會(huì)彈出如圖9所示的對(duì)話框。在其中輸入數(shù)據(jù)庫(kù)表的名字yonghu。精品文檔放心下載圖9命名數(shù)據(jù)庫(kù)表8、重復(fù)以上步驟創(chuàng)建另一個(gè)數(shù)據(jù)庫(kù)表_guest。設(shè)計(jì)結(jié)果看這里感謝閱讀▲在設(shè)計(jì)好的數(shù)據(jù)庫(kù)表中輸入記錄經(jīng)過(guò)前面的設(shè)計(jì)步驟以后，數(shù)據(jù)庫(kù)設(shè)計(jì)窗口變成如下結(jié)果，如圖10所示。精品文檔放心下載圖10向數(shù)據(jù)表中添加記錄請(qǐng)嘗試分別在兩個(gè)數(shù)據(jù)庫(kù)表中添加一些記錄并刪除這些記錄。感謝閱讀第九課謝謝閱讀端要?jiǎng)?chuàng)建和部署兩個(gè)方面的內(nèi)容：一個(gè)動(dòng)態(tài)腳本程序（本留言板站點(diǎn)采用的是ASP技術(shù)）、謝謝閱讀謝謝閱讀本程序了。在創(chuàng)建動(dòng)態(tài)腳本程序之前，將數(shù)據(jù)庫(kù)和留言板站點(diǎn)連接在一起是最基本的要求。謝謝閱讀感謝閱讀精品文檔放心下載數(shù)據(jù)庫(kù)中的數(shù)據(jù)應(yīng)該是很自然的要求了。在DreamweaverMX中如何實(shí)現(xiàn)數(shù)據(jù)庫(kù)和站點(diǎn)的連接呢？連接的方法有幾種呢？連接好的數(shù)精品文檔放心下載據(jù)庫(kù)中的數(shù)據(jù)是不是直接就可以應(yīng)用到我們的頁(yè)面中呢？本課要一一解決這些問(wèn)題。感謝閱讀▲在DreamweaverMX中實(shí)現(xiàn)數(shù)據(jù)庫(kù)連接的方法精品文檔放心下載在DreamweaverMXDSN（數(shù)據(jù)源名稱）實(shí)現(xiàn)連謝謝閱讀接，另一個(gè)是通過(guò)自定義連接字符串實(shí)現(xiàn)連接。下面就以上一課所建立的留言板數(shù)據(jù)庫(kù)謝謝閱讀（E:\Inetpub\root\liuyanban_jch\data\liuyanban_data.mdb）為例，討論它和留言板站精品文檔放心下載點(diǎn)的連接方法。一、通過(guò)DSN（數(shù)據(jù)源名稱）實(shí)現(xiàn)連接1、定義系統(tǒng)DSN①打開(kāi)控制面板，然后打開(kāi)其中的ODBC數(shù)據(jù)源管理器，如圖1所示。選擇其中的系統(tǒng)DSN感謝閱讀標(biāo)簽，然后單擊添加按鈕，我們要添加一個(gè)新的系統(tǒng)DSN名稱。感謝閱讀圖1ODBC數(shù)據(jù)源管理器—添加新的系統(tǒng)DSN②單擊添加按鈕以后會(huì)彈出一個(gè)“創(chuàng)建新數(shù)據(jù)源”對(duì)話框，如圖2所示。選擇其中的謝謝閱讀“MicrosoftAccessDriver(*.mdb)”。謝謝閱讀圖2選擇需要的驅(qū)動(dòng)程序來(lái)安裝數(shù)據(jù)源“完成“ODBCMicrosoftAccess安裝謝謝閱讀源名并選取數(shù)據(jù)庫(kù)文件，如圖3所示。圖3ODBCMicrosoftAccess安裝1謝謝閱讀我們?cè)贒W中就用這個(gè)數(shù)據(jù)源名稱建立連接。2、在DreamweaverMX中通過(guò)DSN（數(shù)據(jù)源名稱）實(shí)現(xiàn)連接謝謝閱讀①在DreamweaverMX中打開(kāi)留言板站點(diǎn)的主頁(yè)面文檔（main.asp）。謝謝閱讀“DSN）4所示。精品文檔放心下載圖4數(shù)據(jù)庫(kù)面板—數(shù)據(jù)源名稱③在出現(xiàn)的數(shù)據(jù)源名稱對(duì)話框中，選擇DSN、定義連接名稱，如圖5所示。精品文檔放心下載圖5定義數(shù)據(jù)源連接④按照?qǐng)D5感謝閱讀的+展開(kāi)，可以看到留言板數(shù)據(jù)庫(kù)中的兩個(gè)表，如圖6所示。這時(shí)我們已經(jīng)完成了數(shù)據(jù)庫(kù)和謝謝閱讀留言板站點(diǎn)的連接了，連接名是liuyanban_jch。謝謝閱讀圖6數(shù)據(jù)庫(kù)面板—完成創(chuàng)建的連接DSNDSN建感謝閱讀立的數(shù)據(jù)庫(kù)連接的特征是：DSN謝謝閱讀需涉及到腳本程序的更改。△如果我們采取通過(guò)DSNDSN精品文檔放心下載謝謝閱讀你可以及時(shí)通知ISP服務(wù)商幫你定義需要的DSN。精品文檔放心下載二、通過(guò)自定義連接字符串實(shí)現(xiàn)連接1、還是在留言板站點(diǎn)的主頁(yè)面文檔（main.asp）中實(shí)現(xiàn)這種連接。先把前面通過(guò)DSN實(shí)現(xiàn)感謝閱讀“刪除連接命精品文檔放心下載令。2、在數(shù)據(jù)庫(kù)面板，單擊按鈕，在彈出的菜單中選擇“自定義連接字符串”，如圖7所示。感謝閱讀圖7數(shù)據(jù)庫(kù)面板—自定義連接字符串3“自定義連接字符串8liuyanban_jch，感謝閱讀并輸入自定義的連接字符串："Driver={MicrosoftAccessDriver(*.mdb)};DBQ=e:\Inetpub\root\liuyanban_jch\data\l感謝閱讀iuyanban_data.mdb"其中e:\Inetpub\root\liuyanban_jch\data\liuyanban_data.mdb是將要連接的數(shù)據(jù)庫(kù)文謝謝閱讀件的物理絕對(duì)路徑。圖8自定義連接字符串48+精品文檔放心下載6感謝閱讀板站點(diǎn)的連接了，連接名是liuyanban_jch。感謝閱讀★以下是對(duì)設(shè)計(jì)好的動(dòng)態(tài)站點(diǎn)的數(shù)據(jù)庫(kù)文檔和動(dòng)態(tài)腳本文檔部署到遠(yuǎn)程租用服務(wù)器上的說(shuō)精品文檔放心下載明：△通過(guò)自定義連接字符串創(chuàng)建的數(shù)據(jù)庫(kù)連接最大的特征就是：對(duì)于租用服務(wù)器空間的用戶，精品文檔放心下載不需要ISPweb站點(diǎn)服務(wù)器的感謝閱讀謝謝閱讀是：感謝閱讀通過(guò)使用ASP服務(wù)器對(duì)象的MapPath感謝閱讀liuyanban_data.mdb。將它上傳到謝謝閱讀web服務(wù)器以后，用來(lái)打開(kāi)這個(gè)文件的URL并不使用物理路徑。它使用服務(wù)器名稱或域名，感謝閱讀后接虛擬路徑，如下所示：http://.flasher123./hanlan/liuyanban/data/liuyanban_data.mdb但是這個(gè)路徑不能用感謝閱讀謝謝閱讀徑。ASP服務(wù)器對(duì)象的MapPath謝謝閱讀1、在DreamweaverMX中新建一個(gè)ASP文檔頁(yè)并切換到代碼視圖（“查看”>“代碼”）。感謝閱讀2、在該頁(yè)的HTML精品文檔放心下載的FTP服務(wù)器而定）<%Response.Write(Server.MapPath("http://.flasher123./hanlan/liuyanban/data/liuy感謝閱讀anban_data.mdb"))%>3、保存這個(gè)ASP動(dòng)態(tài)頁(yè)面文檔，并把它上傳到遠(yuǎn)程服務(wù)器。謝謝閱讀4IE瀏覽器中通過(guò)URL謝謝閱讀遠(yuǎn)程服務(wù)器上的物理地址?！鳙@得了數(shù)據(jù)庫(kù)文件的物理地址以后，下面要重新更改自定義的連接字符串。謝謝閱讀1、我們?cè)贒reamweaverMX中創(chuàng)建了數(shù)據(jù)庫(kù)連接以后，在站點(diǎn)的根文件夾中會(huì)自動(dòng)產(chǎn)生一個(gè)精品文檔放心下載名字叫ConnectionsASP文謝謝閱讀件。比如留言板站點(diǎn)的連接文件：liuyanban_jch.asp。感謝閱讀2、打開(kāi)這個(gè)ASP文件，并切換到代碼視圖（“查看”>“代碼”）。感謝閱讀3、在代碼視圖中我們可以看到以下代碼：MM_liuyanban_jch_STRING="Driver={MicrosoftAccessDriver(*.mdb)};DBQ=e:\Inetpub\r精品文檔放心下載oot\liuyanban_jch\data\liuyanban_data.mdb"感謝閱讀將綠顏色的路徑代碼更改成遠(yuǎn)程服務(wù)器上的物理地址（通過(guò)MapPath方法獲取的）。感謝閱讀如果你還沒(méi)有支持ASP謝謝閱讀有點(diǎn)難，但是很有用?。∫欢ㄒ心托陌。海B接好的數(shù)據(jù)庫(kù)中的數(shù)據(jù)是不是直接就可以應(yīng)用到我們的頁(yè)面中呢？謝謝閱讀NO！具體內(nèi)精品文檔放心下載容下次分解……第十課謝謝閱讀現(xiàn)在數(shù)據(jù)庫(kù)中的數(shù)據(jù)還不能直接應(yīng)用到頁(yè)面中，因?yàn)橐獙?shù)據(jù)庫(kù)用作動(dòng)態(tài)網(wǎng)頁(yè)的內(nèi)容源時(shí)，精品文檔放心下載精品文檔放心下載精品文檔放心下載下留言板主頁(yè)面的動(dòng)態(tài)效果。一、在綁定面板中定義記錄集1、在DreamweaverMX中打開(kāi)留言板站點(diǎn)主頁(yè)面（main.asp）。精品文檔放心下載2、打開(kāi)綁定面板，單擊按鈕，在彈出的下拉菜單中選擇“記錄集（查詢）”命令，如圖1感謝閱讀所示。圖1綁定面板—定義記錄集3、在彈出的記錄集定義對(duì)話框中，定義記錄集名稱、選擇數(shù)據(jù)庫(kù)連接名、選擇數(shù)據(jù)庫(kù)中的精品文檔放心下載表、選擇表中的字段（域）、定義記錄排序的方法等，如圖2所示。精品文檔放心下載圖2定義記錄集4+號(hào)，精品文檔放心下載可以展開(kāi)記錄集，如圖3所示。圖3綁定面板—?jiǎng)?chuàng)建完成的記錄集二、將記錄集中數(shù)據(jù)綁定到表格域1main.asp4謝謝閱讀所示。圖4主頁(yè)面中顯示留言信息的表格2、將記錄集中的數(shù)據(jù)域（字段）綁定到表格相應(yīng)的單元格中。感謝閱讀y_name字段拖放到頁(yè)面表格的左上角中，精品文檔放心下載用同樣的方法將其它數(shù)據(jù)域（字段）拖動(dòng)到相應(yīng)的單元格中，如圖5所示。精品文檔放心下載圖5將記錄集中的數(shù)據(jù)綁定到單元格3、通過(guò)上面的步驟，我們已經(jīng)將記錄集中的字段（也就是數(shù)據(jù)庫(kù)中數(shù)據(jù)）綁定到頁(yè)面中的謝謝閱讀單元格中。這樣，這些單元格中的內(nèi)容實(shí)際上就是動(dòng)態(tài)文本內(nèi)容了。先做個(gè)實(shí)驗(yàn)：謝謝閱讀①現(xiàn)在我們就在ACCESS2000中對(duì)留言板數(shù)據(jù)庫(kù)中的用戶信息表（yonghu）編輯記錄。單擊感謝閱讀這里查看如何在ACCESS2000中編輯記錄②在瀏覽器中打開(kāi)main.asphttp://localhost/liuyanban/main.asp精品文檔放心下載或者/liuyanban/main.asp）精品文檔放心下載雖然我們?cè)诹粞园鍞?shù)據(jù)庫(kù)的用戶信息表中添加了多個(gè)記錄，但是在瀏覽器中打開(kāi)的謝謝閱讀main.asp頁(yè)面中顯示的總是一個(gè)記錄的綁定內(nèi)容。那么怎么讓頁(yè)面中同時(shí)顯示多個(gè)留言記精品文檔放心下載錄呢？下邊就解決這個(gè)問(wèn)題。三、在main.asp頁(yè)面中添加服務(wù)器行為——重復(fù)區(qū)域謝謝閱讀1、在main.asp頁(yè)面中選中圖5所示的整個(gè)表格，我們要把它創(chuàng)建成可以重復(fù)顯示的區(qū)域。精品文檔放心下載2、打開(kāi)服務(wù)器行為面板，單擊按鈕，在彈出的下拉菜單中選擇執(zhí)行其中的“重復(fù)區(qū)域”命精品文檔放心下載63條精品文檔放心下載留言記錄。圖6重復(fù)區(qū)域設(shè)置3main.asp精品文檔放心下載“重復(fù)7精品文檔放心下載內(nèi)容如圖8所示。圖7頁(yè)面中重復(fù)區(qū)域（局部）圖8服務(wù)器行為面板4、現(xiàn)在再在瀏覽器中觀察一下main.asp的頁(yè)面效果吧，在ACCESS2000中給用戶表多添加謝謝閱讀幾個(gè)記錄試試?，F(xiàn)在你體會(huì)到DreamweaverMX的服務(wù)器行為的功能的強(qiáng)大了吧。呵~不忙，先別高興，才剛精品文檔放心下載開(kāi)了個(gè)頭……四、向main.asp再添加一個(gè)服務(wù)器行為——顯示區(qū)域感謝閱讀main.asp5謝謝閱讀精品文檔放心下載空表干什么？）。但是現(xiàn)在的情況是，你把用戶表中的記錄全部刪除清空，main.asp頁(yè)面精品文檔放心下載照樣會(huì)顯示一個(gè)空表格。：（（（（怎么辦？下邊通過(guò)再添加一個(gè)服務(wù)器行為——顯示區(qū)感謝閱讀域來(lái)解決這個(gè)問(wèn)題：1、在main.asp頁(yè)面中選中圖5所示的整個(gè)表格。謝謝閱讀2“顯示區(qū)域/如果感謝閱讀記錄不為空則顯示區(qū)域”命令，如圖9。圖9服務(wù)器行為—顯示區(qū)域39精品文檔放心下載4、這時(shí)，main.asp頁(yè)面中的選中表格的左上角會(huì)出現(xiàn)一個(gè)新的服務(wù)器行為。感謝閱讀經(jīng)過(guò)上面的操作以后，當(dāng)沒(méi)有一個(gè)用戶留言（用戶表中記錄為空）時(shí)，main.asp頁(yè)面中就謝謝閱讀不會(huì)顯示如圖5所示的空表格。感謝閱讀DreamweaverMX精品文檔放心下載在動(dòng)態(tài)網(wǎng)頁(yè)創(chuàng)建上的強(qiáng)大功能，收獲不小吧？但別忘了獨(dú)立思考、舉一反三啊。謝謝閱讀第十一課<form>DW謝謝閱讀設(shè)計(jì)視圖下看到的紅虛線框。謝謝閱讀鈕等元件叫表單域，見(jiàn)圖1。圖1這些都是本課要用到的表單域一、添加表單、布局表格1、新建文檔，保存為write.asp這個(gè)頁(yè)面是簽寫(xiě)留言的。首先要插入一個(gè)表單見(jiàn)圖2。精品文檔放心下載圖2插入表單面板2、在表單內(nèi)添加表格，表格布局設(shè)置見(jiàn)圖3。圖3布局表格二、添加表單域1name見(jiàn)圖4，這樣做是感謝閱讀為了與數(shù)據(jù)庫(kù)的字段名字相對(duì)應(yīng)。圖4姓名對(duì)應(yīng)的表單域命名2、OICQ、EMAIL、個(gè)人主頁(yè)的表單域的添加方法同上，均為文本字段，分別命名為：謝謝閱讀OICQ|oicq，EMAIL|mail,個(gè)人主頁(yè)|homepage。精品文檔放心下載3、頭像：在相對(duì)應(yīng)的單元格里分別插入用戶頭像圖片，然后添加對(duì)應(yīng)的單選按鈕命名為：感謝閱讀tx。4、性別：在姓名對(duì)應(yīng)的表格里添加兩個(gè)單選按鈕，選中性別男單選按鈕：在屬性面板為它謝謝閱讀改名為sex選定值為男，初始狀態(tài)－已勾選，設(shè)置見(jiàn)圖5sex選定值為女，初始狀態(tài)－未謝謝閱讀選中，方法同上。圖5性別男：對(duì)應(yīng)表單域單選按鈕的設(shè)置5、提交與重置按鈕：在最下面的單元格添加兩個(gè)按鈕，選中提交按鈕：在屬性面板為它改謝謝閱讀名為Submit，標(biāo)簽選提交，動(dòng)作－提交表單，設(shè)置見(jiàn)圖6。選中重置按鈕：在屬性面板為它改名為Submit2，標(biāo)簽選重置，動(dòng)作－重設(shè)表精品文檔放心下載單，方法同上。圖6提交按鈕屬性6IP，在值里感謝閱讀添加代碼<%=Request("remote_addr")%>感謝閱讀這段代碼是獲取客戶端IP的，見(jiàn)圖7。圖7隱藏區(qū)域設(shè)置7、留言內(nèi)容：在留言內(nèi)容對(duì)應(yīng)的單元格里添加文本區(qū)域在屬性面板里為它改名為liuyan，感謝閱讀全部添加完的表單域，見(jiàn)圖8。圖8添加好的表單域三、定義提交按鈕的服務(wù)器行為1、選中的整個(gè)表格，打開(kāi)服務(wù)器行為面板，單擊“+”按鈕選擇菜單下的插入記錄，見(jiàn)圖9。感謝閱讀圖9服務(wù)器行為－插入記錄2、設(shè)置表單域與數(shù)據(jù)庫(kù)字段名一一對(duì)應(yīng)，在表單元素里分別依次選中元素，在下面的列里感謝閱讀選擇與數(shù)據(jù)庫(kù)相對(duì)應(yīng)的域，見(jiàn)圖10。圖10插入記錄對(duì)話框四、定義表單提交的錯(cuò)誤檢查（行為面板）1、簽寫(xiě)留言時(shí)為了避免有錯(cuò)誤信息的寫(xiě)入，添加表單提交的錯(cuò)誤檢查功能。打開(kāi)設(shè)計(jì)面板精品文檔放心下載下的行為面板，單擊"+"選擇檢查表單，見(jiàn)圖11。圖11設(shè)計(jì)－行為－檢查表單2、設(shè)置表單域和檢查事件：name選擇必需的，ociq選擇數(shù)字，mail選擇必需的和電子郵謝謝閱讀件，homepage不選，liuyan選擇必需的，見(jiàn)圖12。感謝閱讀圖12檢查表單對(duì)話框第十二課上一課我們講了簽寫(xiě)留言提交表單和檢查表單，這一課我們?cè)倩剡^(guò)頭來(lái)充實(shí)一下main.asp精品文檔放心下載頁(yè)面功能--實(shí)現(xiàn)留言記錄導(dǎo)航。一、控制一頁(yè)顯示留言數(shù)和翻頁(yè)按鈕謝謝閱讀量功能按鈕，見(jiàn)圖1。圖1應(yīng)用程序－記錄集導(dǎo)航條/記錄集導(dǎo)航狀態(tài)1、光標(biāo)移到頁(yè)面下方，單擊記錄集導(dǎo)航狀態(tài)就會(huì)彈出記錄集導(dǎo)航狀態(tài)對(duì)話框，見(jiàn)圖2。謝謝閱讀圖2記錄集導(dǎo)航狀態(tài)對(duì)話框2、再回車另起一行，單擊記錄集導(dǎo)航條就會(huì)彈出記錄導(dǎo)航對(duì)話框，記錄導(dǎo)航條將以文字方謝謝閱讀式顯示，見(jiàn)圖3。圖3記錄集導(dǎo)航條對(duì)話框這樣我們就完成了顯示留言數(shù)量和翻頁(yè)按鈕，見(jiàn)圖4。圖4已加好翻面和顯示留言數(shù)功能二、留言內(nèi)容顯示問(wèn)題1、現(xiàn)在main.asp文件基本完成。當(dāng)然，你會(huì)想到：如果我們輸入一些html代碼，會(huì)怎么謝謝閱讀樣呢？我們來(lái)輸入一行html代碼試一下，輸入：<fontcolor="#0000FF"size="7">測(cè)試精品文檔放心下載</font>5html的原感謝閱讀因。圖5測(cè)試結(jié)果再測(cè)試看看，用戶的留言如果很長(zhǎng)，表格會(huì)自動(dòng)撐大（文字不會(huì)自動(dòng)換行）??！見(jiàn)圖6。謝謝閱讀圖6撐大的表格2.、為了解決以上問(wèn)題，我們將原來(lái)綁定到留言單元格中的記錄集字段謝謝閱讀（<%=(Recordset1.y_liuyan)%>）刪除，添加“文本區(qū)域”，添加好后的文本區(qū)域見(jiàn)圖7。精品文檔放心下載圖7添加好的文本區(qū)域3、然后選中剛才添加的文本區(qū)域，在屬性面板里點(diǎn)擊打開(kāi)動(dòng)態(tài)數(shù)據(jù)對(duì)話框，添加動(dòng)態(tài)留言精品文檔放心下載文本字段y_liuyan，見(jiàn)圖8。圖8為文本區(qū)域添加動(dòng)態(tài)數(shù)據(jù)現(xiàn)在可以在留言試試看，表格自動(dòng)換行，而且不支持html代碼了，留言內(nèi)容的顯示問(wèn)題也精品文檔放心下載可以借助DreamweaverMX的插件來(lái)實(shí)現(xiàn)的。感謝閱讀第十三課感謝閱讀工和充實(shí)main.asp和write.asp頁(yè)面功能。感謝閱讀一、實(shí)現(xiàn)留言用戶的頭像選擇與顯示1、打開(kāi)簽寫(xiě)留言頁(yè)面write.asp文件，選其中一張用戶頭像圖片，在屬性面板里復(fù)制源文感謝閱讀件URL鏈接地址，見(jiàn)圖1。圖1選中頭像與圖像屬性再選中與頭像對(duì)應(yīng)的單選按鈕在屬性面板的選定值處粘貼剛才復(fù)制的圖片URL感謝閱讀鈕名稱為"tx"，初始狀態(tài)－未選中，見(jiàn)圖2。圖2頭像表單域選定值tx感謝閱讀意圖片路徑與單選按鈕的選定值一一對(duì)應(yīng)。2、打開(kāi)顯示留言頁(yè)面main.asp實(shí)現(xiàn)頭像地址記錄的綁定，在綁定面板下選擇記錄集中感謝閱讀touxiang字段，見(jiàn)圖3。圖3綁定頭像動(dòng)態(tài)數(shù)據(jù)按住鼠標(biāo)拖動(dòng)按住鼠標(biāo)拖動(dòng)touxiang字段到main.asp精品文檔放心下載屬性面板上變成記錄集中的touxiang動(dòng)態(tài)字段了，這個(gè)字段是將來(lái)顯示write.asp中選中謝謝閱讀頭像按鈕的值（頭像路徑）見(jiàn)圖4。圖4綁定動(dòng)態(tài)數(shù)據(jù)拖動(dòng)到頭像上二、OICQ、E-mail、個(gè)人主頁(yè)和IP顯示的實(shí)現(xiàn)謝謝閱讀1main.aspE－mail精品文檔放心下載用四張圖片來(lái)取代他們（點(diǎn)擊此處下載圖片）修改頁(yè)面如圖4右上角，修改表格，在單元格加上對(duì)應(yīng)的圖片。謝謝閱讀2、設(shè)置OICQ圖像的超級(jí)鏈接：選中OICQ圖片在屬性面板中為它添加鏈鏈，點(diǎn)擊鏈接后的精品文檔放心下載瀏覽文件，見(jiàn)圖5。圖5為OICQ添加鏈接點(diǎn)擊瀏覽文件后打開(kāi)選擇文件對(duì)話框，第一步選擇文件名稱為數(shù)據(jù)源，第二步選擇y_oicq精品文檔放心下載URL參數(shù)中會(huì)顯示OICQURL謝謝閱讀參數(shù)的前面（下面綠色字段的前面），OICQ的完整鏈接應(yīng)該是下面URL的紅色部份加綠色精品文檔放心下載部分，http://search.tencent./cgi-bin/friend/user_show_info?ln=<%=(Recordset1.Fields.I感謝閱讀tem("y_oicq").Value)%>，見(jiàn)圖6。感謝閱讀圖6選擇URL為數(shù)據(jù)源這個(gè)時(shí)候?qū)傩悦姘逯械逆溄泳蜁?huì)顯示我們剛才添加的URL謝謝閱讀_blank就是鏈接在新窗口中打開(kāi)，見(jiàn)圖7。圖7目標(biāo)改為_(kāi)blank3、設(shè)置OICQ圖像的號(hào)碼提示信息：選中OICQ圖像，切換到代碼視圖。將光標(biāo)定位在精品文檔放心下載圖8在title標(biāo)簽中添加記錄集動(dòng)態(tài)文本做這步的目的是為了實(shí)現(xiàn)鼠標(biāo)移到OICQ圖像上時(shí)將顯示OICQ號(hào)碼提示信息，否則不顯示，精品文檔放心下載如圖4、E－MAIL、主頁(yè)和IP的圖像的超級(jí)鏈接請(qǐng)參考OICQ謝謝閱讀息同樣也在URL參數(shù)前加上下面的紅色部分鏈接。E-mail鏈接：mailto:主頁(yè)鏈接：http://IP鏈接：#到此顯示留言主頁(yè)面main.asp和簽寫(xiě)留言頁(yè)面write.asp就全部完成了，不是很難吧，現(xiàn)謝謝閱讀在就可以測(cè)試你親手做的留言板了：）第十四課上節(jié)我們完善了顯示留言頁(yè)面main.asp和簽寫(xiě)留言頁(yè)面write.asp，從這節(jié)課開(kāi)始做管理感謝閱讀部分的頁(yè)面。