引言：易發(fā)表網(wǎng)憑借豐富的文秘實(shí)踐，為您精心挑選了九篇網(wǎng)站設(shè)計(jì)總結(jié)范例。如需獲取更多原創(chuàng)內(nèi)容，可隨時(shí)聯(lián)系我們的客服老師。

第1篇

1、頁面風(fēng)格

離退休工作處網(wǎng)站在色彩的運(yùn)用上，若整體上以藍(lán)色為底，則屬于冷色調(diào)為主;而淡黃至橙黃及橙色屬于暖色調(diào)，與老年人需要更多的關(guān)愛切合。10家網(wǎng)站中，以白色至灰白色為底的網(wǎng)站有4家，以淡黃至橙黃及橙色為底的網(wǎng)站有4家，以藍(lán)色為底的網(wǎng)站有1家，以綠色為底的網(wǎng)站有1家。絕大多數(shù)高校采用的是暖色調(diào)為主的色彩搭配。整體上，這10家網(wǎng)站給人的印象是簡潔明了，重點(diǎn)突出。在一般性的新聞報(bào)道中，文字與圖片有機(jī)結(jié)合在一起，能夠使瀏覽者閱讀起來輕松、不費(fèi)力氣。調(diào)查中，10家網(wǎng)站頁面中的文字部分總體上較多，而圖片部分則顯得相對較少。文字內(nèi)容的描寫與圖片的展示也比較集中，且相對關(guān)聯(lián)較緊密，能夠讓網(wǎng)絡(luò)瀏覽者一目了然地作出選擇或判斷，是繼續(xù)點(diǎn)擊相關(guān)內(nèi)容還是退出該網(wǎng)頁。值得注意的是，有的網(wǎng)站頂部菜單欄上面為閃動(dòng)播放的Flash插件，其閃動(dòng)文字為“老有所養(yǎng)，老有所醫(yī)，老有所學(xué)，老有所教，老有所為，老有所樂，發(fā)熱生輝，紅在夕陽”，這些文字較為直觀地揭示了離退休管理工作的宗旨所在。美中不足的是，其文字閃動(dòng)過程中容易使眼睛產(chǎn)生不舒適感，建議去掉文字在消逝過程中的虛幻變化過程，或降低速度，以便眼睛產(chǎn)生舒適感。南京林業(yè)大學(xué)離退休工作處網(wǎng)站(tuix-iu．nifu．edu．cn/)以綠色為底，logo為?；?、銀杏的綠葉，“南京林業(yè)大學(xué)離退休工作處”字樣十分醒目突出。南京大學(xué)離退休工作處網(wǎng)站(ltx．nju．edu．cn/)在色彩搭配的處理上較為恰當(dāng)，以黃色銀杏葉圖案及南京大學(xué)標(biāo)志性建筑為logo圖案，顯得較為醒目。不同的版塊采用了粉紅、綠色等不同程度的色調(diào)以示區(qū)別，整體上感覺比較適宜老年人閱讀。

2、頁面布局

通過調(diào)查發(fā)現(xiàn)，10所高校的離退休工作處網(wǎng)站在頁面布局上多采用“同”字型布局或九宮格式布局。“同”字型布局的特點(diǎn)為頁面的頂部為水平放置的主導(dǎo)航欄，其主體網(wǎng)頁部分則一般分為左、中、右3列。九宮格式布局表現(xiàn)在網(wǎng)頁的中間部分具有4個(gè)交叉點(diǎn)，構(gòu)成了視覺中心點(diǎn)，能夠有效地達(dá)到傳播重要信息的效果。相對于歐美風(fēng)格的網(wǎng)站，這些網(wǎng)站在圖片的處理與應(yīng)用上顯得不夠精致與細(xì)膩，能夠與區(qū)域的劃分、區(qū)塊大小合理搭配的不是很多。究其原因，主要在于網(wǎng)站的設(shè)計(jì)者一般為各高校網(wǎng)絡(luò)中心，或者是外請的社會(huì)上的網(wǎng)絡(luò)公司，其設(shè)計(jì)人員對于離退休工作的特點(diǎn)及老年人的需求了解的不是很清晰透徹，往往只滿足于完成任務(wù)，只是粗淺地將平臺(tái)搭建起來。能夠沉下心來細(xì)心打磨，從而使網(wǎng)站的設(shè)計(jì)做到量體裁衣、滿足離退休人員需求的不多。南京財(cái)經(jīng)大學(xué)離退休工作處網(wǎng)站(lgb．njue．edu．cn/)，采用了較為簡單的兩列式框架?？傮w上看，左側(cè)近1/4寬度由上而下分別為“最新文章”與“熱門文章”。“友情鏈接”列出了3個(gè)鏈接單位，分別為“財(cái)大首頁”“中國老年網(wǎng)”“老小孩”。其中，“老小孩”為無效鏈接，點(diǎn)擊后無法找到其鏈接內(nèi)容。右側(cè)一列占寬3/4，分別為“最新文章”“工作動(dòng)態(tài)”“支部工作”“老年社團(tuán)”“關(guān)工委”“重要信息”。其中，內(nèi)容有部分重疊。南京中醫(yī)藥大學(xué)離退休工作處網(wǎng)站(ltc．njutcm．edu．cn/)，頁面整體上較為細(xì)膩，色調(diào)偏暖色。其欄目似由上而下分行之感，并且采用了復(fù)合式顯示不同欄目的內(nèi)容。如“近期新聞”與“通知公告”并列，“工作動(dòng)態(tài)”與“政策法規(guī)”并列，“黨建生活”與“新聞簡報(bào)”并列，“圖片薈萃”與“活動(dòng)中心”并列在一起。雖有時(shí)感覺不習(xí)慣，但鼠標(biāo)在上面接觸后立即出現(xiàn)相應(yīng)的文字內(nèi)容，且速度較快，故并無不適之感。南京工業(yè)大學(xué)離退休工作處網(wǎng)站(ltx．njut．edu．cn/)，圖片與文字分區(qū)域顯示。中間占據(jù)1/2面積的一列自上而下有“動(dòng)態(tài)信息”“銀發(fā)廣場”“精彩瞬間”3個(gè)欄目。其中，“精彩瞬間”因其中圖片自右往左移動(dòng)，速度過快，瀏覽者會(huì)有眩暈的感覺。建議將閃動(dòng)的速度調(diào)慢，以便給閱讀者或觀看者以美和舒適的享受，否則他們便會(huì)因眼睛不適而迅速地關(guān)掉該網(wǎng)頁。

3、頁面執(zhí)行速度

整體上感覺頁面執(zhí)行速度較快。因?yàn)檫@些高校離退休工作處網(wǎng)站或是建站時(shí)間不長，或是總體信息量不夠大，往往只是高校網(wǎng)站的一個(gè)組成部分，故在點(diǎn)擊后，網(wǎng)絡(luò)速度均較快，能夠即時(shí)出現(xiàn)需要的內(nèi)容。在網(wǎng)站布局設(shè)計(jì)上，基本采用文字與圖片的簡潔搭配，且長文不多，往往呈簡單明了狀，在圖片分辨率與大小的處理上也不夠細(xì)膩。故快速與簡潔為高校離退休網(wǎng)站的共性風(fēng)格。值得一提的是，由于網(wǎng)絡(luò)管理跟不上，或者因網(wǎng)絡(luò)改版等原因，經(jīng)常會(huì)出現(xiàn)一些網(wǎng)絡(luò)鏈接為無效鏈接、圖片無法顯示或不存在等現(xiàn)象，網(wǎng)管人員及主要負(fù)責(zé)人要及時(shí)跟進(jìn)維護(hù)。

4、是否應(yīng)用單獨(dú)色塊對區(qū)域及重點(diǎn)內(nèi)容進(jìn)行劃分

