dreamweaver開發(fā)動(dòng)態(tài)asp網(wǎng)頁(yè)教程與實(shí)例課件

使用dreamweaver進(jìn)行asp網(wǎng)頁(yè)開發(fā)11/30/2013lyangyapeng使用dreamweaver進(jìn)行asp網(wǎng)頁(yè)開發(fā)11/30/20Sql：用戶信息的存儲(chǔ)Iis：sql和dreamweaver的橋梁Dreamweaver：對(duì)asp進(jìn)行編輯制作Asp動(dòng)態(tài)網(wǎng)頁(yè)工作需要的環(huán)境通過網(wǎng)頁(yè)瀏覽器與用戶進(jìn)行交互Sql：Iis：Dreamweaver：Asp動(dòng)態(tài)網(wǎng)頁(yè)工作需Sql的配置1.需要在服務(wù)器上安裝Sql軟件，并建立所需的數(shù)據(jù)庫(kù)文件且設(shè)置好各個(gè)數(shù)據(jù)的數(shù)據(jù)類型、是否可以為空等屬性；Sql的配置1.需要在服務(wù)器上安裝Sql軟件，并建立所需的數(shù)Sql的配置2.給所建立的新數(shù)據(jù)庫(kù)分配一個(gè)賬號(hào)和密碼，該賬號(hào)需要有對(duì)此數(shù)據(jù)庫(kù)的完全控制權(quán)Sql的配置2.給所建立的新數(shù)據(jù)庫(kù)分配一個(gè)賬號(hào)和密碼，該賬號(hào)IIS的安裝Windows系統(tǒng)默認(rèn)并沒有開啟IIS服務(wù)，所以需要自己開啟。Winxp開啟方法如下：進(jìn)入“控制面板”，依次選“添加/刪除程序→添加/刪除Windows組件”，勾選“Internet信息服務(wù)（IIS）”中的Web、FTP、NNTP和SMTP等全部四項(xiàng)服務(wù)，點(diǎn)擊確定。根據(jù)提示進(jìn)行安裝即可。Win7的安裝方法與winxp類似。IIS的安裝Windows系統(tǒng)默認(rèn)并沒有開啟IIS服務(wù)，所以測(cè)試安裝是否成功的方法如下：打開瀏覽器，在地址欄輸入：

