任務1 瀏覽綠蕾教育網

任務描述

在網頁編程課程中，我們知道向網站上發表一條信息需進行如下操作：

① 用FTP軟件，下載網頁模板、相關列表頁面和首頁到本地；

② 在Dreamweaver中用模板新建信息頁面，并錄入相關信息；

③ 修改列表頁面，如果列表信息超出現有列表文件容量，則新增列表頁面；

④ 修改首頁，更新有關鏈接；

⑤ 用FTP上傳新建信息頁面、列表頁面和首頁。

從上述操作步驟可知，向這類網站發布信息，要求信息發布人員不但具備文檔編輯能力，還應具備FTP操作技能和Dreamweaver頁面制作技能。另外，由于新增信息要求顯示在列表頁的最前面，因此，隨著信息量的增加，所涉及的列表頁將越來越多，信息發布人員的工作量也將隨之劇增，一次發布信息的時間也將越來越長。

為了減輕網站更新的工作量，縮短信息發布時間，綠蕾工作組對網站進行了技術改造，開發了一套動態網站系統，通過簡單地把信息保存到數據庫中即可實現網站內容的更新，利用網站的會員功能還可實現信息資源的有限使用。

采用該系統之后，每次更新信息時，只要將數據庫文件下載到本地，然后啟動數據庫程序，追加信息后，將數據庫上傳到指定位置即可。

本任務主要了解采用Access數據庫管理技術后的“綠蕾教育網”，為學習數據庫技術奠定基礎。

操作步驟

1．瀏覽前臺網頁

1）打開主頁

啟動IE，在地址欄中輸入“http://demo.edu123.net”（網通線路請輸入“http://democnc.edu123.net”），即可打開綠蕾教育網的主頁，該首頁包含頁頭、主信息、分隔條、次信息、友情鏈接和頁腳6個區域，如圖1-1所示。

（1）頁頭區域：重要資訊鏈接、設為主頁操作、收藏本站操作、用戶登錄操作或用戶信息顯示、網站Logo、網站Banner、關鍵字搜索操作、主菜單、熱門關鍵字、廣告位Head01。

（2）主信息區域：置頂“專業設置”列表（最多10條）、網站統計信息、廣告位Index01、最新非置頂圖片新聞（最多2 條）、最新文字新聞（最多10 條）、公告信息滾動條（最多6條）、招生就業信息列表（最多10條）、Flash滾動焦點圖（最新置頂圖片新聞，最多5條）、最新外包（最新勤工儉學信息，最多12條）。

（3）分隔條區域：廣告位Index02、最新圖片展示信息（最多7條）、廣告位Index03。

（4）次信息區域：技術文章中的9個欄目各自的最新置頂（最多1條）和最新文章（最多6條）列表、最新資源信息列表（最多22條）、網站調查操作。

（5）友情鏈接區域：按字母檢索條（用于分隔上一個區域）、圖片型友情鏈接信息（最多20條）、文字型友情鏈接信息（最多20條）。

（6）頁腳區域：全能搜索操作、網站地圖、部分操作鏈接及版權信息等。其中，“《中華人民共和國增值電信業務經營許可證》冀ICP備05004373 號”必須根據工業和信息化部的要求申請和放置，其位置必須位于網站首頁底部居中，并建立“http://www.miibeian.gov.cn”鏈接，備案號可到“www.miibeian.gov.cn”網站申請。

想一想

網站地圖中涉及哪些信息？它們與菜單中的信息有何關系？________________

2）瀏覽列表

單擊頁頭區域部分主菜單中的“技術文章”鏈接，即可打開“信息列表”頁面，該頁面除包含頁頭和頁腳之外，還有位置導航、欄目列表（如果存在下級欄目，則顯示下一級欄目名稱和鏈接，否則顯示本級欄目名稱和鏈接）、最新精品推薦信息列表（最多5條）、本類最新熱門信息列表（最多5條）、本欄目最新熱門信息列表（最多5條）、最新本欄目精品推薦信息列表（最多5條）、廣告位list01、列表信息顯示（每頁10條）、分頁工具條等，如圖1-2所示。

3）瀏覽圖文信息