綜觀這些高校離退休工作處網(wǎng)站，大多沒有采用明顯的、單獨(dú)的色塊對區(qū)域及重點(diǎn)內(nèi)容進(jìn)行劃分。取而代之的是，使用不同的欄目區(qū)分不同的區(qū)域布局，且在色彩方面做到了過渡自然，瀏覽者并未在視覺上產(chǎn)生審美疲勞。歐美一些網(wǎng)站的設(shè)計(jì)師，除了注重基礎(chǔ)底色的運(yùn)用，往往也會(huì)運(yùn)用一些色彩鮮艷、表現(xiàn)強(qiáng)烈的顏色到網(wǎng)站設(shè)計(jì)中，達(dá)到刺激瀏覽者感官的效果。與之相比，這些高校離退休工作處在網(wǎng)站設(shè)計(jì)之前，可以考慮這方面的因素，向設(shè)計(jì)師提出這方面的要求，從而達(dá)到較強(qiáng)的視覺感受力和較好的網(wǎng)絡(luò)傳播效果。目前，一些高校的離退休工作處網(wǎng)站已經(jīng)有意或無意地加入了這個(gè)元素，使得網(wǎng)站更具視覺沖擊力，更能吸引瀏覽者的眼球。如南京林業(yè)大學(xué)離退休工作處網(wǎng)站，將“江蘇省離退休干部之家網(wǎng)上服務(wù)平臺(tái)”作為一個(gè)圖標(biāo)放在明顯位置，其色彩較為鮮艷奪目，達(dá)到了吸引眼球的效果。南京大學(xué)離退休處網(wǎng)站采用不同的色塊以示區(qū)別。“管理系統(tǒng)”采用不同的色塊放于左側(cè)中間位置，便于網(wǎng)站瀏覽者注冊、上網(wǎng)、管理等之用，還能夠吸引讀者注冊，并在以后日常生活中隨時(shí)上網(wǎng)瀏覽該網(wǎng)頁。南京理工大學(xué)離退休處網(wǎng)站(ltx．njust．edu．cn/)，局部小區(qū)域采用了紅黃相間的色塊以示區(qū)別。如將“江蘇省離退休干部之家網(wǎng)上服務(wù)平臺(tái)”的標(biāo)塊放在了右下角，較為顯眼，可以讓瀏覽者產(chǎn)生點(diǎn)擊進(jìn)入的想法，從而起到了吸引讀者和宣傳的作用。河海大學(xué)離退休工作處網(wǎng)站(ltxc．hhu．edu．cn/)，“最新動(dòng)態(tài)”與“通知通告”2個(gè)版塊均采用統(tǒng)一的醬紅色顯示標(biāo)題10多行。從總體上看，分為3列。左側(cè)一列由上而下為“最新圖片新聞”“老年相關(guān)網(wǎng)站鏈接”及“生活指南”欄目。中間一列重點(diǎn)突出“最新動(dòng)態(tài)”與“通知通告”內(nèi)容。右側(cè)一列則為“信息欄”“在寧部分高校鏈接”“學(xué)校相關(guān)部門鏈接”以及“老齡園地”等內(nèi)容。從所占面積比例看，兩側(cè)各占1/4，中間一列占1/2。從色塊搭配方面看，缺乏精細(xì)加工與色彩的和諧美感。南京師范大學(xué)離退休工作處(黨工委)網(wǎng)站(ht-tp://ltx．njnu．edu．cn/)雖然未采用明顯單獨(dú)色塊對區(qū)域及重點(diǎn)內(nèi)容進(jìn)行劃分，但使用不同的欄目區(qū)分不同的區(qū)域布局，且在色彩方面做到了過渡自然，使瀏覽者不會(huì)產(chǎn)生視覺上的審美疲勞。南京工業(yè)大學(xué)離退休工作處網(wǎng)站，因整體上以橙色為底板，故在分區(qū)上，采用了更深的橙色以示區(qū)別，給瀏覽者較為明顯的夕陽紅的感覺。瀏覽者一進(jìn)入網(wǎng)站便會(huì)被其所播放的《夕陽紅》歌曲所“繚繞”，由于不能夠控制該歌曲的播放與暫停，時(shí)間停留稍長便會(huì)產(chǎn)生想逃跑的感覺，不利于瀏覽者在該頁面的停留，建議網(wǎng)絡(luò)管理者采用技術(shù)手段，在顯示頁面上增加選擇按鈕，讓瀏覽者可以選擇收聽或者不聽。

5、藝術(shù)字體的設(shè)計(jì)及應(yīng)用

一些國際知名企業(yè)或大公司的網(wǎng)站，往往會(huì)使用企業(yè)名稱或其縮寫作為標(biāo)志，或者在其廣告中使用其產(chǎn)品以及宣傳理念的標(biāo)題性文字或者文字縮寫，從而取得較好的傳播效果。整體上看，這些高校離退休工作處網(wǎng)站的設(shè)計(jì)缺乏這方面的意識(shí)以及手段。在實(shí)際的工作中，應(yīng)該與國際接軌，充分借鑒國際上一些好的做法，設(shè)計(jì)并利用藝術(shù)性字體，從而達(dá)到極佳的效果。

二、結(jié)論與討論

第2篇

結(jié)合當(dāng)前工作需要，的會(huì)員“莆陽仙仙”為你整理了這篇政府網(wǎng)站及政務(wù)新媒體建設(shè)工作總結(jié)和2021年度工作計(jì)劃范文，希望能給你的學(xué)習(xí)、工作帶來參考借鑒作用。

【正文】

根據(jù)《壽縣人民政府辦公室關(guān)于印發(fā)2020年度縣政府網(wǎng)站及政務(wù)新媒體建設(shè)績效考核細(xì)則的通知》（壽政辦秘〔2021〕1號(hào)）文件要求，結(jié)合本單位實(shí)際，現(xiàn)將我局2020年度政府網(wǎng)站和政務(wù)新媒體建設(shè)工作總結(jié)如下：

一、工作建設(shè)情況

我局狠抓信息公開工作，不斷規(guī)范信息公開內(nèi)容，創(chuàng)新信息公開形式，突出信息公開重點(diǎn)，提高信息公開水平，取得了新成效。

一是加強(qiáng)組織領(lǐng)導(dǎo)。我局成立了由局長任組長、分管副局長任副組長、各股室負(fù)責(zé)人為成員的縣政府網(wǎng)站及政務(wù)新媒體建設(shè)領(lǐng)導(dǎo)小組，局辦公室負(fù)責(zé)日常事務(wù)。主要負(fù)責(zé)人為網(wǎng)站及政務(wù)新媒體建設(shè)工作第一責(zé)任人，分管網(wǎng)站建設(shè)工作的班子成員是具體組織實(shí)施的責(zé)任人，其他班子成員是各自崗位分管工作范圍內(nèi)網(wǎng)站及政務(wù)新媒體建設(shè)工作的直接責(zé)任人。

二是規(guī)范運(yùn)作，提高質(zhì)量。認(rèn)真抓好《中華人民共和國政府信息公開條例》的宣傳貫徹落實(shí)工作，全面梳理我局政務(wù)信息，接受社會(huì)和公眾的監(jiān)督，做到規(guī)范化、系統(tǒng)化、全面化地公開政府信息，為政務(wù)服務(wù)工作提供強(qiáng)有力地保障。

三是重視監(jiān)測，加強(qiáng)整改。一是根據(jù)省、市、縣對我局政務(wù)公開網(wǎng)的普查檢測結(jié)果，及時(shí)完成局網(wǎng)站等級保護(hù)安全測評和整改工作；二是完善信息公開保密審查制度，按照“誰提供、誰審核、誰負(fù)責(zé)”的原則審核后公開。三是加大對政務(wù)公開工作的督查力度，辦公室定期對各部門政府信息公開工作開展情況進(jìn)行檢查，確保我局政務(wù)網(wǎng)站在上級檢測抽查中合格。

四是健全工作機(jī)制，落實(shí)公開要求。進(jìn)一步完善縣政府網(wǎng)站及政務(wù)新媒體建設(shè)，建立健全壽縣住房和城鄉(xiāng)建設(shè)局政務(wù)公開制度、壽縣住建局信息依申請公開制度等。完善公開信息的完整、及時(shí)更新完善信息公開內(nèi)容以及制定了信息報(bào)送制度和信息報(bào)送任務(wù)分解表以便按時(shí)上傳政府工作動(dòng)態(tài)。

二、存在問題和下一步計(jì)劃

（一）存在的問題

2020年,我局政務(wù)公開工作取得了一定成效，但還是存在著一些不足：一是機(jī)關(guān)各股室、局屬各單位對政府信息公開的認(rèn)識(shí)不足，重視還不夠，不能及時(shí)將本科室的相關(guān)信息迅速地報(bào)送公開；二是重點(diǎn)領(lǐng)域信息重大建設(shè)項(xiàng)目全生命周期公開信息的內(nèi)容不夠充實(shí)，有待提升；三是信息公開質(zhì)量有待進(jìn)一步提升，亟需細(xì)化，做精做細(xì)。

（二）下一步計(jì)劃

下一步，我局將進(jìn)一步提升信息公開工作成效：一是加強(qiáng)信息員隊(duì)伍建設(shè)，進(jìn)一步強(qiáng)化信息工作制度的落實(shí)，確保信息公開及時(shí)、準(zhǔn)確、規(guī)范。二是結(jié)合自身職能和工作實(shí)際，圍繞與群眾利益相關(guān)、關(guān)注程度高的重點(diǎn)領(lǐng)域，進(jìn)一步加大重點(diǎn)工作執(zhí)行情況公開。三是進(jìn)一步提高信息報(bào)送的質(zhì)量，做好信息的收集、整理工作，努力提供有情況、有分析、有深度、有建議的高質(zhì)量信息。

第3篇

關(guān)鍵詞：信息產(chǎn)業(yè)；網(wǎng)站設(shè)計(jì)；網(wǎng)站實(shí)現(xiàn)；JavaScript

武漢信運(yùn)通信息產(chǎn)業(yè)有限公司是一家專業(yè)提供物流行業(yè)信息化及其他集成服務(wù)于一體的高新企業(yè)。信運(yùn)通信息產(chǎn)業(yè)有限公司之前使用的網(wǎng)站存在版式老套、網(wǎng)頁布局混亂等問題。通過對公司的現(xiàn)有業(yè)務(wù)內(nèi)容、企業(yè)網(wǎng)站目標(biāo)用戶、企業(yè)網(wǎng)站設(shè)計(jì)策略進(jìn)行分析和總結(jié)，綜合應(yīng)用AdobePhotoshopcs6、PS軟件和AdobeDreamweavercs6軟件，采用HTML和DIV＋CSS搭建網(wǎng)站的基本框架，通過Javascript語言來實(shí)現(xiàn)網(wǎng)站的動(dòng)態(tài)效果。最終實(shí)現(xiàn)了網(wǎng)站規(guī)劃、界面設(shè)計(jì)、網(wǎng)站制作及網(wǎng)站測試，達(dá)到了預(yù)期的效果，提升了用戶的體驗(yàn)，進(jìn)而為中小型信息服務(wù)類企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)提供了參考和借鑒價(jià)值。

1網(wǎng)站設(shè)計(jì)思路

在分析研究和實(shí)踐基礎(chǔ)上，對整體設(shè)計(jì)流程進(jìn)行梳理，得出網(wǎng)站的設(shè)計(jì)思路（見圖1）。（1）對公司現(xiàn)有產(chǎn)品、主要服務(wù)、合作伙伴、企業(yè)相關(guān)介紹等需要通過網(wǎng)站向目標(biāo)群體進(jìn)行展示的相關(guān)信息進(jìn)行梳理。（2）通過對目標(biāo)群體的受教育程度、瀏覽網(wǎng)站的習(xí)慣、對網(wǎng)站不同信息的關(guān)注度以及其對企業(yè)網(wǎng)站設(shè)計(jì)的影響進(jìn)行分析，從而確定網(wǎng)站的設(shè)計(jì)框架、展示形式與風(fēng)格。（3）通過瀏覽大量的企業(yè)網(wǎng)站并進(jìn)行深入細(xì)致的分析，從而歸納總結(jié)出企業(yè)網(wǎng)站設(shè)計(jì)的策略，為后期良好的企業(yè)網(wǎng)站設(shè)計(jì)做好準(zhǔn)備。（4）根據(jù)前期的調(diào)查、分析、總結(jié)，進(jìn)行網(wǎng)站架構(gòu)的初步設(shè)計(jì)以及網(wǎng)站界面的詳細(xì)設(shè)計(jì)。（5）根據(jù)設(shè)計(jì)出來的網(wǎng)站界面，進(jìn)行網(wǎng)站界面的代碼實(shí)現(xiàn)。在制作完成后根據(jù)需要進(jìn)行網(wǎng)站的測試。（6）對設(shè)計(jì)制作出來的網(wǎng)站進(jìn)行總結(jié)，發(fā)現(xiàn)網(wǎng)站設(shè)計(jì)與制作過程中的不足以便后期加以修整。

