海南人才在線、海南招聘網-網站前臺界面的設計-網站首頁

4.2.1網站首頁

網站首頁是網站的第一內容頁，整個網站的最新、最值得推薦的內容將在這里展示。主要包含以下幾個模塊，平臺榮譽、教師團隊、課程建設、教學資源、下載中心等信息，用ASP制作了頭部(head.asp),首頁(index.asp),底部(foot.asp)三個模塊，index.asp調用head.asp和foot.asp。模塊內容如圖4.1所示。

新聞中心信息顯示代碼實現如下：

圖4.1 首頁效果圖

首頁其它模塊信息代碼同上。

海南人才在線、海南招聘網-網站前臺界面的設計-子頁面

1、平臺榮譽

網頁頭部調用了head.asp模塊，底部調用foot.asp模塊。在正文部分有平臺榮譽圖片，聯系信息。讓用戶可以更好地了解該系的一些相關榮譽和聯系信息。模塊內容如圖4.2所示。

圖4.2 平臺榮譽效果圖

海南人才在線、海南招聘網-網站前臺界面的設計-課程建設

該頁面正文部分有課程改革，課程設計方案。在該頁面分別有關于計算機專業英語課程改革的具體內容和具體的網絡課程設計方案。學生可以具體地了解關于該課程的一些相關內容。模塊內容如圖4.3所示。

圖4.3 課程建設效果圖

海南人才在線、海南招聘網-網站前臺界面的設計-教學資源

該頁面正文部分有課程簡介、電子教案、重點難點、相關閱讀、習題練習、教學視頻這幾大部分的內容，學生可以根據自己的需要查看相關資料，可以幫助學生更好地掌握課程學習，彌補學生學習過程中的不足。模塊內容如圖4.4所示。

圖4.4 教學資源效果圖

4、

海南人才在線、海南招聘網-網站前臺界面的設計-下載中心

該頁面主要提供下載資料包括課件下載、音頻下載、視頻下載。學生可以根據自己掌握的情況對學習資料的下載，達到及時地彌補學生在學習過程中的不足。模塊內容如圖4.5所示。

圖4.5 下載中心效果圖

海南人才在線、海南招聘網-網站前臺界面的設計-在線留言

該頁面是用來學生和老師交流的平臺。學生可以通過在線留言，提出自己的一些問題和對該門課程的一些意見。教師可以對學生提出的問題進行回復。以此來實現學生和老師之間的互動。模塊內容如圖4.6所示。

圖4.6 在線留言效果圖