基本介紹
- 中文名：個人網頁設計說明書
- 目的：為了獲得知識
- 了解：Dreamweaver
- 使用工具：javascript
設計目的,使用工具和資料庫,Dreameaver,IIS,資料庫ACCESS,功能介紹（各模組介紹核心技術）,技術特點及個人技術特點,與傳統的靜態主頁的區別,軟體的技術層面,套用的層面,具體實現方法,個人體會,安裝說明和使用說明,安裝個人WEB伺服器,IIS的安裝與配置,
設計目的
我們讀書就是為了獲得知識，現在我們學習了ASP動態網頁設計，當然就要做出像樣的網頁。在此次網頁設計中，我們要能更加的了解Dreamweaver強大的功能並且更好的使用它。通過此次設計我們還要知道靜態網頁和動態網頁的區別。誠然，這次設計的個人網頁，一方面是為了完成我們的考試，但更重要的是把我們所學到的東西用在具體的實踐之中，所以，這次設計的目的也是要我們更好的掌握和使用好ASP的核心工具和技術，以便提高對網頁知識的更深層了解。最後，能夠把我們在書本上學到的知識充分運用到此次設計之中，使我們的在書本上學到的知識不僅僅停留在紙上，而是把這些東西運用到具體的網頁之中，達到預期的效果，學以致用。
使用工具和資料庫
Dreameaver
主要的使用工具有：Dreanweaver 、javascript、IIS和Access.而在此次設計中主要用到Dreameaver 設定首頁，編輯功能，排版功能，設計模版功能，插入文本包括插入文本元素插入圖像和圖文混排和外部圖像的編輯等功能。關於Dreameaver的插入FLASH功能我用的比較少，在首頁里我插入了一副FLASH，主要是它的功能我還不是很了解，我相信我以後會更好的使用它。
IIS
第二個主要工具就是IIS。系統不會默認安裝IIS，但是我們可以通過"控制臺"中的"添加/刪除程式"對話框添加。安裝IIS應通過使用控制臺的"添加/刪除程式"對話框，可以安裝IIS、添加可選組件或者刪除可選組件來實現。安裝時，IIS 安裝諸如通用檔案、文檔以及Internet信息服務管理單元等可選組件。您可以選擇不安裝可選組件，但是如果不選擇某些組件，可能會降低IIS功能或禁用IIS服務。如果您不熟悉可選組件以及這些組件如何影響IIS，請使用默認設定安裝IIS。安裝結束後，可以閱讀IIS在線上文檔中的"安裝IIS可選組件"，以便獲取更多信息。如果在安裝了IIS後如果Web瀏覽器返回"找不到伺服器"錯誤或"無法顯示該頁"錯誤，則你可以使用命令進行測試：名稱解析伺服器將 IIS Web 伺服器的名稱解析為其 IP 地址 ，伺服器回響遠程計算機的網路請求。
資料庫ACCESS
第三個主要的工具是資料庫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動態網頁的學習還讓我明白了做網頁時頁面不一定要很複雜，但留白的地方不能很多，這樣看起來就不會覺得呆板，反面顯得有層次，比較高檔，而且百看不厭。網頁的特點就是要有一副漂亮的背景圖，整個頁面看起來就比較舒服。網頁的文字要排得整齊緊湊，這樣才能給人一種舒服的感覺。在網頁適當的地方可以加一些圖片，每張畫面再加一些不同的文字說明和加一些不同的文字效果，再加一些小動畫，這樣網頁會顯得更加的精美。
這次做的網頁雖不是很好看，可是我花了很多時間來按成它，所以呢它對我以後做網頁有很大的幫助。在此次做網頁的過程中也讓我學到了很多東西，所以呢從我內心來說我是很滿意我的這次經歷，同時也要謝謝老師安排這樣的考試，為什麼呢？因為在製作過程中我不僅學到了書上沒有的東西，也培養了我獨立思考問題的能力，同時還增強了同學之間的團結互助的友誼。因此，不論從哪個角度來說，老師此次布置的任務是上大學以來唯一把知識用於實踐的第一回，再一次謝謝你老師。
安裝說明和使用說明
安裝個人WEB伺服器
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的安裝與配置
其次是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.htm".最後把我的文當解壓到"C：/INETPUT/WWWROOT"，並在主目錄的本地路徑中添加"form.htm"。完成以上操作後，便可以在瀏覽器中輸入"127.0.0.1/form.htm"就可以瀏覽到我的網頁了。最後還要注意的是在INTERNET信息服務的工具列中，提供有啟動與停止服務的功能。單擊啟動按扭可啟動IIS伺服器：單擊停止按扭，則停止IIS服務。