2網(wǎng)站設(shè)計(jì)分析

2．1用戶分析

在對公司業(yè)務(wù)內(nèi)容進(jìn)行梳理后，明確了其網(wǎng)站用戶群。下面將針對用戶群體進(jìn)行分類分析。（1）中小型物流企業(yè)。通過與相關(guān)人員交流，了解到針對物流信息服務(wù)企業(yè)網(wǎng)站需要展示以下內(nèi)容：產(chǎn)品與服務(wù)的相關(guān)介紹、物流行業(yè)與公司的新聞動(dòng)態(tài)以及老客戶使用公司產(chǎn)品與服務(wù)的效果。對于網(wǎng)站的展示效果，他們更傾向于布局相對簡單、易于瀏覽、便于獲取到關(guān)鍵信息。（2）合作伙伴與投資人。通過對信運(yùn)通公司向合作伙伴與投資人展示的PPT內(nèi)容進(jìn)行分析，可以總結(jié)出公司主要想向投資人和合作伙伴傳達(dá)以下信息：公司的簡要介紹、市場機(jī)會(huì)、現(xiàn)階段經(jīng)營的產(chǎn)品及服務(wù)、自身發(fā)展的優(yōu)勢、企業(yè)未來發(fā)展規(guī)劃以及合作伙伴合作、投資人投資帶來的互惠互利及其良好的預(yù)期。（3）其他用戶。除了物流服務(wù)企業(yè)、合作伙伴與投資人以外，網(wǎng)站的常見用戶還有政府機(jī)構(gòu)、應(yīng)聘者及不定人群。這些用戶在瀏覽網(wǎng)站時(shí)，主要會(huì)對網(wǎng)站的風(fēng)格、公司的介紹、企業(yè)文化、企業(yè)發(fā)展?fàn)顩r、公司現(xiàn)階段經(jīng)營的產(chǎn)品與服務(wù)以及近期的招聘職位感興趣。

2．2內(nèi)容分析

在完成前期的調(diào)查與梳理以及對網(wǎng)站用戶群體進(jìn)行研究后，企業(yè)網(wǎng)站的內(nèi)容暫定為以下7個(gè)模塊，具體內(nèi)容如下：（1）網(wǎng)站首頁。網(wǎng)站首頁主要內(nèi)容有企業(yè)LOGO、展示企業(yè)理念的輪播圖、網(wǎng)站導(dǎo)航、公司產(chǎn)品及服務(wù)、公司簡介、新聞動(dòng)態(tài)以及服務(wù)聯(lián)系方式和APP下載區(qū)。（2）產(chǎn)品展示。產(chǎn)品展示模塊主要包括公司的現(xiàn)有產(chǎn)品－－物流業(yè)務(wù)管理系統(tǒng)、物流公共服務(wù)平臺(tái)、物流聯(lián)盟管理系統(tǒng)、第三方物流管理系統(tǒng)以及手機(jī)APP。（3）服務(wù)介紹。主要包括公司現(xiàn)階段對外提供的在線金融、在線投保、市內(nèi)配送、GPS定位、園區(qū)WIFI服務(wù)。（4）成功案例。向意向客戶或者潛在客戶展示公司的產(chǎn)品和服務(wù)在推廣過程中的成功案例。（5）加盟合作。一方面通過展示公司現(xiàn)階段已經(jīng)與哪些類型的機(jī)構(gòu)展開合作關(guān)系從側(cè)面彰顯公司的實(shí)力。另一方面可以讓潛在的加盟商、投資人知曉公司的加盟合作以及吸納投資的意向。（6）新聞動(dòng)態(tài)。新聞動(dòng)態(tài)模塊主要包括行業(yè)新聞和公司新聞。（7）關(guān)于我們。關(guān)于我們模塊主要包括公司簡介、發(fā)展歷程、企業(yè)文化、聯(lián)系方式、加入我們。

3網(wǎng)站設(shè)計(jì)制作

3．1網(wǎng)站結(jié)構(gòu)規(guī)劃

經(jīng)過網(wǎng)站設(shè)計(jì)分析，得出公司網(wǎng)站界面設(shè)計(jì)的具體結(jié)構(gòu)（見圖2）。由于這些中小型物流公司使用系統(tǒng)時(shí)間較短，能夠作為成功案例進(jìn)行效果展示的公司并不多，因此在網(wǎng)站制作時(shí)先將此模塊去掉。

3．2網(wǎng)站界面設(shè)計(jì)

3.2.1網(wǎng)站首頁設(shè)計(jì)

網(wǎng)站首頁能夠讓瀏覽者在第一時(shí)間內(nèi)領(lǐng)略到企業(yè)特色所在。網(wǎng)站首頁P(yáng)S效果如圖3所示：在網(wǎng)站首頁的頁眉位置，左側(cè)放置了公司的LO-GO。在頁眉的右側(cè)設(shè)置了“添加到桌面”快捷方式。在頁眉的中部，設(shè)置了網(wǎng)站的導(dǎo)航。為了提高網(wǎng)頁字體的辨識(shí)度與界面整潔，整個(gè)網(wǎng)站除了特殊需要都采用微軟雅黑字體。導(dǎo)航欄采用了鼠標(biāo)懸浮的效果。當(dāng)鼠標(biāo)移動(dòng)到相應(yīng)的模塊時(shí)，相應(yīng)的文字由黑色跳轉(zhuǎn)為紅色，下方懸浮顯示具體的子目錄。首頁Banner不僅需要體現(xiàn)企業(yè)的高端、大氣，同時(shí)還要展示物流信息化服務(wù)的愿景，并符合整體的頁面設(shè)計(jì)。Banner的下方是產(chǎn)品展示區(qū)，展示公司現(xiàn)階段的主要產(chǎn)品—“好運(yùn)通”物流業(yè)務(wù)管理系統(tǒng)、物流公共服務(wù)平臺(tái)、物流聯(lián)盟管理系統(tǒng)、第三方物流公共服務(wù)平臺(tái)以及手機(jī)APP。整個(gè)產(chǎn)品展示區(qū)域只顯示3個(gè)產(chǎn)品，其他產(chǎn)品以輪播圖的形式呈現(xiàn)，當(dāng)用戶點(diǎn)擊左、右移動(dòng)按鈕，圖標(biāo)會(huì)根據(jù)用戶的操作向左或向右移動(dòng)出隱藏的產(chǎn)品圖標(biāo)。產(chǎn)品展示的下方是兩欄信息欄，分別放置公司簡介和新聞動(dòng)態(tài)。以便訪客第一時(shí)間對公司有簡單的了解，同時(shí)獲取相關(guān)的新聞動(dòng)態(tài)信息。接下來是優(yōu)質(zhì)服務(wù)展示欄，在這一信息欄，針對每一項(xiàng)服務(wù)都設(shè)計(jì)了相應(yīng)的圖標(biāo)以便對服務(wù)進(jìn)行形象的展示?？紤]到公司后期還會(huì)推出其他的服務(wù)，在優(yōu)質(zhì)服務(wù)欄同樣采用了輪播的效果，當(dāng)訪客想要對服務(wù)進(jìn)行了解時(shí)，只需鼠標(biāo)單擊圖標(biāo)或者對應(yīng)的文字即可進(jìn)入相應(yīng)的頁面。在網(wǎng)站首頁的底部是網(wǎng)站的版權(quán)信息、公司名稱以及公司的聯(lián)系電話。為了使整個(gè)網(wǎng)站顯得不沉悶，同圖4其他頁面PS效果圖時(shí)又能跟整個(gè)網(wǎng)站的風(fēng)格協(xié)調(diào)，在底部的設(shè)計(jì)上選用了姜黃色作底色，字體用白色。在網(wǎng)站首頁的右側(cè)固定了一個(gè)信息框，上面展示有公司的客服電話、客服QQ以及手機(jī)APP二維碼。此模塊將作為公司聯(lián)系方式的展示區(qū)，在整個(gè)網(wǎng)站的各個(gè)界面都會(huì)出現(xiàn)。

3.2.2其他界面設(shè)計(jì)

為了簡化整個(gè)網(wǎng)站的制作流程，同時(shí)保證網(wǎng)站風(fēng)格的統(tǒng)一以及實(shí)現(xiàn)便于訪客瀏覽的目的，網(wǎng)站的其他界面（除了網(wǎng)站首頁以外的所有界面）的頁眉、Banner（其他界面的Banner沒有輪播效果，只是選取了網(wǎng)站首頁Banner輪播圖的一張圖片）以及網(wǎng)頁底部均與網(wǎng)站首頁的設(shè)計(jì)形式保持高度的一致。

3．3網(wǎng)站代碼實(shí)現(xiàn)

選擇AdobeDreamweavercs6作為網(wǎng)站代碼編寫軟件，采用HTML、DIV＋CSS和Javascript語言來實(shí)現(xiàn)網(wǎng)站。下面將選擇幾個(gè)具代表性的功能模塊進(jìn)行說明。

3.3.1網(wǎng)站頁眉

網(wǎng)站的頁眉包括LOGO、導(dǎo)航和微信二維碼三部分，這三部分的排列主要通過float屬性來實(shí)現(xiàn)，各個(gè)模塊的具置則需要通過設(shè)置margin值的大小來實(shí)現(xiàn)，使用width屬性控制頁眉寬度。公司LOGO的排列需要通過src屬性將處理好的圖片引入即可。網(wǎng)站的導(dǎo)航部分是頁眉部分的難點(diǎn)，它主要通過＜ul＞＜li＞＜／li＞＜／ul＞來實(shí)現(xiàn)文字的排列，通過display屬性實(shí)現(xiàn)二級導(dǎo)航的顯示與隱藏，通過偽類hover實(shí)現(xiàn)鼠標(biāo)懸浮時(shí)的文字變色。微信公眾平臺(tái)二維碼部分則是先通過DIV＋CSS實(shí)現(xiàn)圖標(biāo)的排列，再通過引入的JS代碼實(shí)現(xiàn)鼠標(biāo)的懸浮效果。