單擊列表信息中的相關文章標題，例如“CSS成為設計師必備知識的十大理由”，即可打開“圖文信息”頁面，該頁面除包含頁頭和頁腳、位置導航、欄目列表（如果存在下級欄目，則顯示下一級欄目名稱和鏈接，否則顯示本級欄目名稱和鏈接）、最新精品推薦信息列表（最多5條）、本類最新熱門信息列表（最多5條）、本欄目最新熱門信息列表（最多5條）、最新本欄目精品推薦信息列表（最多5條）、廣告位ArtInfo01（規格和位置同list01）之外，還有廣告位ArtInfo02和ArtInfo03、圖文信息顯示（標題、作者、來源、點擊數、更新時間、圖文內容等）、頁面操作工具條（收藏、打印和關閉）、相關信息顯示（本文關鍵字百度搜索、本文關鍵字谷歌搜索、上一篇和下一篇列表）、針對本文的最新評論信息（最多5條）、針對本文發表評論操作等，如圖1-3所示。

想一想

圖文信息顯示中主要顯示了哪些信息？這些信息分別具有哪些特點（如數值、文字、日期等）？________________

4）搜索信息

本網站提供了4 種搜索方式：按關鍵字搜索圖文及資源信息（頁頭關鍵字搜索和熱門搜索）、按標題第一個英文字母搜索資源信息（首頁中的字母搜索）、綠蕾搜索（按關鍵字、標題、內容全面搜索圖文及資源信息）和調用百度/谷歌搜索引擎（按關鍵字站內搜索）。

在綠蕾搜索文本框中輸入“中考”，單擊“綠蕾搜索”按鈕，即可打開搜索結果信息列表頁面，該頁面包含頁頭和頁腳、整站最新精品推薦信息列表（包括圖文和資源，最多10條）、整站最新熱門信息列表（最多10條）、廣告位Search01（規格和位置同list01）、搜索結果列表信息顯示（同信息列表頁面）、分頁工具條等，如圖1-4所示。

5）下載資源

在上述搜索頁面中找到“自研軟件”類別的“石家莊市中考信息管理系統”信息，單擊該鏈接，即可打開“資源信息”頁面，該頁面除包含頁頭和頁腳、位置導航、欄目列表（如果存在下級欄目，則顯示下一級欄目名稱和鏈接，否則顯示本級欄目名稱和鏈接）、最新精品推薦信息列表（最多5條）、本類最新熱門信息列表（最多5條）、本欄目最新熱門信息列表（最多5條）、最新本欄目精品推薦信息列表（最多5條）、廣告位ResInfo01（規格和位置同list01）之外，還有廣告位ResInfo02至ResInfo06、資源信息顯示（運行環境、語言環境、授權方式、資源等級、整理時間、資源作者、主頁/演示、源碼大小、資源界面圖、瀏覽次數、下載次數、資源內容介紹等）、下載頁面（資源下載鏈接，最多4條）、相關信息顯示（本文關鍵字百度搜索、本文關鍵字谷歌搜索、上一篇和下一篇列表）、針對本資源的最新評論信息（最多5條）、針對本資源發表評論操作等，如圖1-5所示。

想一想

資源信息顯示中主要顯示了哪些信息？這些信息分別具有哪些特點？________________

6）會員注冊

單擊頁面右上角的“注冊”按鈕，即可打開“用戶注冊”頁面，該頁面除包含頁頭和頁腳外，還有用戶注冊協議和用戶注冊表單（用戶名、密碼、再次輸入密碼、真實姓名、性別、城市、E-mail和驗證碼），如圖1-6所示。

想一想

用戶注冊信息顯示中主要涉及哪些信息？這些信息分別具有哪些特點？________________

7）申請友情鏈接

單擊頁面左下角的“友情鏈接”鏈接，即可打開“申請友情鏈接”頁面，該頁面除包含頁頭和頁腳外，還有友情鏈接申請協議和友情鏈接申請表單（網站名稱、網站地址、聯系人、E-mail、鏈接類型、Logo地址、網站描述和驗證碼），如圖1-7所示。

想一想

申請友情鏈接中主要涉及哪些信息？這些信息分別具有哪些特點？________________

2．使用數據庫程序

1）打開數據庫

