兒童課程培訓(xùn)網(wǎng)站設(shè)計(jì)參考

　　一、首頁

　?。ㄒ唬?、總體設(shè)計(jì)：如下圖（從上至下）

　?。ǘ⒄w風(fēng)格：顏色飽和（黃、藍(lán)）、區(qū)塊明晰、便于瀏覽操作（特別是報名和預(yù)約）。

　?。ㄈ?、首頁設(shè)置浮窗（可參考啟德）：浮窗中可推送當(dāng)期課程信息。

　?。ㄋ模谀吭O(shè)置：

　　1.頭欄

　　左側(cè)凸顯培訓(xùn)中心logo，右側(cè)大字加粗電話號碼及微信二維碼，讓瀏覽者直觀、快速聯(lián)系到我們。

　　2.導(dǎo)航欄：此欄固定在頁面頂端

　　欄目詳情：

　　3.圖片區(qū)

　　根據(jù)不同時期的宣傳重點(diǎn)發(fā)布宣傳圖片，滾動播放，點(diǎn)擊圖片即可進(jìn)入相關(guān)專題。

　　4.報名區(qū)：鏈接至科技館官網(wǎng)報名平臺

　　5.快速預(yù)約區(qū)

　　活動預(yù)約需要一個活動預(yù)約系統(tǒng)，需要實(shí)現(xiàn)的功能：

　　1.及時更新一場活動的剩余人數(shù)；

　　2.消費(fèi)者需要按照一定要求填寫才能進(jìn)行活動預(yù)約；（預(yù)約者必須符合報名的年齡，同一個手機(jī)號只能預(yù)約一次）

　　3.數(shù)據(jù)可以用excel導(dǎo)出

　　6.最新動態(tài)：上部分為公告欄，此欄內(nèi)容固定，一般為開課通知、報名通知等重要信息。下部分為新聞動態(tài)、活動信息等即時性信息。

　　7.最新課程通知

　　8.專業(yè)師資

　　9.課程介紹

　　每個圖片下面附簡短的課程簡介，點(diǎn)擊詳情可直接鏈接至課程頁面

　　10.榮譽(yù)殿堂

　　播放學(xué)員獲獎?wù)掌?，下面附簡要文字說明。

　　11.視頻區(qū)

　　左側(cè)可附簡單視頻介紹。

　　12.網(wǎng)站相關(guān)信息總覽

　　二、二級頁面（創(chuàng)E機(jī)器人、樂i科學(xué)、冬夏令營、機(jī)器人聯(lián)盟賽、水上足球爭霸賽）

　?。ㄒ唬⒖傮w設(shè)計(jì)（如下圖，從上至下）

　?。ㄒ詣?chuàng)E機(jī)器人頁面為例，不同專題欄目做相應(yīng)更改）

　?。ǘ?、總體風(fēng)格：頁面色調(diào)統(tǒng)一（創(chuàng)E機(jī)器人、機(jī)器人聯(lián)盟賽藍(lán)，樂i科學(xué)、水上足球黃，其他綠），區(qū)塊清晰，重點(diǎn)突出（預(yù)約、課程信息）。

　?。ㄈ谀吭O(shè)置：

　　1.頭欄：左側(cè)為培訓(xùn)中心logo及創(chuàng)意機(jī)器人標(biāo)志，右側(cè)為咨詢、預(yù)約電話，背景圖可放機(jī)器人相關(guān)圖片。

　　2.導(dǎo)航欄：同主頁，固定在頁面上方。

　　3.圖片滾動欄：

　　可根據(jù)各個時期的宣傳重心設(shè)置圖片，點(diǎn)擊圖片即可進(jìn)入相關(guān)頁面。

　　4.資訊速遞：發(fā)布關(guān)于機(jī)器人課程的所有資訊。

　　5.預(yù)約窗口：同首頁預(yù)約窗口。

　　6.熱報課程：發(fā)布機(jī)器人相關(guān)課程，點(diǎn)擊課程名稱即可進(jìn)入課程詳情

　　7.賽事實(shí)況：左側(cè)播放機(jī)器人聯(lián)盟賽相關(guān)視頻，右側(cè)為賽事有關(guān)的文字新聞。

　　8.專業(yè)師資：機(jī)器人組老師的簡要介紹

　　9.精彩瞬間：課堂、課外活動的照片展示

　　10.網(wǎng)站相關(guān)信息總覽（同首頁）

　　11.維護(hù)需求

　?。?）面包屑導(dǎo)航

　　（2）底部和懸浮相關(guān)信息推薦

　?。?）后臺要求：每個頁面都設(shè)有標(biāo)題、關(guān)鍵字、頁面描述