3.3.2首頁

Banner網(wǎng)站首頁的Banner部分有兩張宣傳企業(yè)文化的圖片交替輪播，為了實(shí)現(xiàn)較好的圖片輪播效果，需要有JS代碼作為支撐。

3.3.3“優(yōu)質(zhì)服務(wù)”

先通過DIV＋CSS將優(yōu)質(zhì)服務(wù)的五個(gè)服務(wù)內(nèi)容以及進(jìn)行左右切換的圖標(biāo)進(jìn)行排版，再借助JS代碼進(jìn)行動(dòng)態(tài)效果的實(shí)現(xiàn)。

3.3.4網(wǎng)頁右側(cè)信息框

網(wǎng)頁右側(cè)的信息框主要有服務(wù)熱線電話、客服QQ以及手機(jī)APP下載三個(gè)模塊。這三個(gè)模塊均是采用DIV＋CSS進(jìn)行布局，具體的每一個(gè)模塊則是通過float屬性與margin屬性進(jìn)行控制。

3.3.5公司新聞模塊

公司網(wǎng)站的新聞?wù)故灸K主要采用了table表格進(jìn)行布局，在后期新聞條目較多、一個(gè)頁面的展示效果不好時(shí)，就要考慮到新聞頁面的翻頁問題，需要通過JS代碼來實(shí)現(xiàn)每個(gè)頁面新聞條數(shù)多少以及上下頁的翻轉(zhuǎn)。

4網(wǎng)站測試

網(wǎng)站測試作為網(wǎng)站設(shè)計(jì)與制作的最后一個(gè)環(huán)節(jié)，它對網(wǎng)站設(shè)計(jì)與制作的質(zhì)量有較大影響，在測試時(shí)，主要針對靜態(tài)網(wǎng)站可能存在的問題進(jìn)行了測試。

4.1鏈接測試

此次的網(wǎng)站鏈接測試主要針對以下三個(gè)方面：①測試網(wǎng)站上頁面的所有鏈接是否依照設(shè)計(jì)思路鏈接到了正確的頁面；②測試鏈接所指向的網(wǎng)站頁面是否存在；③測試整個(gè)網(wǎng)站沒有孤立的頁面，即每一個(gè)界面都應(yīng)當(dāng)有鏈接指向。

4.2瀏覽器測試

用DIV＋CSS制作網(wǎng)頁時(shí)，需要測試瀏覽器兼容，在測試時(shí)主要針對以下瀏覽器進(jìn)行了測試：IE瀏覽器、火狐瀏覽器、360極速瀏覽器、360安全瀏覽器、谷歌瀏覽器和搜狗瀏覽器，測試結(jié)果通過。

5結(jié)語

本文設(shè)計(jì)并實(shí)現(xiàn)了信運(yùn)通信息產(chǎn)業(yè)有限公司的網(wǎng)站，整體設(shè)計(jì)制作效果較好，滿足了公司的網(wǎng)站建設(shè)需要，得到了公司的認(rèn)可，后期需要在代碼的簡潔性上進(jìn)行改進(jìn)。

作者:劉明義 李保林 曹青青 單位:1.河南城際鐵路有限公司 2.湖北汽車工業(yè)學(xué)院經(jīng)濟(jì)管理學(xué)院

參考文獻(xiàn)

1李兆明．商業(yè)網(wǎng)站設(shè)計(jì)與制作［D］．成都：電子科技大學(xué)，2013

2高原．服務(wù)器端javascript技術(shù)研究［J］．信息與電腦（理論版），2012（1）

第4篇

關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；課程改革；內(nèi)容優(yōu)化

中圖分類號(hào)：TP393.09 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）17-0100-02

1 引言

“網(wǎng)站設(shè)計(jì)”是使用標(biāo)識(shí)性語言，通過一系列策劃、設(shè)計(jì)、建模、優(yōu)化、開發(fā)步驟產(chǎn)生網(wǎng)站，最終以圖形用戶界面的形式展現(xiàn)給用戶[1]。在計(jì)算機(jī)相關(guān)學(xué)科的教學(xué)中，網(wǎng)站設(shè)計(jì)課程是一門重要的專業(yè)課，其知識(shí)多、操作性強(qiáng)、課程難度較大[2]。

當(dāng)前，各院校普遍開設(shè)了網(wǎng)站設(shè)計(jì)類課程，但是在其教學(xué)過程中，我們發(fā)現(xiàn)學(xué)生內(nèi)驅(qū)力較弱、動(dòng)手能力有限、學(xué)習(xí)主動(dòng)性較差、動(dòng)手能力不足、橫向競爭力差等問題[3]?？紤]到目前社會(huì)上對網(wǎng)站設(shè)計(jì)人員的需求，我們認(rèn)為改革現(xiàn)有教學(xué)模式、提高學(xué)生實(shí)踐能力、增加職業(yè)競爭力等，是亟須解決的問題。因此，對“網(wǎng)站設(shè)計(jì)”相關(guān)類課程進(jìn)行改革勢在必行。

2 文獻(xiàn)綜述

目前對網(wǎng)站設(shè)計(jì)類課程的改革研究體現(xiàn)在很多方面，例如：任鎖平 [4]基于搜索引擎優(yōu)化的視角下，探析教學(xué)資源網(wǎng)站設(shè)計(jì)策略。分別從策劃層次、開發(fā)層次、界面設(shè)計(jì)層次、維護(hù)層次四個(gè)方面闡述了教學(xué)資源網(wǎng)站設(shè)計(jì)的策略。榮益 [5]從信息技術(shù)課程教學(xué)網(wǎng)站的需求分析與功能定位以及信息技術(shù)課程教學(xué)網(wǎng)站的內(nèi)容設(shè)計(jì)兩方面探討了信息技術(shù)課程教學(xué)網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)。張慧麗 [6]將Moodle平臺(tái)應(yīng)用到《網(wǎng)站設(shè)計(jì)與制作》課程教學(xué)中，采用問卷調(diào)查法對Moodle平臺(tái)應(yīng)用教學(xué)效果進(jìn)行了分析。楊銘 [7]介紹了如何基于項(xiàng)目化實(shí)現(xiàn)網(wǎng)站設(shè)計(jì)與開發(fā)課程的教學(xué)內(nèi)容，并總結(jié)了課程的特色與創(chuàng)新點(diǎn)。章早立 [8]討論了基于“分層分類”理念的高職《網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)》課程教學(xué)新模式探究。郝靜 [9]通過對近年來教學(xué)過程中課程教學(xué)模式的研究、教學(xué)方法和手段的改革的探討，闡述如何在該課程中實(shí)現(xiàn)工作過程系統(tǒng)化的"教學(xué)做"合一。楊敬飛 [10]以文化洛陽網(wǎng)站的設(shè)計(jì)為例，講述了如何在網(wǎng)頁設(shè)計(jì)課程中應(yīng)用項(xiàng)目教學(xué)法，將教學(xué)內(nèi)容和教學(xué)目標(biāo)巧妙地包含于項(xiàng)目設(shè)置之中。

然而，上述論文并沒有從課程的內(nèi)容結(jié)構(gòu)上進(jìn)行優(yōu)化?！熬W(wǎng)站設(shè)計(jì)”課程的難點(diǎn)在于內(nèi)容多而碎，需要較多的先修課程知識(shí)。本文擬從課程設(shè)置的角度出發(fā)，深入探討如何設(shè)計(jì)該課程的內(nèi)容，并以本人就職南京師范大學(xué)中北學(xué)院以來的教學(xué)經(jīng)驗(yàn)，匯報(bào)作者對網(wǎng)絡(luò)設(shè)計(jì)課程的授課計(jì)劃。

3 方法

傳統(tǒng)的“網(wǎng)站設(shè)計(jì)”類課程，僅包含基礎(chǔ)的HTML語言、JavaScript語言、CSS+DIV、圖像處理、動(dòng)畫制作。選取的軟件僅包括網(wǎng)頁三劍客之一與Photoshop的搭配處理。然而我們認(rèn)為上述授課內(nèi)容過于陳舊、沒有緊跟前沿、缺少及時(shí)更新。為此，作者設(shè)置授課計(jì)劃如表 1所示。

4 結(jié)果

實(shí)驗(yàn)對象選擇南京師范大學(xué)中北學(xué)院2011級某班。通過問卷調(diào)查方式對改革前后的教學(xué)效果進(jìn)行調(diào)查，共發(fā)出問卷33份，回收問卷33份，其中有效問卷32份，有效率96.97%。對回收的問卷通過Excel進(jìn)行統(tǒng)計(jì)處理。表 2給出分析結(jié)果。

5 討論

表 2可見，課程改革后，大部分學(xué)生認(rèn)為新的課程知識(shí)面更廣、內(nèi)容更新穎、更適合自學(xué)、能提高學(xué)習(xí)效率、可激發(fā)想象力、使課堂變得更加有趣、并能推動(dòng)學(xué)生課后學(xué)習(xí)。因此，我們認(rèn)為對“網(wǎng)站設(shè)計(jì)”教學(xué)內(nèi)容的重新規(guī)劃是成功的。需要注意的是，新的課程內(nèi)容需要至少72學(xué)時(shí)。對某些院校，教師反映僅分配36學(xué)時(shí)給“網(wǎng)站設(shè)計(jì)”課程，這種情況下本文提出的新的授課計(jì)劃并不適用，需要進(jìn)行刪減。

6 結(jié)論與展望

本文通過提出了一種針對“課程設(shè)計(jì)”的授課內(nèi)容改革探索，經(jīng)過問卷調(diào)查證實(shí)其有效。下一步我們將要收集學(xué)生考試成績，對其進(jìn)行量化分析。此外，可以考慮引入雙語教學(xué)[11]，以及將其他程序語言例如Matlab[12]嵌入到課程設(shè)計(jì)中去。