（1）打開資源包“db_myedu123_01”中的“myedu123.accdb”文件，屏幕彈出登錄窗口，如圖1-8所示。

（2）出于安全考慮，Access數據庫系統默認設置時，對數據庫程序做了比較嚴格的限制，禁止VBA宏（VBA宏與Word、Excel等其他Office系統的VBA宏一樣）的執行。單擊“選項”按鈕，屏幕彈出“安全選項”對話框，如圖1-9所示。

（3）選中“啟用此內容”選項，單擊“確定”按鈕，屏幕返回登錄窗口。此時，驗證碼將顯示在屏幕上，如圖1-10所示。

（4）輸入用戶名“83”、密碼“83”和驗證碼后，單擊“登錄”按鈕，即可登錄到數據庫系統。

2）數據庫管理首頁

用戶登錄后，在用戶信息顯示區域將出現“管理中心”鏈接，單擊該鏈接即可進入后臺管理首頁，該頁面為由上、左、右3個頁面組成的框架結構。其中，上部頁面主要有用戶名、用戶級別、返回首頁鏈接、修改用戶信息鏈接和退出系統鏈接；左部頁面為后臺操作菜單頁面，主要有用戶管理（添加用戶和管理用戶）、信息管理（添加文章、添加資源和管理圖文資源信息）、評論管理（管理評論）、友情鏈接管理、調查管理（添加調查和管理調查）、廣告管理和版權信息；右部頁面為網站相關信息顯示，如圖1-11所示。

非管理員只能執行“修改用戶信息”操作。

3）添加用戶信息

單擊“用戶管理”選項中的“管理用戶”鏈接，右部頁面將打開用戶信息窗體，類似于Excel表格操作，可對該表格中的用戶信息進行修改操作，如圖1-12所示。

在星號“*”所在行輸入用戶信息即可實現新建用戶信息操作。

想一想

添加用戶信息中涉及哪些信息？這些信息分別具有哪些特點（如數值、文字、日期等）？________________

4）管理圖文信息

（1）單擊“信息管理”中的“管理圖文”鏈接，右部頁面將打開圖文信息列表窗體，如圖1-13所示。

（2）選中某行信息后，單擊“修改”按鈕，即可打開圖文信息修改窗體，如圖1-14所示。修改完畢，單擊 “管理圖文”鏈接，返回圖文信息列表窗體。

（3）在圖文信息列表窗體中單擊“添加”按鈕，即可打開圖文信息添加窗體，如圖1-15所示。添加完畢，單擊“管理圖文”鏈接，返回圖文信息列表窗體。

想一想

添加圖文信息中涉及哪些信息？這些信息分別具有哪些特點？________________

做一做

（1）上機完成修改兩條以上圖文信息。

（2）上機完成新建兩條圖文信息。

（3）上機完成修改兩條資源信息。

（4）上機完成新建兩條資源信息。

（5）寫出資源信息中涉及哪些信息？這些信息分別具有哪些特點？________________

5）管理評論信息

單擊“評論管理”選項中的“管理評論”鏈接，右部頁面將打開評論信息列表，如圖1-16所示。評論信息中，不能進行添加和刪除操作，只能修改“審核通過”、“刪除標識”和“審核員”3項。

想一想

在評論信息列表中有哪些信息？這些信息分別具有哪些特點?________________

做一做

（1）參照“管理評論”，上機完成友情鏈接信息設置操作。

（2）寫出友情鏈接列表信息涉及哪些信息？這些信息分別具有哪些特點？________________

（3）上機完成添加一條“調查信息”，并將它設定為當前調查。

（4）寫出調查信息涉及哪些信息？這些信息分別具有哪些特點？________________

6）管理廣告信息

由于網站設計完成后，廣告位就被固定且廣告數量不是很多，通常廣告位信息在數據庫建立過程中錄入完成，后臺系統只對廣告位信息進行修改，其中，對廣告位編號和規格不做修改操作。

單擊“廣告管理”選項中的“管理廣告”鏈接，右部頁面將打開廣告信息列表窗體，該頁面將顯示所有廣告位信息，如圖1-17所示。廣告信息的修改可在該窗體中直接進行。

想一想

在廣告信息列表和廣告信息中，可修改哪些信息？這些信息分別具有哪些特點？________________