兒童課程培訓(xùn)網(wǎng)站設(shè)計(jì)參考
一、首頁
(一)、總體設(shè)計(jì):如下圖(從上至下)
(二)、整體風(fēng)格:顏色飽和(黃、藍(lán))、區(qū)塊明晰、便于瀏覽操作(特別是報(bào)名和預(yù)約)。
(三)、首頁設(shè)置浮窗(可參考啟德):浮窗中可推送當(dāng)期課程信息。
(四)、欄目設(shè)置:
1.頭欄
左側(cè)凸顯培訓(xùn)中心logo,右側(cè)大字加粗“電話號(hào)碼”及微信二維碼,讓瀏覽者直觀、快速聯(lián)系到我們。
2.導(dǎo)航欄:此欄固定在頁面頂端
欄目詳情:
3.圖片區(qū)
根據(jù)不同時(shí)期的宣傳重點(diǎn)發(fā)布宣傳圖片,滾動(dòng)播放,點(diǎn)擊圖片即可進(jìn)入相關(guān)專題。
4.報(bào)名區(qū):鏈接至科技館官網(wǎng)報(bào)名平臺(tái)
5.快速預(yù)約區(qū)
活動(dòng)預(yù)約需要一個(gè)活動(dòng)預(yù)約系統(tǒng),需要實(shí)現(xiàn)的功能:1.及時(shí)更新一場(chǎng)活動(dòng)的剩余人數(shù);2.消費(fèi)者需要按照一定要求填寫才能進(jìn)行活動(dòng)預(yù)約;(預(yù)約者必須符合報(bào)名的年齡,同一個(gè)手機(jī)號(hào)只能預(yù)約一次)3.數(shù)據(jù)可以用excel導(dǎo)出
6.最新動(dòng)態(tài):上部分為公告欄,此欄內(nèi)容固定,一般為開課通知、報(bào)名通知等重要信息。下部分為新聞動(dòng)態(tài)、活動(dòng)信息等即時(shí)性信息。
7.最新課程通知 8.專業(yè)師資
9.課程介紹
每個(gè)圖片下面附簡(jiǎn)短的課程簡(jiǎn)介,“點(diǎn)擊詳情”可直接鏈接至課程頁面
10.榮譽(yù)殿堂
播放學(xué)員獲獎(jiǎng)?wù)掌?,下面附?jiǎn)要文字說明。
11.視頻區(qū)
左側(cè)可附簡(jiǎn)單視頻介紹。
12.網(wǎng)站相關(guān)信息總覽
二、二級(jí)頁面(創(chuàng)E機(jī)器人、樂i科學(xué)、冬夏令營(yíng)、機(jī)器人聯(lián)盟賽、水上足球爭(zhēng)霸賽)
(一)、總體設(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ù)約、課程信息)。
(三)、欄目設(shè)置:
1.頭欄:左側(cè)為培訓(xùn)中心logo及“創(chuàng)意機(jī)器人”標(biāo)志,右側(cè)為咨詢、預(yù)約電話,背景圖可放機(jī)器人相關(guān)圖片。
2.導(dǎo)航欄:同主頁,固定在頁面上方。
3.圖片滾動(dòng)欄:
可根據(jù)各個(gè)時(shí)期的宣傳重心設(shè)置圖片,點(diǎn)擊圖片即可進(jìn)入相關(guān)頁面。
4.資訊速遞:發(fā)布關(guān)于機(jī)器人課程的所有資訊。
5.預(yù)約窗口:同首頁預(yù)約窗口。
6.熱報(bào)課程:發(fā)布機(jī)器人相關(guān)課程,點(diǎn)擊課程名稱即可進(jìn)入課程詳情
7.賽事實(shí)況:左側(cè)播放機(jī)器人聯(lián)盟賽相關(guān)視頻,右側(cè)為賽事有關(guān)的文字新聞。
8.專業(yè)師資:機(jī)器人組老師的簡(jiǎn)要介紹
9.精彩瞬間:課堂、課外活動(dòng)的照片展示
10.網(wǎng)站相關(guān)信息總覽(同首頁)
11.維護(hù)需求
(1) 面包屑導(dǎo)航
(2) 底部和懸浮相關(guān)信息推薦
(3) 后臺(tái)要求:每個(gè)頁面都設(shè)有標(biāo)題、關(guān)鍵字、頁面描述
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://m.oulysa.com/news/2518.html