參考文獻(xiàn)：

[1] 胡珍新. 基于計(jì)算思維的網(wǎng)站設(shè)計(jì)教學(xué)研究[J]. 計(jì)算機(jī)教育， 2014（20）：56-58.

[2] 費(fèi)麗君. 基于JSP的農(nóng)業(yè)院校的大學(xué)計(jì)算機(jī)基礎(chǔ)教學(xué)網(wǎng)站設(shè)計(jì)研究[J]. 安徽農(nóng)業(yè)科學(xué)， 2014，42（7）：2176-2177.

[3] 田久樂. 淺談獨(dú)立院校電子商務(wù)網(wǎng)站設(shè)計(jì)課程教學(xué)改革[J]. 中小企業(yè)管理與科技， 2014（13）：288-289.

[4] 任鎖平. 搜索引擎優(yōu)化視角下教學(xué)資源網(wǎng)站設(shè)計(jì)策略[J]. 自動(dòng)化與儀器儀表， 2014（6）：194-196.

[5] 榮益. 探討信息技術(shù)課程教學(xué)網(wǎng)站設(shè)計(jì)[J]. 計(jì)算機(jī)光盤軟件與應(yīng)用， 2014，17（18）：222-222.

[6] 張慧麗. 基于 Moodle平臺(tái)的《網(wǎng)站設(shè)計(jì)與制作》教學(xué)應(yīng)用研究[J]. 軟件導(dǎo)刊教育技術(shù)， 2014，13（3）： 29-30.

[7] 楊銘. 基于項(xiàng)目化教學(xué)的網(wǎng)站設(shè)計(jì)與開發(fā)課程改革探索[J]. 學(xué)園， 2014（36）： 21-22.

[8] 章早立. 基于“分層分類”理念的高職《網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)》課程教學(xué)新模式探究[J]. 福建電腦， 2014，30（8）：146-147.

[9] 郝靜. 學(xué)習(xí)領(lǐng)域課程教學(xué)模式和方法的研究――以動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作課程為例[J]. 湖北工業(yè)職業(yè)技術(shù)學(xué)院學(xué)報(bào)， 2014，27（2）：93-95.

[10] 楊敬飛. 項(xiàng)目教學(xué)法在藝術(shù)設(shè)計(jì)專業(yè)網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用實(shí)踐――以文化洛陽網(wǎng)站設(shè)計(jì)為例[J]. 美術(shù)教育研究， 2014（5）：122-124.

第5篇

（1）針對靜態(tài)頁面的合理布局。對于靜態(tài)頁面的合理布局采用的是Dreamweaver軟件來完成。這種軟件是將網(wǎng)頁制作與網(wǎng)站管理集中在一起的網(wǎng)頁編輯器。其授課的主要內(nèi)容包括了：框架、語言基礎(chǔ)、樣式表、表格、超鏈接、庫、模板、層以及表單等。（2）網(wǎng)頁藝術(shù)的設(shè)計(jì)基礎(chǔ)。在學(xué)生掌握了一些基本的理論知識(shí)后，教師可以適當(dāng)?shù)拈_設(shè)計(jì)算機(jī)網(wǎng)站設(shè)計(jì)課程。為了保證學(xué)生能夠更好地掌握基本的網(wǎng)站設(shè)計(jì)技巧，學(xué)會(huì)配色方案以及版面構(gòu)成等多方面的內(nèi)容，教師可以通過講解計(jì)算機(jī)網(wǎng)站建設(shè)內(nèi)容，讓學(xué)生對網(wǎng)站設(shè)計(jì)有一個(gè)初步的理解。（3）網(wǎng)站的綜合實(shí)訓(xùn)。這主要包括了：旅游類的網(wǎng)站設(shè)計(jì)和制作、個(gè)人類的網(wǎng)站設(shè)計(jì)和制作、商業(yè)類的網(wǎng)站設(shè)計(jì)與制作、體育類的網(wǎng)站設(shè)計(jì)和制作以及政府類的網(wǎng)站的設(shè)計(jì)和制作等多方面的具體內(nèi)容，學(xué)生經(jīng)過對這內(nèi)容的學(xué)習(xí)，使其具備了設(shè)計(jì)簡單網(wǎng)站的技能。

二、計(jì)算機(jī)網(wǎng)站建設(shè)實(shí)踐課程的教學(xué)改革

2.1改革教學(xué)方式計(jì)算機(jī)網(wǎng)站建設(shè)實(shí)踐課程教學(xué)在設(shè)計(jì)模式方面，注重“工學(xué)結(jié)合”以及“校企共建”。計(jì)算機(jī)網(wǎng)站建設(shè)實(shí)踐課程是以5個(gè)企業(yè)真實(shí)項(xiàng)目將本課程的內(nèi)容進(jìn)行有機(jī)組合，利用的是案例教學(xué)、模擬教學(xué)、項(xiàng)目教學(xué)、情境教學(xué)以及崗位教學(xué)等多種教學(xué)方式，以經(jīng)典的板書、PPT多媒體電子課件以及實(shí)物投影等多種教學(xué)方式作為輔助手段，在局域網(wǎng)條件下，能夠?qū)崿F(xiàn)教學(xué)資源的共享，也能夠增進(jìn)師生之間的交流互動(dòng)。利用邊實(shí)踐邊學(xué)習(xí)、在學(xué)習(xí)中參與實(shí)踐等多種方式，將理論知識(shí)與實(shí)踐有機(jī)結(jié)合，不斷強(qiáng)化學(xué)生的計(jì)算機(jī)專業(yè)技能，培養(yǎng)學(xué)生的綜合能力與專業(yè)素質(zhì)女，從而從本質(zhì)上實(shí)現(xiàn)“教”、“做”、“學(xué)”三者的一體化，進(jìn)而達(dá)到學(xué)校課堂學(xué)習(xí)與社會(huì)工作崗位接軌的目的[3]。2.2改革教學(xué)考評模式計(jì)算機(jī)網(wǎng)站建設(shè)實(shí)踐課程是以真實(shí)的項(xiàng)目作為教學(xué)載體，知識(shí)結(jié)構(gòu)主要是為崗位任務(wù)要求所服務(wù)的，在實(shí)際的課程教學(xué)過程中，教師需要一職業(yè)標(biāo)準(zhǔn)作為教學(xué)依據(jù)，靈活運(yùn)用各種教學(xué)方式以及知識(shí)的呈現(xiàn)模式，從而更好的激發(fā)出學(xué)習(xí)對計(jì)算機(jī)網(wǎng)站建設(shè)實(shí)踐課程學(xué)習(xí)的興趣。教師還需要要求學(xué)生能夠主動(dòng)參與信息的采集、社會(huì)調(diào)查等各項(xiàng)項(xiàng)目的拓展工作，并圓滿完成教師布置的任務(wù)。在考核學(xué)生對計(jì)算機(jī)網(wǎng)站建設(shè)實(shí)踐學(xué)習(xí)情況的過程中，可以靈活利用以下三種模式進(jìn)行考察。其一，上機(jī)操作與筆試相結(jié)合的考察模式；其二，學(xué)生互查、自我考察與教師考察相結(jié)合的模式；其三，學(xué)習(xí)過程考察與結(jié)果考察相結(jié)合的模式。

三、結(jié)語

第6篇

【關(guān)鍵詞】課程網(wǎng)站；網(wǎng)站設(shè)計(jì)；應(yīng)用實(shí)例

1、網(wǎng)站設(shè)計(jì)概念和內(nèi)容

當(dāng)今世界已經(jīng)走入了一個(gè)信息爆炸式發(fā)展的時(shí)代，各種科技產(chǎn)品與各種媒體平臺(tái)相互搭配合作，帶給人們越來越便捷、快餐化的生活。人們通過最常使用網(wǎng)絡(luò)類媒體了解事實(shí)，在一個(gè)房間里就能輕松達(dá)到“足不出戶知天下”。

網(wǎng)站是網(wǎng)絡(luò)媒體的信息平臺(tái)，是展示政府、企業(yè)、機(jī)構(gòu)、產(chǎn)品、學(xué)校、等的網(wǎng)絡(luò)窗口。在網(wǎng)站設(shè)計(jì)的時(shí)候，必須有明確的網(wǎng)站主題、站點(diǎn)目的和用戶需求。在了解情況之后，設(shè)計(jì)師根據(jù)受眾需求、市場狀況以及網(wǎng)站所有者自身情況綜合分析研究，以受眾人群為中心對網(wǎng)站進(jìn)行規(guī)劃設(shè)計(jì)。

2、網(wǎng)站設(shè)計(jì)的基本法則

網(wǎng)站設(shè)計(jì)就是依據(jù)網(wǎng)站宗旨，把造型、結(jié)構(gòu)、信息、色彩等視覺元素有機(jī)地統(tǒng)一在網(wǎng)站中，并對網(wǎng)站風(fēng)格等進(jìn)行整體設(shè)計(jì)。根據(jù)藝術(shù)歷史學(xué)家邁爾?夏皮羅的觀點(diǎn)，風(fēng)格是“某個(gè)個(gè)人或群體的藝術(shù)作品經(jīng)久不變的形式，有時(shí)則是持久不變的要素和表現(xiàn)”。其目的主要是利用造型的原則和規(guī)律，合理的分配和排列文字、圖形等視覺元素，以便準(zhǔn)確、系統(tǒng)、有效地傳達(dá)信息。

3、網(wǎng)站設(shè)計(jì)目標(biāo)與用戶的需求

在設(shè)計(jì)規(guī)劃網(wǎng)站之前，我們需要考慮五點(diǎn)。①網(wǎng)站的建設(shè)目的是什么？②網(wǎng)站的主要受眾人群是針對哪一類？③網(wǎng)站能為受眾提供什么？④網(wǎng)站適合什么樣表現(xiàn)方式？