http://localhost/iishelp回車；若進(jìn)入IIS幫助頁(yè)面，則證明安裝成功（win7系統(tǒng)下為歡迎頁(yè)面）。IIS的安裝測(cè)試安裝是否成功的方法如下：IIS的安裝IIS的配置IIS在使用之前需要進(jìn)行一些必要的設(shè)置，方法如下：1.進(jìn)入“控制面板”，依次選擇“管理工具→internet信息服務(wù)”。IIS的配置IIS在使用之前需要進(jìn)行一些必要的設(shè)置，方法如下IIS的配置右鍵單擊“默認(rèn)網(wǎng)站”——“新建”——“虛擬目錄”，進(jìn)入虛擬目錄創(chuàng)建向?qū)В凑障聢D進(jìn)行配置。虛擬目錄用來存儲(chǔ)我們制作的網(wǎng)頁(yè)，只有在虛擬目錄內(nèi)的動(dòng)態(tài)網(wǎng)頁(yè)才能被IIS執(zhí)行，實(shí)現(xiàn)網(wǎng)頁(yè)和數(shù)據(jù)庫(kù)之間的交互。IIS的配置右鍵單擊“默認(rèn)網(wǎng)站”——“新建”——“虛擬目錄”dreamweaver的安裝目前有很多網(wǎng)頁(yè)開發(fā)軟件，如MicrosoftVisualStudio，dreamweaver等，dreamweaver具有的優(yōu)勢(shì)是圖形化界面，不需要進(jìn)行非常繁雜的代碼編寫，所做即所得，比較適合網(wǎng)頁(yè)開發(fā)入門使用。Dreamweaver8安裝成功后的開始界面如下：dreamweaver的安裝目前有很多網(wǎng)頁(yè)開發(fā)軟件，如MicDreamweaver站點(diǎn)的配置首先我們需要新建一個(gè)站點(diǎn)，站點(diǎn)目錄與IIS服務(wù)器中設(shè)置的虛擬目錄相同，使我們?cè)O(shè)計(jì)的asp網(wǎng)頁(yè)能夠被IIS識(shí)別和運(yùn)行。方法如下：?jiǎn)螕舫绦虼翱谟覀?cè)“文件”標(biāo)簽組中“文件”——“管理站點(diǎn)”——“新建”——“站點(diǎn)”，打開如下頁(yè)面進(jìn)行配置：Dreamweaver站點(diǎn)的配置首先我們需要新建一個(gè)站點(diǎn)，站在新建的站點(diǎn)目錄下新建一個(gè)asp格式網(wǎng)頁(yè)，打開，在body部分添加如下語(yǔ)句：<%Response.Write(now)%>保存，在瀏覽器中預(yù)覽，如顯示當(dāng)前日期（如圖），則表示站點(diǎn)配置成功，IIS正常工作。Dreamweaver站點(diǎn)的配置在新建的站點(diǎn)目錄下新建一個(gè)asp格式網(wǎng)頁(yè)，打開，在body部Dreamweaver與SQL數(shù)據(jù)庫(kù)連接1.點(diǎn)擊數(shù)據(jù)庫(kù)面板左上角的“+”號(hào)，選擇“數(shù)據(jù)源名稱（DSN）”；2.點(diǎn)擊“定義”；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接1.點(diǎn)擊數(shù)據(jù)庫(kù)面板左Dreamweaver與SQL數(shù)據(jù)庫(kù)連接3.選擇“系統(tǒng)DSN”——“添加”；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接3.選擇“系統(tǒng)DSNDreamweaver與SQL數(shù)據(jù)庫(kù)連接4.選擇“SQLServer”——“完成”；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接4.選擇“SQLSDreamweaver與SQL數(shù)據(jù)庫(kù)連接5.填入名稱，若SQL服務(wù)器在本機(jī)，則服務(wù)器處填寫“（local）”；下一步；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接5.填入名稱，若SQDreamweaver與SQL數(shù)據(jù)庫(kù)連接6.使用SQLServer驗(yàn)證，登陸ID和密碼就是配置SQLServer服務(wù)器時(shí)所分配的賬號(hào)密碼；一路“下一步”完成設(shè)置；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接6.使用SQLSeDreamweaver與SQL數(shù)據(jù)庫(kù)連接Dreamweaver與SQL數(shù)據(jù)庫(kù)連接Dreamweaver與SQL數(shù)據(jù)庫(kù)連接7.回到“數(shù)據(jù)源名稱（DSN）”，如圖所示設(shè)置；確定；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接7.回到“數(shù)據(jù)源名稱Dreamweaver與SQL數(shù)據(jù)庫(kù)連接至此，dreamweaver與SQL數(shù)據(jù)庫(kù)的連接已經(jīng)完成。Dreamweaver與SQL數(shù)據(jù)庫(kù)連接至此，dreamwe準(zhǔn)備工作建立好一系列的網(wǎng)頁(yè)文件，便于后續(xù)的網(wǎng)頁(yè)制作中各個(gè)網(wǎng)頁(yè)間的調(diào)用；制作網(wǎng)頁(yè)所要用到的圖片素材可放到事先建立的image文件夾中；準(zhǔn)備工作建立好一系列的網(wǎng)頁(yè)文件，便于后續(xù)的網(wǎng)頁(yè)制作中各個(gè)網(wǎng)頁(yè)登陸界面的設(shè)計(jì)1.打開“l(fā)ogin.asp”，先做好登陸界面框架，然后在“服務(wù)器行為”面板添加“登錄用戶”；登陸界面的設(shè)計(jì)1.打開“l(fā)ogin.asp”，先做好登陸界面如圖填寫如圖填寫Dreamweaver與SQL數(shù)據(jù)庫(kù)連接登陸頁(yè)面代碼最終效果如下Dreamweaver與SQL數(shù)據(jù)庫(kù)連接登陸頁(yè)面代碼最終效果dreamweaver開發(fā)動(dòng)態(tài)asp網(wǎng)頁(yè)教程與實(shí)例課件主顯示頁(yè)面（index.asp）制作：1.首先設(shè)計(jì)如下界面主顯示頁(yè)面（index.asp）制作：1.首先設(shè)計(jì)如下界面主顯示頁(yè)面（index.asp）制作：2.綁定記錄集應(yīng)用程序面板—綁定—“+”—記錄集，如圖填寫主顯示頁(yè)面（index.asp）制作：2.綁定記錄集主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：修改頁(yè)面（update.asp）制作1.先設(shè)計(jì)好界面修改頁(yè)面（update.asp）制作1.先設(shè)計(jì)好界面修改頁(yè)面（update.asp）制作2.綁定記錄集修改頁(yè)面（update.asp）制作2.綁定記錄集修改頁(yè)面（update.asp）制作3.添加“更新記錄”修改頁(yè)面（update.asp）制作3.添加“更新記錄”修改頁(yè)面（update.asp）制作修改頁(yè)面（update.asp）制作修改頁(yè)面（update.asp）制作修改頁(yè)面（update.asp）制作刪除頁(yè)面（delete.asp）的制作1.設(shè)計(jì)頁(yè)面刪除頁(yè)面（delete.asp）的制作1.設(shè)計(jì)頁(yè)面刪除頁(yè)面（delete.asp）的制作2.綁定記錄集刪除頁(yè)面（delete.asp）的制作2.綁定記錄集刪除頁(yè)面（delete.asp）的制作3.添加“刪除記錄”刪除頁(yè)面（delete.asp）的制作3.添加“刪除記錄”新增記錄1.設(shè)計(jì)頁(yè)面2.綁定記錄集3.添加“插入記錄”新增記錄1.設(shè)計(jì)頁(yè)面訪問限制的添加訪問限制的添加It’sall，thankyou！It’sall，thankyou！使用dreamweaver進(jìn)行asp網(wǎng)頁(yè)開發(fā)11/30/2013lyangyapeng使用dreamweaver進(jìn)行asp網(wǎng)頁(yè)開發(fā)11/30/20Sql：用戶信息的存儲(chǔ)Iis：sql和dreamweaver的橋梁Dreamweaver：對(duì)asp進(jìn)行編輯制作Asp動(dòng)態(tài)網(wǎng)頁(yè)工作需要的環(huán)境通過網(wǎng)頁(yè)瀏覽器與用戶進(jìn)行交互Sql：Iis：Dreamweaver：Asp動(dòng)態(tài)網(wǎng)頁(yè)工作需Sql的配置1.需要在服務(wù)器上安裝Sql軟件，并建立所需的數(shù)據(jù)庫(kù)文件且設(shè)置好各個(gè)數(shù)據(jù)的數(shù)據(jù)類型、是否可以為空等屬性；Sql的配置1.需要在服務(wù)器上安裝Sql軟件，并建立所需的數(shù)Sql的配置2.給所建立的新數(shù)據(jù)庫(kù)分配一個(gè)賬號(hào)和密碼，該賬號(hào)需要有對(duì)此數(shù)據(jù)庫(kù)的完全控制權(quán)Sql的配置2.給所建立的新數(shù)據(jù)庫(kù)分配一個(gè)賬號(hào)和密碼，該賬號(hào)IIS的安裝Windows系統(tǒng)默認(rèn)并沒有開啟IIS服務(wù)，所以需要自己開啟。Winxp開啟方法如下：進(jìn)入“控制面板”，依次選“添加/刪除程序→添加/刪除Windows組件”，勾選“Internet信息服務(wù)（IIS）”中的Web、FTP、NNTP和SMTP等全部四項(xiàng)服務(wù)，點(diǎn)擊確定。根據(jù)提示進(jìn)行安裝即可。Win7的安裝方法與winxp類似。IIS的安裝Windows系統(tǒng)默認(rèn)并沒有開啟IIS服務(wù)，所以測(cè)試安裝是否成功的方法如下：打開瀏覽器，在地址欄輸入：

