asp動態(tài)網(wǎng)頁設(shè)計與實現(xiàn)-源代碼

《asp動態(tài)網(wǎng)頁設(shè)計與實現(xiàn)-源代碼》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計第1章ASP基礎(chǔ)【例1-1】下面結(jié)合上一節(jié)內(nèi)容，利用記事本創(chuàng)建一個靜態(tài)網(wǎng)頁。實例步驟如下：（1）首先單擊開始→程序→附件→記事本。啟動記事本，界面如圖1.1所示。圖1.1記事本操作界面（2）在記事本的工作區(qū)中中輸入以下內(nèi)容。結(jié)果如圖1.2所示。第一個靜態(tài)網(wǎng)頁的具體內(nèi)容圖1.2第一個網(wǎng)頁代碼第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計（3）文件→保存。打開保存對話框如圖1.3所示，將該對話框中保存類型選擇為“所有文件”，在文件名中輸入自己想保存的文件名，注意擴展名為：.

2、htm或.html。按照圖1.3所示設(shè)置好后單擊確定即保存了第一個網(wǎng)頁。圖1.3保存網(wǎng)頁（4）找到所保存的文件，雙擊該文件，結(jié)果顯示結(jié)果如圖1.4所示。圖1.4第一個網(wǎng)頁第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計第2章Dreamweaver基礎(chǔ)【例2-1】創(chuàng)建一個站點“MyWebSite”。實例步驟如下：（1）創(chuàng)建一個文件夾，用于保存即將創(chuàng)建的網(wǎng)站位置，這里假設(shè)在D盤中創(chuàng)建一個文件“D:MyWeb”。（2）啟動Dreamweaver。結(jié)果如圖2.1所示。圖2.1Dreamweaver啟動界面（3）選擇“站點”→“新建站點”。出現(xiàn)“新建站點”向?qū)?，并在站點名字文本框中輸入一個站點名字，這里輸入

3、“MyWebSite”。如圖2.2所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計圖2.2創(chuàng)建站點向?qū)В?）單擊“下一步”，默認選擇，再單擊下一步，在位置對話框中選擇文件存儲的位置，結(jié)果如圖2.3所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計圖2.3選擇文件存放位置（4）單擊下一步，按照圖2.4所示進行設(shè)置和選擇。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計圖2.4向?qū)У?部分（5）單擊下一步，選擇默認，再單擊下一步，顯示站點基本設(shè)置，如圖2.5所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計圖2.5站點基本設(shè)置（6）單擊完成，站點創(chuàng)建成功，結(jié)果如圖2.6所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計圖2.6站點創(chuàng)建結(jié)果2.1.2站點管理如果已經(jīng)有了一個

4、Web站點，可以通過站點管理編輯該站點，步驟如下：（1）啟動Dreamweaver，在右邊的文件選擇框中選擇所建立的站點，如圖2.7所示圖2.7選擇站點（2）選擇“站點”→“管理站點”。出現(xiàn)“管理站點”對話框，如圖2.8所示。從該圖中我們可以看到，Dreamweaver可實現(xiàn)對站點進行編輯、復(fù)制刪除、導(dǎo)出、導(dǎo)入等管理功能。圖2.8管理站點【例2-2】創(chuàng)建并編輯一個網(wǎng)頁。實例步驟如下：（1）選擇“文件”→“新建文檔”第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計，打開新建文檔對話框，如圖2.9所示。從圖中我們看到，文檔的類別有基本頁、動態(tài)頁、模板頁等等，這里選擇基本頁，然后在右邊再選擇HTML類型。

5、圖2.9新建文檔（2）單擊“創(chuàng)建”按鈕，就創(chuàng)建好了一個新的空白網(wǎng)頁，結(jié)果如圖2.10所示。圖2.10空白網(wǎng)頁第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計（3）輸入文檔內(nèi)容。在上圖中輸入以下內(nèi)容：這是我的第一個網(wǎng)頁！結(jié)果如圖2.11所示。圖2.11輸入網(wǎng)頁內(nèi)容（4）代碼模式。上面是在設(shè)計模式下創(chuàng)建網(wǎng)頁，我們還可以在代碼模式下創(chuàng)建網(wǎng)頁，在圖2.11中在工作區(qū)的左上角選中“代碼”，結(jié)果如圖2.12所示。圖2.12代碼模式（5）拆分模式。在圖2.12左上角選擇“拆分”，結(jié)果如圖2.13所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計圖2.13拆分模式（6）保存網(wǎng)頁。選擇“文件”→“保存”，出現(xiàn)保存文件對話框，在對話框中

6、輸入需要保存的文件名，這里為“MyFirstWebpage.html”，結(jié)果如圖2.14所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計圖2.14拆分模式（6）瀏覽網(wǎng)頁。在工具欄中選擇“在在瀏覽器/調(diào)試”工具欄，打開瀏覽器，并自動在瀏覽器中打開我們所創(chuàng)建的新Web文件，結(jié)果如圖2.15所示。圖2.15瀏覽網(wǎng)頁【例2-3】對例2-2中網(wǎng)頁的字體進行設(shè)置。實例步驟為：（1）利用Dreamweaver打開第一個網(wǎng)頁，如圖2.15所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計（2）選中其中要設(shè)置的文本，如圖2.16所示。圖2.16選擇文本（3）在上圖中的屬性面板中，我可以直接設(shè)置字體、大小、顏色等等，具體設(shè)置以及結(jié)

7、果如圖2.17所示。圖2.17格式設(shè)置2.添加字體在設(shè)置字體的過程中，如果剛開始使用Dreamweaver工具，我們可以看到其中默認的字體很少，中文字體只有宋體和新宋體，滿足不了我們的要求，為此應(yīng)該在工具中添加新字體，添加的過程如下。（1）選擇“文本”→“字體”→“編輯字體列表（E）…”，打開編輯字體列表對話框，如圖2.18所示。第9章網(wǎng)上聊天室系統(tǒng)的設(shè)計2.18編輯字體列表對話框（2）在可用字體中選擇你想要添加的字體，例如“方正舒體”等，單擊按鈕，結(jié)果如圖2.19所示。2.19添加字體列表