以《圖案設(shè)計(jì)與應(yīng)用》課程網(wǎng)站為例：（1）網(wǎng)站的建設(shè)的主要目的是通過網(wǎng)絡(luò)宣傳、展示《圖案設(shè)計(jì)與應(yīng)用》課程內(nèi)容，同時(shí)讓課程受眾人群能在網(wǎng)上接受課外教育。（2）《圖案設(shè)計(jì)與應(yīng)用》課程網(wǎng)站的受眾群體則是在校藝術(shù)類大學(xué)生以及高校專業(yè)老師。（3）課程網(wǎng)站提供課程教學(xué)相關(guān)參考資料，展示課程工學(xué)結(jié)合成果，建立師生作品展示平臺(tái)以及教學(xué)互動(dòng)。（4）課程網(wǎng)站的受眾多數(shù)為在校藝術(shù)類大學(xué)生，這類人群對網(wǎng)絡(luò)有很強(qiáng)的依賴性，喜歡輕松、明快、簡潔、個(gè)性的藝術(shù)風(fēng)格。課程網(wǎng)站在設(shè)計(jì)上需要迎合這些特點(diǎn)。

首先，在外觀上需要采用簡潔明快的主題設(shè)計(jì)方案，盡可能減少繁復(fù)累贅的設(shè)計(jì)，使網(wǎng)站在視覺效果上富有朝氣。然后，在版式上需要合理布局，年輕的視覺心理特征，布局必須能清晰表達(dá)主題以及資料分布，使其能讓瀏覽者觀看方便，容易被吸引。其次，色彩也是網(wǎng)站的重要視覺要素之一，在色彩的選擇上，第一看的是網(wǎng)站主題，第二則是受眾色彩心理。適當(dāng)?shù)纳蕦Ρ纫约耙恍┝舭着c色彩間隔等不同的色彩穿插方式，可以充分的表達(dá)網(wǎng)站的思想內(nèi)涵意境。再次，人性化的界面設(shè)計(jì)需求，也在隨著受眾人群的素質(zhì)提高而增加，所以人性化設(shè)計(jì)是在設(shè)計(jì)中對人的心理生理需求和精神追求的尊重和滿足，是設(shè)計(jì)中的人文關(guān)懷，是對人性的尊重。

4、課程網(wǎng)站界面設(shè)計(jì)相關(guān)數(shù)碼技術(shù)的應(yīng)用分析

4.1課程介紹

《基礎(chǔ)圖案》課程作為桂林旅專視覺藝術(shù)系的基礎(chǔ)設(shè)計(jì)課程，始于1988年，最初作為旅游工藝品設(shè)計(jì)專業(yè)的專業(yè)基礎(chǔ)課程進(jìn)行開設(shè)。隨著系部專業(yè)的拓展、完善與更新，《基礎(chǔ)圖案》更名為《裝飾圖案》，并成為裝飾藝術(shù)設(shè)計(jì)、公共藝術(shù)設(shè)計(jì)等多個(gè)專業(yè)的專業(yè)基礎(chǔ)必修課之一。

2009年，《裝飾圖案》通過校級評審，成為校級精品課程。在之后的教學(xué)中，課程名稱更名為《圖案設(shè)計(jì)與應(yīng)用》，并進(jìn)行了一系列教學(xué)改革，構(gòu)建新型課程體系?！秷D案設(shè)計(jì)與應(yīng)用》是一門建立在造型學(xué)和色彩學(xué)基礎(chǔ)上，連接藝術(shù)類基礎(chǔ)課程和設(shè)計(jì)課程的橋梁課程。本課程以圖案設(shè)計(jì)與應(yīng)用的一般工作流程為主線，著力從圖案的理論基礎(chǔ)、圖案的設(shè)計(jì)實(shí)踐與圖案的應(yīng)用拓展等三大模塊出發(fā)，圍繞著五個(gè)教學(xué)情境來培養(yǎng)學(xué)生的良好圖案審美素養(yǎng)、高超的圖案藝術(shù)表現(xiàn)及綜合職業(yè)能力，以適應(yīng)不斷發(fā)展的行業(yè)崗位要求。

4.2課程網(wǎng)站設(shè)計(jì)目標(biāo)

《圖案設(shè)計(jì)與應(yīng)用》課程網(wǎng)站是展示課程教學(xué)的一個(gè)直觀窗口。在這門網(wǎng)站的建設(shè)中，要做到以下幾點(diǎn)：

（1）網(wǎng)站界面能有效地展現(xiàn)“圖案設(shè)計(jì)”這一主題內(nèi)容，讓瀏覽者在觀看網(wǎng)站界面的同時(shí)就能認(rèn)同了解《圖案設(shè)計(jì)與應(yīng)用》這門學(xué)科的概況。

（2）《圖案設(shè)計(jì)與應(yīng)用》網(wǎng)站中含有豐富的信息資料。豐富的各類相關(guān)資料應(yīng)當(dāng)滿足課堂內(nèi)外的相應(yīng)的知識(shí)、技能以及學(xué)科參考與補(bǔ)充幫助，從網(wǎng)絡(luò)上拉近學(xué)生與課堂的距離。

（3）通過瀏覽網(wǎng)站，受眾在瀏覽網(wǎng)站的過程中對《圖案設(shè)計(jì)與應(yīng)用》這門課程有一個(gè)全面的認(rèn)識(shí)，并讓其對網(wǎng)站有深刻的印象。與此同時(shí)，在網(wǎng)站中還需要表現(xiàn)桂林旅游高等?？茖W(xué)校視覺藝術(shù)系在課程教學(xué)中的教學(xué)理念，讓更多的瀏覽者了解課程的重要性，認(rèn)可課程教學(xué)方式。

課程網(wǎng)站設(shè)計(jì)突出藝術(shù)性、助學(xué)性和互動(dòng)性。通過網(wǎng)上豐富的教學(xué)資源、課程論壇、課程知識(shí)庫、課程練習(xí)、課程評價(jià)等欄目為學(xué)生的自主性學(xué)習(xí)搭建了一個(gè)信息化平臺(tái)，充分發(fā)揮了現(xiàn)代化教學(xué)手段在教學(xué)中的作用。同時(shí)，學(xué)生可以在網(wǎng)上通過在線交流進(jìn)行學(xué)習(xí)探討，互動(dòng)性強(qiáng)，有利地促進(jìn)了教與學(xué)的改革，促進(jìn)了教學(xué)效果的進(jìn)一步提高。

4.3課程網(wǎng)站制作過程

（1）溝通與資料收集是網(wǎng)站設(shè)計(jì)的第一步。在《圖案設(shè)計(jì)與應(yīng)用》課程網(wǎng)站中，首先要與課題小組人員溝通，了解網(wǎng)站所表達(dá)的課程內(nèi)涵，以確定界面設(shè)計(jì)指導(dǎo)思路。收集各類網(wǎng)站板式、色彩、主題等設(shè)計(jì)元素資料，參照受眾心理，并進(jìn)行多方對比整合以及綜合考慮，確定界面設(shè)計(jì)風(fēng)格。

課程網(wǎng)站的主要視覺風(fēng)格將定位在以圖案為裝飾主題，明快簡潔大方為主要設(shè)計(jì)風(fēng)格，網(wǎng)站圖形設(shè)計(jì)的要求就是簡潔、明了的傳達(dá)信息，而不是將其弄的復(fù)雜化、模糊化。這樣的設(shè)計(jì)思路既能抓住“圖案”這一主題，又能體現(xiàn)現(xiàn)代流行的簡約設(shè)計(jì)風(fēng)格。網(wǎng)站以綠調(diào)為主，綠色給人清新、有活力、快樂的感受，符合當(dāng)代大學(xué)生內(nèi)心向上的心理感受，也符合當(dāng)代校園的青春氣息。

（2）總結(jié)此類網(wǎng)站的特點(diǎn)以及最新動(dòng)態(tài)。同類型的網(wǎng)站是否受到受眾的歡迎，是否能有效的對課堂進(jìn)行幫助，是否能提高學(xué)生的學(xué)習(xí)積極性，是否能及時(shí)有效地更新學(xué)業(yè)、行業(yè)信息，是否能有效地促進(jìn)教學(xué)效果的提高，都是在比對同類型網(wǎng)站之后所需要總結(jié)考慮的。在為同類型網(wǎng)站做調(diào)研的時(shí)候，還需要了解網(wǎng)站的信息動(dòng)態(tài)，比對信息的新舊程度，過舊的信息會(huì)讓受眾有網(wǎng)站過期的想法，不利于增加網(wǎng)站點(diǎn)擊、瀏覽量。知己知彼百戰(zhàn)百勝，這是中國一句古話，同樣的也可以用在我們的網(wǎng)站設(shè)計(jì)中。

（3）數(shù)字技術(shù)在網(wǎng)站設(shè)計(jì)與制作中的綜合應(yīng)用。網(wǎng)站設(shè)計(jì)是一個(gè)團(tuán)隊(duì)工作，而制作過程需要統(tǒng)籌安排制作時(shí)間，避免時(shí)間浪費(fèi)。使用各類數(shù)碼軟件對制作工藝進(jìn)行分工，可以有效的提高網(wǎng)站制作效率。同時(shí)多種數(shù)碼技術(shù)手段的綜合運(yùn)用，可使網(wǎng)站在視覺豐富多彩。使用Photoshop設(shè)計(jì)靜態(tài)外觀，使用Visual studio制作網(wǎng)站構(gòu)架，動(dòng)態(tài)信息與靜態(tài)頁面的結(jié)合，使得網(wǎng)站富有節(jié)奏感，也讓整體效果更有趣味性與吸引力。

4.4《圖案設(shè)計(jì)與應(yīng)用》課程網(wǎng)站獲得良好反應(yīng)

《圖案設(shè)計(jì)與應(yīng)用》課程網(wǎng)站正式掛到校內(nèi)精品課程網(wǎng)站中后，獲得了師生們的好評。通過對瀏覽者抽樣調(diào)查，下發(fā)調(diào)查問卷，發(fā)現(xiàn)瀏覽者對于課程網(wǎng)站系統(tǒng)構(gòu)架非常滿意，對其信息的數(shù)量以及信息更新的速度還有待逐步提高。在調(diào)查中發(fā)現(xiàn)，網(wǎng)站能幫助在校學(xué)生了解相關(guān)行業(yè)行情，可以為今后工作目標(biāo)做出良好的參考。對于高校同行，網(wǎng)站提供了橫向參考價(jià)值，在瀏覽過程中，可以了解到學(xué)校教學(xué)資源狀況以及學(xué)生學(xué)習(xí)情況等做為參考，調(diào)整自身相關(guān)計(jì)劃。對于相關(guān)企業(yè)，網(wǎng)站反映了一個(gè)學(xué)校，一個(gè)系部對于教學(xué)的態(tài)度，反映了學(xué)生在校的專業(yè)素養(yǎng)，對于畢業(yè)之后，企業(yè)選聘相關(guān)人才做出了參考信息。