http://localhost/iishelp回車；若進(jìn)入IIS幫助頁(yè)面，則證明安裝成功（win7系統(tǒng)下為歡迎頁(yè)面）。IIS的安裝測(cè)試安裝是否成功的方法如下：IIS的安裝IIS的配置IIS在使用之前需要進(jìn)行一些必要的設(shè)置，方法如下：1.進(jìn)入“控制面板”，依次選擇“管理工具→internet信息服務(wù)”。IIS的配置IIS在使用之前需要進(jìn)行一些必要的設(shè)置，方法如下IIS的配置右鍵單擊“默認(rèn)網(wǎng)站”——“新建”——“虛擬目錄”，進(jìn)入虛擬目錄創(chuàng)建向?qū)В凑障聢D進(jìn)行配置。虛擬目錄用來存儲(chǔ)我們制作的網(wǎng)頁(yè)，只有在虛擬目錄內(nèi)的動(dòng)態(tài)網(wǎng)頁(yè)才能被IIS執(zhí)行，實(shí)現(xiàn)網(wǎng)頁(yè)和數(shù)據(jù)庫(kù)之間的交互。IIS的配置右鍵單擊“默認(rèn)網(wǎng)站”——“新建”——“虛擬目錄”dreamweaver的安裝目前有很多網(wǎng)頁(yè)開發(fā)軟件，如MicrosoftVisualStudio，dreamweaver等，dreamweaver具有的優(yōu)勢(shì)是圖形化界面，不需要進(jìn)行非常繁雜的代碼編寫，所做即所得，比較適合網(wǎng)頁(yè)開發(fā)入門使用。Dreamweaver8安裝成功后的開始界面如下：dreamweaver的安裝目前有很多網(wǎng)頁(yè)開發(fā)軟件，如MicDreamweaver站點(diǎn)的配置首先我們需要新建一個(gè)站點(diǎn)，站點(diǎn)目錄與IIS服務(wù)器中設(shè)置的虛擬目錄相同，使我們?cè)O(shè)計(jì)的asp網(wǎng)頁(yè)能夠被IIS識(shí)別和運(yùn)行。方法如下：?jiǎn)螕舫绦虼翱谟覀?cè)“文件”標(biāo)簽組中“文件”——“管理站點(diǎn)”——“新建”——“站點(diǎn)”，打開如下頁(yè)面進(jìn)行配置：Dreamweaver站點(diǎn)的配置首先我們需要新建一個(gè)站點(diǎn)，站在新建的站點(diǎn)目錄下新建一個(gè)asp格式網(wǎng)頁(yè)，打開，在body部分添加如下語(yǔ)句：<%Response.Write(now)%>保存，在瀏覽器中預(yù)覽，如顯示當(dāng)前日期（如圖），則表示站點(diǎn)配置成功，IIS正常工作。Dreamweaver站點(diǎn)的配置在新建的站點(diǎn)目錄下新建一個(gè)asp格式網(wǎng)頁(yè)，打開，在body部Dreamweaver與SQL數(shù)據(jù)庫(kù)連接1.點(diǎn)擊數(shù)據(jù)庫(kù)面板左上角的“+”號(hào)，選擇“數(shù)據(jù)源名稱（DSN）”；2.點(diǎn)擊“定義”；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接1.點(diǎn)擊數(shù)據(jù)庫(kù)面板左Dreamweaver與SQL數(shù)據(jù)庫(kù)連接3.選擇“系統(tǒng)DSN”——“添加”；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接3.選擇“系統(tǒng)DSNDreamweaver與SQL數(shù)據(jù)庫(kù)連接4.選擇“SQLServer”——“完成”；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接4.選擇“SQLSDreamweaver與SQL數(shù)據(jù)庫(kù)連接5.填入名稱，若SQL服務(wù)器在本機(jī)，則服務(wù)器處填寫“（local）”；下一步；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接5.填入名稱，若SQDreamweaver與SQL數(shù)據(jù)庫(kù)連接6.使用SQLServer驗(yàn)證，登陸ID和密碼就是配置SQLServer服務(wù)器時(shí)所分配的賬號(hào)密碼；一路“下一步”完成設(shè)置；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接6.使用SQLSeDreamweaver與SQL數(shù)據(jù)庫(kù)連接Dreamweaver與SQL數(shù)據(jù)庫(kù)連接Dreamweaver與SQL數(shù)據(jù)庫(kù)連接7.回到“數(shù)據(jù)源名稱（DSN）”，如圖所示設(shè)置；確定；Dreamweaver與SQL數(shù)據(jù)庫(kù)連接7.回到“數(shù)據(jù)源名稱Dreamweaver與SQL數(shù)據(jù)庫(kù)連接至此，dreamweaver與SQL數(shù)據(jù)庫(kù)的連接已經(jīng)完成。Dreamweaver與SQL數(shù)據(jù)庫(kù)連接至此，dreamwe準(zhǔn)備工作建立好一系列的網(wǎng)頁(yè)文件，便于后續(xù)的網(wǎng)頁(yè)制作中各個(gè)網(wǎng)頁(yè)間的調(diào)用；制作網(wǎng)頁(yè)所要用到的圖片素材可放到事先建立的image文件夾中；準(zhǔn)備工作建立好一系列的網(wǎng)頁(yè)文件，便于后續(xù)的網(wǎng)頁(yè)制作中各個(gè)網(wǎng)頁(yè)登陸界面的設(shè)計(jì)1.打開“l(fā)ogin.asp”，先做好登陸界面框架，然后在“服務(wù)器行為”面板添加“登錄用戶”；登陸界面的設(shè)計(jì)1.打開“l(fā)ogin.asp”，先做好登陸界面如圖填寫如圖填寫Dreamweaver與SQL數(shù)據(jù)庫(kù)連接登陸頁(yè)面代碼最終效果如下Dreamweaver與SQL數(shù)據(jù)庫(kù)連接登陸頁(yè)面代碼最終效果dreamweaver開發(fā)動(dòng)態(tài)asp網(wǎng)頁(yè)教程與實(shí)例課件主顯示頁(yè)面（index.asp）制作：1.首先設(shè)計(jì)如下界面主顯示頁(yè)面（index.asp）制作：1.首先設(shè)計(jì)如下界面主顯示頁(yè)面（index.asp）制作：2.綁定記錄集應(yīng)用程序面板—綁定—“+”—記錄集，如圖填寫主顯示頁(yè)面（index.asp）制作：2.綁定記錄集主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.asp）制作：主顯示頁(yè)面（index.