我們讀書就是為了獲得知識,現在我們學習了asp動態網頁設計,當然就是要能做一個精美的網頁。在此次網頁設計中,我們要能更加的瞭解dreameaver強大的功能和更好的使用它。通過此次設計我們還要能夠知道靜態網頁和動態網也的區別。誠然,次此設計的個人網頁,一方面是為了完成我們的考試,但更重要的是把我們所學到的東西用在具體的實踐之中,所以,這次設計的目的也是要我們更好的掌握和使用好asp的核心工具和技術,以便提高對網頁知識的更深層瞭解。第三點也是最要的一點是,把我們在書本上學到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上,把這些東西都用在所要做的網頁上面。以達到老師要求的效果和學以致用。
設計目的:
我們讀書就是為了獲得知識,現在我們學習了asp動態網頁設計,當然就是要能做一個精美的網頁。在此次網頁設計中,我們要能更加的瞭解dreameaver強大的功能和更好的使用它。通過此次設計我們還要能夠知道靜態網頁和動態網也的區別。誠然,次此設計的個人網頁,一方面是為了完成我們的考試,但更重要的是把我們所學到的東西用在具體的實踐之中,所以,這次設計的目的也是要我們更好的掌握和使用好asp的核心工具和技術,以便提高對網頁知識的更深層瞭解。第三點也是最要的一點是,把我們在書本上學到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上,把這些東西都用在所要做的網頁上面。以達到老師要求的效果和學以致用。
使用工具和數據庫:
主要的使用工具有:dreanweaver 、javascript、iis和access.而在此次設計中主要用到dreameaver 設置首頁,編輯功能,排版功能,設計模版功能,插入文本包括插入文本元素插入圖像和圖文混排和外部圖像的編輯等功能。關於dreameaver的插入flash功能我用的比較少,在首頁裏我插入了一副flash,主要是它的功能我還不是很瞭解,我相信我以後會更好的使用它。
第二個主要工具就是iis。係統不會默認安裝iis,但是我們可以通過"控製面板"中的"添加/刪除程序"對話框添加。安裝iis應通過使用控製面板的"添加/刪除程序"對話框,可以安裝iis、添加可選組件或者刪除可選組件來實現。安裝時,iis 安裝諸如通用文件、文檔以及internet信息服務管理單元等可選組件。您可以選擇不安裝可選組件,但是如果不選擇某些組件,可能會降低iis功能或禁用iis服務。如果您不熟悉可選組件以及這些組件如何影響iis,請使用默認設置安裝iis。安裝結束後,可以閱讀iis聯機文檔中的"安裝iis可選組件",以便獲取更多信息。如果在安裝了iis後如果web瀏覽器返回"找不到服務器"錯誤或"無法顯示該頁"錯誤,則你可以使用命令進行測試:名稱解析服務器將 iis web 服務器的名稱解析為其 ip 地址 ,服務器響應遠程計算機的網絡請求。
第三個主要的工具是數據庫access,我們主要是用它來做一個數據庫,然後在數據庫裏面建一個表,這樣我們做的數據庫才能顯示出來。要使用數據庫,我們也要像iis那樣先安裝它,這個的安裝很簡單,和我們的word安裝一樣,我就不在詳細說明裏。
javascript是一種基於對像的腳本語言,每個對像均有屬於自己的屬性和方法。在它之中,還會經常用到的對像有string,math,array和date,分別用於實現對字符串,數學運算,數組,日期與時間的處理。我主要用它來實現了網頁鼠標特效。
功能介紹(各模塊介紹核心技術):
我的網頁主要包括了主頁,郵箱登陸,個人簡介和愛好,個人像册,通訊錄,友情連接,另類下載等。主頁主要上用來顯示網頁的主要內容。在主頁裏,我嵌套了一副flash,在flash裏面我又加入了一首歌,是本網頁有了精美的音樂。郵箱登陸主要是用來在別人登陸該網頁時有什麽建議或意見,可以迅速的登陸到他的郵箱給我意見。也為別人在瀏覽本網頁時突然想起了什麽事,可以迅速登陸到自己的郵箱。個人愛好主要是用來介紹自己和介紹自己的愛好,以便讓更多的人瞭解自己。個人像册是用來顯示照片的,在個人像册裏我大量使用了表格嵌套,通過做個人像册我更加的瞭解了網頁裏的表格的使用。通訊錄主要是用來顯示我們記錄的數據的,在做同學錄時,我們先要用access做一個數據庫和一個數據表,再用dreanweaver做一個關於通訊錄的網頁,然後把他們連接起來。最後我們可以通過安裝的iis來顯示它。友情連接主要連接了一些重要的網站,以便別人在瀏覽本網頁時可以方便的跳轉到別的網頁。另類下載模塊主要顯示了一些主要的下載工具和網站,方便那些想快速下載又找不到好的網站和工具的人。本網頁還包括了很多東東,我就不一個一個的說明了。
技術特點及個人技術特點:
首先active server pages(動態服務器主頁)的縮寫,它是一個服務器端的腳本環境,在站點的web服務器上解釋腳本,可産生並執行動態、交互式、高效率的站點服務器應用程序。asp可以胜任基於微軟web服務器的各種動態數據發佈,它與傳統的靜態主頁有很大的區別:信息係統納入internet的框架之後,首先要解决的問題是通過網頁訪問後臺數據庫信息而傳統的不是這樣。所有應用程序都是被分割為頁面的形式,用戶的交互操作是以提交表單等方式來實現的,這就要求web站點具有很強的動態數據發佈能力。用asp所設計出的是動態主頁,可接收用戶提交的信息並作出反應, 其中的數據可隨實際情況而改變,無須人工對網頁文件進行更新即可滿足應用需要。
從軟件的技術層面看,asp有如下的特點:無需編譯asp腳本集成於html當中,無需編譯或鏈接即可直接解釋執行;易於生成使用常規文本編輯器即可進行*.asp頁面的設計;獨立於瀏覽器用戶端,衹要使用可解常規html碼的瀏覽器,即可瀏覽asp所設計的主頁。
從應用的層面看,asp有如下的功能:處理由瀏覽器傳送到站點服務器的表單輸入。訪問和編輯服務器端的數據庫表。使用瀏覽器即可輸入、更新和刪除站點服務器的數據庫中的數據。讀寫站點服務器的文件,實現訪客計數器、座右銘等功能。由cookies 讀寫用戶端的硬盤文件,以記錄用戶的數據。可以實現在多個主頁間共享信息,以開發復雜的商務站點應用程序。
具體實現方法:
在我的網頁中,主要是通過首頁來實現其他的網頁界面。在首頁中的主要內容有:首頁,個人相册,郵箱登陸,通訊錄,個人簡介和愛好,友情連接和另類下載。而各部分是相互鏈接在一起的。也就是說明了我充分的運用了dreamweaver的超鏈接功能。在我的首有頁中主要用到是嵌入和連接功能,嵌如了一張圖片和連接了一副flash,增加了網頁的精美效果的也;在我的相册中主要用到的也是超鏈接功能,衹不過是圖片的連接而已,當你點擊相册中的小圖片時就會在另外一張網頁中出現一張放大的圖片,你也可以通過像册上面的上一張,下一張,最後一張,第一張來瀏覽整個像册。在我的郵箱裏,利用cdonts來實現email是收發。在iis安裝了smtp服務後,會在intput目錄下創建名為mailroot的目錄,該目錄是郵件服務達到根目錄,在該目錄下有兩個名為pickup和drop是子目錄,cdo組件將要發送的郵件存放於pickup的目錄下,然後smtp服務程序將這些信息移入queue目錄下並準備發送,信息通過於目標主機的連接被傳送到internet上。收到的信息放在queue目錄中,並由smtp服務程序將其移入drop目錄中保存,以後可由cdo組件來讀出指定用戶的郵件。而在通訊錄中主要是通過輸入數據,利用ado對像,通過odbc驅動程序鏈接字符串,可實現對任意的數據庫的存取和訪問。從而實現對數據庫的訪問,在網頁上就是以分頁顯示的形式進行。還有一點就是在該頁面可以通過一個鏈接,鏈接到另一個頁面進行數據庫記錄的添加操作。並且可以實時更新顯示。
個人體會:
以前我一直在做網頁,不過是在博客上,那裏提供了模板,衹需要自己在裏面添舔改改就行了,對一些代碼我更本就看不懂,現在好了,雖然我不是很會,但是可以看懂一些了,也能改一些代碼了。通過這五周的學習,在老師的精心教導下和同學們的幫助下,以及通過自己在平時的學習和實踐,對asp動態網頁知識有了初步認識。通過學習asp動態網頁,不但增加了我的知識面,還使我學會了很多以前不會使用的工具,當然這樣還不夠,因為我還有很多需要學習的地方,asp課程雖然上完了,但是在以後的時間裏我一定會繼續努力,爭取做更多的精美的網頁出來。
通過asp動態網頁的學習還讓我明白了做網頁時頁面不一定要很復雜,但留白的地方不能很多,這樣看起來就不會覺得呆板,反面顯得有層次,比較高檔,而且百看不厭。網頁的特點就是要有一副漂亮的背景圖,整個頁面看起來就比較舒服。網頁的文字要排得整齊緊湊,這樣才能給人一種舒服的感覺。在網頁適當的地方可以加一些圖片,每張畫面再加一些不同的文字說明和加一些不同的文字效果,再加一些小動畫,這樣網頁會顯得更加的精美。
這次做的網頁雖不是很好看,可是我花了很多時間來按成它,所以呢它對我以後做網頁有很大的幫助。在此次做網頁的過程中也讓我學到了很多東西,所以呢從我內心來說我是很滿意我的這次經歷,同時也要謝謝老師安排這樣的考試,為什麽呢?因為在製作過程中我不僅學到了書上沒有的東西,也培養了我獨立思考問題的能力,同時還增強了同學之間的團结互助的友誼。因此,不論從哪個角度來說,老師此次佈置的任務是上大學以來唯一把知識用於實踐的第一回,再一次謝謝你老師。
安裝說明和使用說明
asp網頁需要相應web服務器的支持,才能正常運行,所以在我們做網頁之前應先安裝個人web服務器即pws。我們首先將windows98光盤或含有pws的光盤放到光驅中,然後雙擊安裝程序setup.exe。當microsoft personal web sever安裝程序界面出現後,直接下一步然後選擇"custom"(自定義)按鈕,進入組件選擇界面。在組件列表中選中"personal web sever(pws)",然後單擊"顯示子組件"按鈕,此時彈出安裝界面。我們這時選中"文檔"列表項,然後繼續單擊"顯示子組件"按鈕,此時將彈出文檔安裝對話框,這時選中"active seerver pages"列表項,然後單擊"確定"按鈕,關閉該對話框並返回到上層對哈框。繼續單擊"確定"按鈕,關閉personal web sever(pws)對話框。選中"transaction sever"列表項,然後單擊"顯示子組件",在彈出的對話框中,將三個子組件全部選中,其它選項保持默認值,然後單擊"下一步",在彈出的安裝路徑對哈框中,可采取用默認安裝路徑,直擊下一步,開始文件的復製與安裝,復製完畢後,單擊"完成"按鈕,結束安裝,此時係統將重新啓動,這樣pws就安裝完了。pws安裝完後,我們要測試它是否安裝成功,其方法是在地址欄中輸入http:/localhost或http:/127.0.0.1,然後按回車,若能看到personal web sever的歡迎界面,則安裝成功。
其次是iis的安裝與配置:若windows2000上未安裝iis服務器,可打開"控製面版",然後單擊啓動"舔加/刪除程序",在彈出是對話框中選擇"添加/刪除組件",在windows組件嚮導對話框中選中"internet信息服務(iis)",然後單擊"下一步",按嚮導提示,完成對iis的安裝。啓動internet信息服務簡稱iis,單擊windows 2002 server開始菜單--程序—管理工具—internet服務管理器,即啓動"internet信息服務"管理工具安裝iis後,係統自動創建了一個默認的web站點,該站點的主目錄默認為c:/inetput/wwwroot。用鼠標右鍵單擊"默認web站點",在彈出的快捷菜單中選中"屬性",此時就可打開站點屬性設置的對話框。在對話框中可完成對屬性的全部配置。我們主要設置"主目錄",單擊主目錄標簽,切換到主目錄設置頁面。在本地路徑(c):中輸入c:/inetput/wwwroot,完成對主目錄的設置。接下來我們還要設置"主頁文當",單擊"文當"標簽,可切換到對主頁文當的設置頁面。主頁文當是在瀏覽器中鍵入網站的域名,我的主頁文件名是"form".最後把我的文當解壓到"c:/inetput/wwwroot",並在主目錄的本地路徑中添加"form"。完成以上操作後,便可以在瀏覽器中輸入"127.0.0.1/form"就可以瀏覽到我的網頁了。最後還要註意的是在internet信息服務的工具欄中,提供有啓動與停止服務的功能。單擊啓動按扭可啓動iis服務器:單擊停止按扭,則停止iis服務。
html→熟悉網頁三劍客軟件→javascript/vbscript→asp→acess小型數據庫練習→sql→linux→php→mysql→xml→jsp→asp.net網頁網頁設計數據庫dreanweaverjavascript博客windows程序服務器flash編輯器 |
|
|