【參考文獻(xiàn)】

第7篇

下面筆者結(jié)合自己的經(jīng)驗(yàn)，談?wù)勅绻岣呔W(wǎng)站訪客轉(zhuǎn)換率。

1、網(wǎng)站是否足夠易用

網(wǎng)站是否足夠易用，簡言之，網(wǎng)站是不是很復(fù)雜，以至于許多訪客進(jìn)入網(wǎng)站，根本就摸不著東南西北，感覺自己是走進(jìn)了迷宮。

筆者建議從以下方面入手：

查看網(wǎng)站導(dǎo)航是否清晰，如果導(dǎo)航不夠清晰，訪客很容易迷失。網(wǎng)站要時(shí)刻提醒用戶自己的位置。

網(wǎng)站結(jié)構(gòu)是否設(shè)計(jì)合理，盡量保持在3層以內(nèi)，既方便搜索引擎，也方便網(wǎng)站訪客，網(wǎng)站結(jié)構(gòu)一定要采用傳統(tǒng)的網(wǎng)站結(jié)構(gòu)，因?yàn)樵S多互聯(lián)網(wǎng)用戶已經(jīng)習(xí)慣了這種傳統(tǒng)的網(wǎng)站結(jié)構(gòu)。

網(wǎng)站顯示超過7秒鐘，據(jù)美國專家統(tǒng)計(jì)，互聯(lián)網(wǎng)用戶在打開一個(gè)網(wǎng)站時(shí)，如果等待時(shí)間超過7秒，大部分都會(huì)直接關(guān)閉網(wǎng)站。如果您發(fā)現(xiàn)首頁瀏覽量很大，跳出率基本是100%，那么有50%的可能是您的首頁打開速度太慢。

網(wǎng)站中關(guān)鍵位置的死鏈接過多，訪客點(diǎn)擊后，出現(xiàn)默認(rèn)404錯(cuò)誤頁面，默認(rèn)404頁面本身就是一個(gè)和訪客不友好的頁面，筆者的建議是，自己做一個(gè)404頁面，真誠的道歉，并且向訪客推薦瀏覽其他頁面。

網(wǎng)站干擾了瀏覽器的倒退功能，如果網(wǎng)站代碼中出現(xiàn)這種干擾瀏覽器后退的代碼，許多訪客想倒退時(shí)，不能實(shí)現(xiàn)，很有可能直接關(guān)閉掉這個(gè)網(wǎng)站。

2、網(wǎng)站設(shè)計(jì)是否合理

許多制作網(wǎng)站的客戶都喜歡把“自以為”的內(nèi)容強(qiáng)加給網(wǎng)站設(shè)計(jì)制作公司，這樣制作出來的網(wǎng)站，難免有些不合理的地方。

檢查網(wǎng)站是否，把最重要的信息埋藏起來，有句俗話：“酒香不怕巷子深”，但是在網(wǎng)站設(shè)計(jì)這一領(lǐng)域“酒香也怕巷子深”。如果網(wǎng)站重要的東西被埋藏了起來，筆者的建議是，在首頁最顯眼的地方，單獨(dú)弄一個(gè)區(qū)域，用來放置這些“好酒”。

網(wǎng)站首頁內(nèi)容相關(guān)度很低，基本上什么內(nèi)容都有一點(diǎn)，但是什么都說不清楚，這是造成許多企業(yè)網(wǎng)站成交量底下的主要原因之一。在設(shè)計(jì)網(wǎng)站時(shí)，一定要站在訪客的角度，不要自以為是，要搞清楚您的訪客來到這個(gè)網(wǎng)站是要干什么！把訪客最想知道的東西早早的擺在訪客面前，才是最明智的。

您的網(wǎng)站設(shè)計(jì)缺乏品牌感，關(guān)鍵詞排名您的網(wǎng)站很優(yōu)秀，網(wǎng)站結(jié)構(gòu)您的網(wǎng)站也很優(yōu)秀，但是您的網(wǎng)站就是缺乏了一種讓人信賴的品牌感，所以訪客不愿意購買您的產(chǎn)品和服務(wù)。在網(wǎng)站設(shè)計(jì)時(shí)一定要用最好的美工，不要讓網(wǎng)站看著平庸。

網(wǎng)站結(jié)構(gòu)不流暢，當(dāng)訪客正在提交訂單時(shí)，突然出現(xiàn)了一個(gè)干擾頁面，以至于訪客不知道，下一步該怎么做。買東西就是買東西，就一定要按照標(biāo)準(zhǔn)流程，不要?jiǎng)硬粍?dòng)半路殺出個(gè)“程咬金”。

3、網(wǎng)站內(nèi)容寫作嚇走了客戶

網(wǎng)站內(nèi)容胡寫亂畫，導(dǎo)致訪客對您的產(chǎn)品和服務(wù)失去了信心。中國就有許多seo極度不負(fù)責(zé)任，轉(zhuǎn)載別人的內(nèi)容就不說了，為了讓自己添加的內(nèi)容更像原創(chuàng)，還去用偽原創(chuàng)工具生成一次，導(dǎo)致文章狗屁不通。

網(wǎng)站內(nèi)容中一定要出現(xiàn)號(hào)召訪客購買您產(chǎn)品獲得服務(wù)的語句，比如：“現(xiàn)在購買我們的產(chǎn)品，打7.5折”等這樣的文字。

訪客查看網(wǎng)站的內(nèi)文是采用掃描的方式，所以網(wǎng)站內(nèi)容頁面，該有的大標(biāo)題，必須有，不要亂七八糟一大堆。沒有分段，也沒有標(biāo)題，是訪客掃描不到自己需要信息的重要原因之一。

網(wǎng)站是用來溝通的，如果訪客需要您回答一些問題，那么您一定要盡全力回答，不要把訪客的提問當(dāng)作沒事發(fā)生，時(shí)間長了，訪客自然而然就不相信您了。

第8篇

關(guān)鍵詞:網(wǎng)站設(shè)計(jì)與制作;模塊化教學(xué);應(yīng)用

一、前言

自進(jìn)入到信息時(shí)代以來，互聯(lián)網(wǎng)領(lǐng)域的迅猛發(fā)展使得社會(huì)對計(jì)算機(jī)人才的需求量劇增，各個(gè)院校對于網(wǎng)站設(shè)計(jì)與制作等課程的教學(xué)也予以了高度的重視；然而，在網(wǎng)站設(shè)計(jì)與制作課程的教學(xué)過程中還存在“重理論，輕實(shí)踐”的問題，而模塊化教學(xué)法的提出與應(yīng)用則有效的提高了教學(xué)有效性。基于此，本文圍繞網(wǎng)站設(shè)計(jì)與制作中模塊化教學(xué)的應(yīng)用這一課題進(jìn)行了淺析，希望為相關(guān)工作的開展提供參考。

二、模塊化教學(xué)法概述

模塊化教學(xué)法指的是將勞動(dòng)力市場需求、崗位職業(yè)操作技能等作為依據(jù)，對教學(xué)內(nèi)容進(jìn)行分析和設(shè)計(jì)，將知識(shí)內(nèi)容按照一定的邏輯關(guān)系劃分成幾個(gè)相對獨(dú)立的教學(xué)模塊，之后根據(jù)不同教學(xué)模塊的教學(xué)目標(biāo)來確定教學(xué)方法、組織形式和考核方式等。與傳統(tǒng)的教學(xué)方法相比較而言，模塊化教學(xué)法具有以下幾點(diǎn)鮮明特征：首先，課程的設(shè)計(jì)以職業(yè)能力作為參考標(biāo)準(zhǔn)；其次，課程結(jié)構(gòu)模塊式；再次，強(qiáng)調(diào)學(xué)生利用理論知識(shí)更好的完成實(shí)踐任務(wù)；最后，理論和實(shí)踐教學(xué)的實(shí)現(xiàn)是建立在具體化的工作任務(wù)布置的層面之上。

三、模塊化教學(xué)法在網(wǎng)站設(shè)計(jì)與制作中的應(yīng)用

1.課堂教學(xué)

在網(wǎng)站設(shè)計(jì)與制作中應(yīng)用模塊化教學(xué)法，其中每個(gè)模塊的教學(xué)流程都包括了明確技能要求、展示網(wǎng)頁效果、操作任務(wù)分析、課堂演示、實(shí)踐訓(xùn)練、總結(jié)歸納等環(huán)節(jié)。課堂教學(xué)是模塊教學(xué)法的重要組成部分，教師需要幫助學(xué)生明確崗位職業(yè)技能要求和教學(xué)目標(biāo)，打破傳統(tǒng)的灌輸式教學(xué)模式，在案例中實(shí)現(xiàn)理論知識(shí)的講授。例如，在開展《頁面布局》這一模塊的教學(xué)時(shí)，教師可以選擇社交網(wǎng)站、購物網(wǎng)站、視頻網(wǎng)站的網(wǎng)頁作為案例，對其進(jìn)行剖析分解，將抽象的理論知識(shí)變得更加具體化，有利于學(xué)生的理解。

2.實(shí)踐教學(xué)

實(shí)踐教學(xué)是應(yīng)用模塊教學(xué)法最為重要的一個(gè)部分，最為常見的方式就是任務(wù)驅(qū)動(dòng)，結(jié)合網(wǎng)站設(shè)計(jì)、制作流程以及及各工序之間的銜接順序來安排教學(xué)流程，教師布置任務(wù)，由學(xué)生進(jìn)行小組合作共同完成，在實(shí)際操作的過程中實(shí)現(xiàn)對知識(shí)的內(nèi)化和技能的加強(qiáng)。

（1）劃分小組

