項目3 新聞發(fā)布

動態(tài)網(wǎng)站項目實(shí)訓(xùn)教程

(DreamweaverCS4+ASP)項目三新聞發(fā)布項目簡介新聞發(fā)布模塊在現(xiàn)實(shí)生活中應(yīng)用廣泛，特別是應(yīng)用在國家機(jī)關(guān)、教育機(jī)構(gòu)和公司企業(yè)等的網(wǎng)站。新聞發(fā)布模塊的作用是在網(wǎng)上傳播信息，通過對新聞的不斷更新，讓用戶了解各方面的信息。學(xué)習(xí)目標(biāo)理解新聞發(fā)布模塊后臺數(shù)據(jù)庫的設(shè)計思路，熟悉并掌握Dreamweaver中常用服務(wù)器行為的使用方法。能力目標(biāo)學(xué)會新聞發(fā)布模塊前臺頁面的制作方法和一般步驟，并能獨(dú)立制作新聞發(fā)布模塊前臺的頁面。項目分析新聞發(fā)布模塊前臺的主要功能是：用戶在首頁可以瀏覽到所有新聞的標(biāo)題，如果對某條新聞感興趣，可以通過單擊標(biāo)題鏈接打開該條新聞瀏覽它的詳細(xì)內(nèi)容。任務(wù)1：設(shè)計數(shù)據(jù)表1.1任務(wù)要求1.2效果展示1.3制作步驟1.1任務(wù)要求本次任務(wù)是要進(jìn)行新聞發(fā)布模塊中數(shù)據(jù)表的設(shè)計。因為新聞發(fā)布模塊中所有的數(shù)據(jù)都是保存在網(wǎng)站后臺數(shù)據(jù)表中的，所以現(xiàn)實(shí)中要根據(jù)實(shí)際需要設(shè)計合理的數(shù)據(jù)表，為下一步設(shè)計動態(tài)網(wǎng)頁做好準(zhǔn)備。1.2效果展示在設(shè)計數(shù)據(jù)表后，在Dreamweaver中可以看到數(shù)據(jù)庫連接的情況如下圖所示。1.3制作步驟步驟1：打開網(wǎng)站文件夾E:\Class\database下的數(shù)據(jù)庫文件data.mdb。步驟2：在數(shù)據(jù)庫data.mdb中設(shè)計數(shù)據(jù)表news，表結(jié)構(gòu)描述信息如下。步驟3：為了方便的測試，在新聞數(shù)據(jù)表中添加幾條記錄。1.3制作步驟任務(wù)2：新聞發(fā)布主頁面的設(shè)計2.1任務(wù)要求2.2效果展示2.3制作步驟2.1任務(wù)要求打開網(wǎng)站首頁index.asp，在新聞版面位置進(jìn)行設(shè)計，要求分頁顯示新聞標(biāo)題和發(fā)布時間等內(nèi)容，當(dāng)用戶單擊想要瀏覽的新聞標(biāo)題時即可進(jìn)入該新聞的詳細(xì)內(nèi)容頁面。2.2效果展示首頁新聞版面設(shè)計完成后的效果如下圖所示。2.3制作步驟2.3.1設(shè)計界面2.3.2創(chuàng)建新聞記錄集2.3.3綁定代碼2.3.4設(shè)置重復(fù)區(qū)域2.3.5記錄集分頁2.3.6添加轉(zhuǎn)到詳細(xì)頁面服務(wù)器行為2.3.1設(shè)計界面在新聞版面界面位置插入一個1行2列的表格。2.3.2創(chuàng)建新聞記錄集在創(chuàng)建查詢新聞記錄集。2.3.3綁定代碼將記錄集字段代碼綁定到單元格的相應(yīng)位置。2.3.4設(shè)置重復(fù)區(qū)域步驟1：選中表格中的第二行，注意：要通過單擊表格左下方的<tr>標(biāo)記來選擇。2.3.4設(shè)置重復(fù)區(qū)域步驟2：在【服務(wù)器行為】面板中單擊“+”按鈕，并從彈出菜單中選擇【重復(fù)區(qū)域】服務(wù)器行為，在重復(fù)區(qū)域?qū)υ捒蛑性O(shè)置每頁顯示新聞數(shù)目。2.3.5記錄集分頁步驟1：在新聞表格的下面再添加一個1行4列的分頁導(dǎo)航表格，輸入相應(yīng)文字。2.3.5記錄集分頁步驟2：選中文字“第一頁”，在【服務(wù)器行為】面板中單擊“+”按鈕，并從彈出菜單中選擇【記錄集分頁】→【移至第一條記錄】服務(wù)器行為。2.3.5記錄集分頁步驟3：重復(fù)步驟2的操作，分別文字“前一頁”、“下一頁”和“最后一頁”添加【移至前一條記錄】、【移至下一條記錄】和【移至最后一條記錄】服務(wù)器行為，結(jié)果如下圖所示。2.3.5記錄集分頁步驟4：再次選中文字“第一頁”，在【服務(wù)器行為】面板中單擊“+”按鈕，并從彈出菜單中選擇【顯示區(qū)域】→【如果不是第一條記錄則顯示區(qū)域】服務(wù)器行為。2.3.5記錄集分頁步驟5：重復(fù)步驟4的操作，為文字“前一頁”添加【如果不是第一條記錄則顯示區(qū)域】服務(wù)器行為，為文字“下一頁”和“最后一頁”添加【如果不是最后一條記錄則顯示區(qū)域】服務(wù)器行為。結(jié)果如下圖所示。2.3.6添加轉(zhuǎn)到詳細(xì)頁面服務(wù)器行為步驟1：選中表格中新聞標(biāo)題字段代碼“{Recordset1.Title}”，如下圖所示。2.3.6添加轉(zhuǎn)到詳細(xì)頁面服務(wù)器行為步驟2：在【服務(wù)器行為】面板中單擊“+”按鈕，并從彈出菜單中選擇【轉(zhuǎn)到詳細(xì)頁面】服務(wù)器行為。2.3.6添加轉(zhuǎn)到詳細(xì)頁面服務(wù)器行為步驟3：在彈出的【轉(zhuǎn)到詳細(xì)面】對話框中設(shè)置各參數(shù)。任務(wù)3：新聞詳細(xì)頁面設(shè)計3.1任務(wù)要求3.2效果展示3.3制作步驟3.1任務(wù)要求創(chuàng)建新聞詳細(xì)頁面，要求當(dāng)用戶單擊新聞發(fā)布主頁面中的新聞標(biāo)題時，能轉(zhuǎn)到此頁面并正確顯示該條新聞的詳細(xì)內(nèi)容，還能向前、向后瀏覽其它新聞的詳細(xì)內(nèi)容。3.2效果展示在單擊了某條