在網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)中，教師可將全班學(xué)生劃分成幾個(gè)小組，每組的學(xué)生人數(shù)應(yīng)在5人左右為最佳，并保證每個(gè)小組中學(xué)生的能力都較為平均，從中選取一名學(xué)生作為組長。

（2）確定任務(wù)

在《網(wǎng)頁制作》這一模塊當(dāng)中，主要包括了文本和圖像、網(wǎng)頁布局、動(dòng)感元素和超級鏈接以及表單網(wǎng)頁等子項(xiàng)目，教師應(yīng)幫助學(xué)生明確其相對應(yīng)的崗位的具體工作內(nèi)容和能力要求，如“文本和圖像”部分的工作內(nèi)容是提供創(chuàng)意文案和符合主題的圖像，要求學(xué)生應(yīng)具有深厚的文字功底和想象力等；在此基礎(chǔ)上，教師為學(xué)生布置任務(wù)，即為一個(gè)購物網(wǎng)站設(shè)計(jì)主頁，小組通過討論確定網(wǎng)頁的風(fēng)格特色等,并由組長組織為每個(gè)成員劃分各自所負(fù)責(zé)的部分。

（3）實(shí)踐操作

小組明確網(wǎng)頁制作的流程，學(xué)生根據(jù)自身的興趣和職業(yè)規(guī)劃選擇負(fù)責(zé)的部分，在此基礎(chǔ)上進(jìn)行實(shí)踐操作；例如，負(fù)責(zé)文字和圖像部分的學(xué)生要提供創(chuàng)意文案，負(fù)責(zé)著色的學(xué)生結(jié)合網(wǎng)頁特征對需用到的色彩進(jìn)行設(shè)定，負(fù)責(zé)二維或三維動(dòng)畫設(shè)計(jì)的學(xué)生運(yùn)用相關(guān)軟件（Flash、AE、Ps等）進(jìn)行動(dòng)畫或場景的制作；整體制作完成之后小組成員對網(wǎng)頁設(shè)計(jì)進(jìn)行分析，對發(fā)現(xiàn)的問題或不足之處予以修整，全部完成之后上傳到班級共享群當(dāng)中。

（4）總結(jié)評價(jià)

每個(gè)小組對設(shè)計(jì)的網(wǎng)站網(wǎng)頁進(jìn)行講解，包括構(gòu)思、主題和意義等，采取小組互評的方式選出優(yōu)秀的作品，對這一小組的學(xué)生給予適當(dāng)?shù)莫?jiǎng)勵(lì)；之后組織學(xué)生進(jìn)行實(shí)踐操作體會(huì)的溝通交流，教師針對學(xué)生操作過程中出現(xiàn)的問題或者是難點(diǎn)部分予以講解，幫助學(xué)生更好的掌握相關(guān)技能，完成模塊教學(xué)目標(biāo)。應(yīng)用模塊化教學(xué)法使得學(xué)生透徹的理解網(wǎng)站設(shè)計(jì)與制作的流程，提高自身技能水平滿足職業(yè)崗位需求。

四、結(jié)束語

綜上所述，模塊化教學(xué)法一方面構(gòu)建了以學(xué)生為主體的教學(xué)模式，培養(yǎng)了學(xué)生的綜合素質(zhì)能力，另一方面還有利于教學(xué)內(nèi)容的更新和教學(xué)效果的優(yōu)化，其在課堂教學(xué)中的應(yīng)用具有重要的意義。網(wǎng)站設(shè)計(jì)與制作是一門實(shí)踐性較強(qiáng)的課程體系，在教學(xué)中應(yīng)用模塊化教學(xué)法，教師應(yīng)該對各個(gè)模塊的相關(guān)知識(shí)內(nèi)容予以深入的挖掘，并將社會(huì)人才需求和專業(yè)技能需求等作為依據(jù)來選擇和設(shè)計(jì)教學(xué)內(nèi)容，同時(shí)實(shí)現(xiàn)理論和實(shí)踐的融合，以此來提高課程教學(xué)的有效性。

參考文獻(xiàn)：

[1]王志敏,劉云翔.模塊化教學(xué)方法在大學(xué)計(jì)算機(jī)基礎(chǔ)課程中的探索與實(shí)施[J].大學(xué)教育,2016,(08):124-126.

[2]吳芳菲,刁志堅(jiān).基于“模塊化教學(xué)法”的《Illustrator平面設(shè)計(jì)》課程教學(xué)改革研究與實(shí)踐[J].電腦知識(shí)與技術(shù)，2015,(05):120-121.

第9篇

根據(jù)專業(yè)培養(yǎng)目標(biāo)及現(xiàn)實(shí)的網(wǎng)站設(shè)計(jì)開發(fā)需求，學(xué)生的知識(shí)能力水平。課程項(xiàng)目規(guī)劃包括:PHP編程基礎(chǔ)、MySQL數(shù)據(jù)庫基礎(chǔ)、Gbook留言板項(xiàng)目、用戶注冊項(xiàng)目、新聞項(xiàng)目及后臺(tái)管理項(xiàng)目。教師把項(xiàng)目設(shè)計(jì)方案下發(fā)給學(xué)生，學(xué)生根據(jù)方案要求，查找資料、搜集素材進(jìn)行網(wǎng)站的設(shè)計(jì)和制作。項(xiàng)目的制作過程涵蓋網(wǎng)站的需求功能分析、數(shù)據(jù)庫設(shè)計(jì)構(gòu)建、用戶留言功能、注冊功能、新聞功能、后臺(tái)管理功能、網(wǎng)站的和維護(hù)等。項(xiàng)目的選取貼近網(wǎng)站開發(fā)實(shí)際，難度適中，圍繞整個(gè)網(wǎng)站設(shè)計(jì)制作的全過程，有助于學(xué)生對網(wǎng)站設(shè)計(jì)開發(fā)流程的理解和實(shí)際開發(fā)能力的提高。

二、課程項(xiàng)目實(shí)施

首先，認(rèn)識(shí)、了解、掌握網(wǎng)站開發(fā)。根據(jù)學(xué)生認(rèn)知程度，老師會(huì)給學(xué)生一個(gè)完整的、功能齊全的PHP動(dòng)態(tài)企業(yè)網(wǎng)站，供學(xué)生瀏覽訪問和管理，學(xué)生在訪問與管理網(wǎng)站的過程中，逐步了解網(wǎng)站的頁面布局、配色搭配、網(wǎng)站的動(dòng)態(tài)功能特點(diǎn)、網(wǎng)站后臺(tái)功能使用。讓學(xué)生先會(huì)使用網(wǎng)站，做網(wǎng)站的管理者，引導(dǎo)學(xué)生思考具體功能如何實(shí)現(xiàn)，使學(xué)生產(chǎn)生認(rèn)知了解的興趣和愿望。結(jié)合Dreamweaver、PHP、MySQL數(shù)據(jù)庫和Javascript腳本等新知識(shí)的講解介紹和示范，通過不同難度的任務(wù)訓(xùn)練，讓學(xué)生在網(wǎng)站項(xiàng)目的設(shè)計(jì)開發(fā)過程中，逐步添加留言功能、注冊功能、新聞功能、后臺(tái)管理功能，由易到難，重點(diǎn)培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力。其次，網(wǎng)站開發(fā)工作室組建。3－5人組成網(wǎng)站設(shè)計(jì)開發(fā)工作室，選出項(xiàng)目組長，由組長負(fù)責(zé)工作室人員分工，也依據(jù)學(xué)生每個(gè)人的特點(diǎn)分組，網(wǎng)站頁面布局設(shè)計(jì)由美工基礎(chǔ)、藝術(shù)表現(xiàn)力好的成員負(fù)責(zé)，網(wǎng)站的程序數(shù)據(jù)處理設(shè)計(jì)由編程思維較好的成員負(fù)責(zé)。工作室成員之間協(xié)作交流，討論溝通，培養(yǎng)團(tuán)隊(duì)合作能力。教師的主要工作是做好監(jiān)督指導(dǎo)工作，督促各網(wǎng)站開發(fā)工作室成員及時(shí)、高效的完成項(xiàng)目實(shí)施中各階段任務(wù)。對于學(xué)生所遇到的問題，教師適當(dāng)?shù)慕o與指導(dǎo)和幫助。最后，項(xiàng)目實(shí)施階段總結(jié)。Gbook留言板項(xiàng)目、用戶注冊項(xiàng)目、新聞項(xiàng)目的各階段實(shí)施過程中會(huì)遇到很多問題，學(xué)生在解決問題、研究問題的過程中，可以學(xué)會(huì)總結(jié)經(jīng)驗(yàn)，互相幫助提高，在項(xiàng)目結(jié)束時(shí)會(huì)有作品展示環(huán)節(jié)，學(xué)生可以取長補(bǔ)短，吸取各自的優(yōu)點(diǎn)，修改自己的網(wǎng)站作品，將網(wǎng)站功能完善，調(diào)試無誤。

三、課程項(xiàng)目評價(jià)

項(xiàng)目化教學(xué)的最后環(huán)節(jié)是進(jìn)行當(dāng)前任務(wù)的評價(jià)總結(jié)，學(xué)生根據(jù)任務(wù)當(dāng)中每組完成的網(wǎng)站作品和每個(gè)成員在小組里的表現(xiàn)進(jìn)行打分評判，教師不僅要在知識(shí)點(diǎn)掌握，網(wǎng)站作品完整度，技術(shù)運(yùn)用，有無創(chuàng)新等方面給學(xué)生評判，還要把每個(gè)學(xué)生在整個(gè)項(xiàng)目中的所有表現(xiàn)，包括在小組內(nèi)角色的分工，工作量，學(xué)習(xí)態(tài)度，協(xié)作能力等多項(xiàng)綜合能力也做為評判的內(nèi)容，最后教師綜合每個(gè)學(xué)生在整個(gè)任務(wù)中的表現(xiàn)進(jìn)行點(diǎn)評。整個(gè)評價(jià)過程，包括小組互評，組內(nèi)評價(jià)，教師點(diǎn)評三項(xiàng)內(nèi)容，重在使每個(gè)學(xué)生成績公平公正。多鼓勵(lì)學(xué)生，讓學(xué)生在后續(xù)學(xué)習(xí)中更加努力，善學(xué)。

四、結(jié)束語