時間：2022-10-25 11:47:05
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇網站設計總結范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
1、頁面風格
離退休工作處網站在色彩的運用上，若整體上以藍色為底，則屬于冷色調為主;而淡黃至橙黃及橙色屬于暖色調，與老年人需要更多的關愛切合。10家網站中，以白色至灰白色為底的網站有4家，以淡黃至橙黃及橙色為底的網站有4家，以藍色為底的網站有1家，以綠色為底的網站有1家。絕大多數高校采用的是暖色調為主的色彩搭配。整體上，這10家網站給人的印象是簡潔明了，重點突出。在一般性的新聞報道中，文字與圖片有機結合在一起，能夠使瀏覽者閱讀起來輕松、不費力氣。調查中，10家網站頁面中的文字部分總體上較多，而圖片部分則顯得相對較少。文字內容的描寫與圖片的展示也比較集中，且相對關聯較緊密，能夠讓網絡瀏覽者一目了然地作出選擇或判斷，是繼續點擊相關內容還是退出該網頁。值得注意的是，有的網站頂部菜單欄上面為閃動播放的Flash插件，其閃動文字為“老有所養，老有所醫，老有所學，老有所教，老有所為，老有所樂，發熱生輝，紅在夕陽”，這些文字較為直觀地揭示了離退休管理工作的宗旨所在。美中不足的是，其文字閃動過程中容易使眼睛產生不舒適感，建議去掉文字在消逝過程中的虛幻變化過程，或降低速度，以便眼睛產生舒適感。南京林業大學離退休工作處網站(tuix-iu．nifu．edu．cn/)以綠色為底，logo為?；?、銀杏的綠葉，“南京林業大學離退休工作處”字樣十分醒目突出。南京大學離退休工作處網站(ltx．nju．edu．cn/)在色彩搭配的處理上較為恰當，以黃色銀杏葉圖案及南京大學標志性建筑為logo圖案，顯得較為醒目。不同的版塊采用了粉紅、綠色等不同程度的色調以示區別，整體上感覺比較適宜老年人閱讀。
2、頁面布局
通過調查發現，10所高校的離退休工作處網站在頁面布局上多采用“同”字型布局或九宮格式布局。“同”字型布局的特點為頁面的頂部為水平放置的主導航欄，其主體網頁部分則一般分為左、中、右3列。九宮格式布局表現在網頁的中間部分具有4個交叉點，構成了視覺中心點，能夠有效地達到傳播重要信息的效果。相對于歐美風格的網站，這些網站在圖片的處理與應用上顯得不夠精致與細膩，能夠與區域的劃分、區塊大小合理搭配的不是很多。究其原因，主要在于網站的設計者一般為各高校網絡中心，或者是外請的社會上的網絡公司，其設計人員對于離退休工作的特點及老年人的需求了解的不是很清晰透徹，往往只滿足于完成任務，只是粗淺地將平臺搭建起來。能夠沉下心來細心打磨，從而使網站的設計做到量體裁衣、滿足離退休人員需求的不多。南京財經大學離退休工作處網站(lgb．njue．edu．cn/)，采用了較為簡單的兩列式框架?？傮w上看，左側近1/4寬度由上而下分別為“最新文章”與“熱門文章”。“友情鏈接”列出了3個鏈接單位，分別為“財大首頁”“中國老年網”“老小孩”。其中，“老小孩”為無效鏈接，點擊后無法找到其鏈接內容。右側一列占寬3/4，分別為“最新文章”“工作動態”“支部工作”“老年社團”“關工委”“重要信息”。其中，內容有部分重疊。南京中醫藥大學離退休工作處網站(ltc．njutcm．edu．cn/)，頁面整體上較為細膩，色調偏暖色。其欄目似由上而下分行之感，并且采用了復合式顯示不同欄目的內容。如“近期新聞”與“通知公告”并列，“工作動態”與“政策法規”并列，“黨建生活”與“新聞簡報”并列，“圖片薈萃”與“活動中心”并列在一起。雖有時感覺不習慣，但鼠標在上面接觸后立即出現相應的文字內容，且速度較快，故并無不適之感。南京工業大學離退休工作處網站(ltx．njut．edu．cn/)，圖片與文字分區域顯示。中間占據1/2面積的一列自上而下有“動態信息”“銀發廣場”“精彩瞬間”3個欄目。其中，“精彩瞬間”因其中圖片自右往左移動，速度過快，瀏覽者會有眩暈的感覺。建議將閃動的速度調慢，以便給閱讀者或觀看者以美和舒適的享受，否則他們便會因眼睛不適而迅速地關掉該網頁。
3、頁面執行速度
整體上感覺頁面執行速度較快。因為這些高校離退休工作處網站或是建站時間不長，或是總體信息量不夠大，往往只是高校網站的一個組成部分，故在點擊后，網絡速度均較快，能夠即時出現需要的內容。在網站布局設計上，基本采用文字與圖片的簡潔搭配，且長文不多，往往呈簡單明了狀，在圖片分辨率與大小的處理上也不夠細膩。故快速與簡潔為高校離退休網站的共性風格。值得一提的是，由于網絡管理跟不上，或者因網絡改版等原因，經常會出現一些網絡鏈接為無效鏈接、圖片無法顯示或不存在等現象，網管人員及主要負責人要及時跟進維護。
4、是否應用單獨色塊對區域及重點內容進行劃分
綜觀這些高校離退休工作處網站，大多沒有采用明顯的、單獨的色塊對區域及重點內容進行劃分。取而代之的是，使用不同的欄目區分不同的區域布局，且在色彩方面做到了過渡自然，瀏覽者并未在視覺上產生審美疲勞。歐美一些網站的設計師，除了注重基礎底色的運用，往往也會運用一些色彩鮮艷、表現強烈的顏色到網站設計中，達到刺激瀏覽者感官的效果。與之相比，這些高校離退休工作處在網站設計之前，可以考慮這方面的因素，向設計師提出這方面的要求，從而達到較強的視覺感受力和較好的網絡傳播效果。目前，一些高校的離退休工作處網站已經有意或無意地加入了這個元素，使得網站更具視覺沖擊力，更能吸引瀏覽者的眼球。如南京林業大學離退休工作處網站，將“江蘇省離退休干部之家網上服務平臺”作為一個圖標放在明顯位置，其色彩較為鮮艷奪目，達到了吸引眼球的效果。南京大學離退休處網站采用不同的色塊以示區別。“管理系統”采用不同的色塊放于左側中間位置，便于網站瀏覽者注冊、上網、管理等之用，還能夠吸引讀者注冊，并在以后日常生活中隨時上網瀏覽該網頁。南京理工大學離退休處網站(ltx．njust．edu．cn/)，局部小區域采用了紅黃相間的色塊以示區別。如將“江蘇省離退休干部之家網上服務平臺”的標塊放在了右下角，較為顯眼，可以讓瀏覽者產生點擊進入的想法，從而起到了吸引讀者和宣傳的作用。河海大學離退休工作處網站(ltxc．hhu．edu．cn/)，“最新動態”與“通知通告”2個版塊均采用統一的醬紅色顯示標題10多行。從總體上看，分為3列。左側一列由上而下為“最新圖片新聞”“老年相關網站鏈接”及“生活指南”欄目。中間一列重點突出“最新動態”與“通知通告”內容。右側一列則為“信息欄”“在寧部分高校鏈接”“學校相關部門鏈接”以及“老齡園地”等內容。從所占面積比例看，兩側各占1/4，中間一列占1/2。從色塊搭配方面看，缺乏精細加工與色彩的和諧美感。南京師范大學離退休工作處(黨工委)網站(ht-tp://ltx．njnu．edu．cn/)雖然未采用明顯單獨色塊對區域及重點內容進行劃分，但使用不同的欄目區分不同的區域布局，且在色彩方面做到了過渡自然，使瀏覽者不會產生視覺上的審美疲勞。南京工業大學離退休工作處網站，因整體上以橙色為底板，故在分區上，采用了更深的橙色以示區別，給瀏覽者較為明顯的夕陽紅的感覺。瀏覽者一進入網站便會被其所播放的《夕陽紅》歌曲所“繚繞”，由于不能夠控制該歌曲的播放與暫停，時間停留稍長便會產生想逃跑的感覺，不利于瀏覽者在該頁面的停留，建議網絡管理者采用技術手段，在顯示頁面上增加選擇按鈕，讓瀏覽者可以選擇收聽或者不聽。
5、藝術字體的設計及應用
一些國際知名企業或大公司的網站，往往會使用企業名稱或其縮寫作為標志，或者在其廣告中使用其產品以及宣傳理念的標題性文字或者文字縮寫，從而取得較好的傳播效果。整體上看，這些高校離退休工作處網站的設計缺乏這方面的意識以及手段。在實際的工作中，應該與國際接軌，充分借鑒國際上一些好的做法，設計并利用藝術性字體，從而達到極佳的效果。
二、結論與討論
結合當前工作需要，的會員“莆陽仙仙”為你整理了這篇政府網站及政務新媒體建設工作總結和2021年度工作計劃范文，希望能給你的學習、工作帶來參考借鑒作用。
【正文】
根據《壽縣人民政府辦公室關于印發2020年度縣政府網站及政務新媒體建設績效考核細則的通知》（壽政辦秘〔2021〕1號）文件要求，結合本單位實際，現將我局2020年度政府網站和政務新媒體建設工作總結如下：
一、工作建設情況
我局狠抓信息公開工作，不斷規范信息公開內容，創新信息公開形式，突出信息公開重點，提高信息公開水平，取得了新成效。
一是加強組織領導。我局成立了由局長任組長、分管副局長任副組長、各股室負責人為成員的縣政府網站及政務新媒體建設領導小組，局辦公室負責日常事務。主要負責人為網站及政務新媒體建設工作第一責任人，分管網站建設工作的班子成員是具體組織實施的責任人，其他班子成員是各自崗位分管工作范圍內網站及政務新媒體建設工作的直接責任人。
二是規范運作，提高質量。認真抓好《中華人民共和國政府信息公開條例》的宣傳貫徹落實工作，全面梳理我局政務信息，接受社會和公眾的監督，做到規范化、系統化、全面化地公開政府信息，為政務服務工作提供強有力地保障。
三是重視監測，加強整改。一是根據省、市、縣對我局政務公開網的普查檢測結果，及時完成局網站等級保護安全測評和整改工作；二是完善信息公開保密審查制度，按照“誰提供、誰審核、誰負責”的原則審核后公開。三是加大對政務公開工作的督查力度，辦公室定期對各部門政府信息公開工作開展情況進行檢查，確保我局政務網站在上級檢測抽查中合格。
四是健全工作機制，落實公開要求。進一步完善縣政府網站及政務新媒體建設，建立健全壽縣住房和城鄉建設局政務公開制度、壽縣住建局信息依申請公開制度等。完善公開信息的完整、及時更新完善信息公開內容以及制定了信息報送制度和信息報送任務分解表以便按時上傳政府工作動態。
二、存在問題和下一步計劃
（一）存在的問題
2020年,我局政務公開工作取得了一定成效，但還是存在著一些不足：一是機關各股室、局屬各單位對政府信息公開的認識不足，重視還不夠，不能及時將本科室的相關信息迅速地報送公開；二是重點領域信息重大建設項目全生命周期公開信息的內容不夠充實，有待提升；三是信息公開質量有待進一步提升，亟需細化，做精做細。
（二）下一步計劃
下一步，我局將進一步提升信息公開工作成效：一是加強信息員隊伍建設，進一步強化信息工作制度的落實，確保信息公開及時、準確、規范。二是結合自身職能和工作實際，圍繞與群眾利益相關、關注程度高的重點領域，進一步加大重點工作執行情況公開。三是進一步提高信息報送的質量，做好信息的收集、整理工作，努力提供有情況、有分析、有深度、有建議的高質量信息。
關鍵詞：信息產業；網站設計；網站實現；JavaScript
武漢信運通信息產業有限公司是一家專業提供物流行業信息化及其他集成服務于一體的高新企業。信運通信息產業有限公司之前使用的網站存在版式老套、網頁布局混亂等問題。通過對公司的現有業務內容、企業網站目標用戶、企業網站設計策略進行分析和總結，綜合應用AdobePhotoshopcs6、PS軟件和AdobeDreamweavercs6軟件，采用HTML和DIV＋CSS搭建網站的基本框架，通過Javascript語言來實現網站的動態效果。最終實現了網站規劃、界面設計、網站制作及網站測試，達到了預期的效果，提升了用戶的體驗，進而為中小型信息服務類企業網站設計與實現提供了參考和借鑒價值。
1網站設計思路
在分析研究和實踐基礎上，對整體設計流程進行梳理，得出網站的設計思路（見圖1）。（1）對公司現有產品、主要服務、合作伙伴、企業相關介紹等需要通過網站向目標群體進行展示的相關信息進行梳理。（2）通過對目標群體的受教育程度、瀏覽網站的習慣、對網站不同信息的關注度以及其對企業網站設計的影響進行分析，從而確定網站的設計框架、展示形式與風格。（3）通過瀏覽大量的企業網站并進行深入細致的分析，從而歸納總結出企業網站設計的策略，為后期良好的企業網站設計做好準備。（4）根據前期的調查、分析、總結，進行網站架構的初步設計以及網站界面的詳細設計。（5）根據設計出來的網站界面，進行網站界面的代碼實現。在制作完成后根據需要進行網站的測試。（6）對設計制作出來的網站進行總結，發現網站設計與制作過程中的不足以便后期加以修整。
2網站設計分析
2．1用戶分析
在對公司業務內容進行梳理后，明確了其網站用戶群。下面將針對用戶群體進行分類分析。（1）中小型物流企業。通過與相關人員交流，了解到針對物流信息服務企業網站需要展示以下內容：產品與服務的相關介紹、物流行業與公司的新聞動態以及老客戶使用公司產品與服務的效果。對于網站的展示效果，他們更傾向于布局相對簡單、易于瀏覽、便于獲取到關鍵信息。（2）合作伙伴與投資人。通過對信運通公司向合作伙伴與投資人展示的PPT內容進行分析，可以總結出公司主要想向投資人和合作伙伴傳達以下信息：公司的簡要介紹、市場機會、現階段經營的產品及服務、自身發展的優勢、企業未來發展規劃以及合作伙伴合作、投資人投資帶來的互惠互利及其良好的預期。（3）其他用戶。除了物流服務企業、合作伙伴與投資人以外，網站的常見用戶還有政府機構、應聘者及不定人群。這些用戶在瀏覽網站時，主要會對網站的風格、公司的介紹、企業文化、企業發展狀況、公司現階段經營的產品與服務以及近期的招聘職位感興趣。
2．2內容分析
在完成前期的調查與梳理以及對網站用戶群體進行研究后，企業網站的內容暫定為以下7個模塊，具體內容如下：（1）網站首頁。網站首頁主要內容有企業LOGO、展示企業理念的輪播圖、網站導航、公司產品及服務、公司簡介、新聞動態以及服務聯系方式和APP下載區。（2）產品展示。產品展示模塊主要包括公司的現有產品－－物流業務管理系統、物流公共服務平臺、物流聯盟管理系統、第三方物流管理系統以及手機APP。（3）服務介紹。主要包括公司現階段對外提供的在線金融、在線投保、市內配送、GPS定位、園區WIFI服務。（4）成功案例。向意向客戶或者潛在客戶展示公司的產品和服務在推廣過程中的成功案例。（5）加盟合作。一方面通過展示公司現階段已經與哪些類型的機構展開合作關系從側面彰顯公司的實力。另一方面可以讓潛在的加盟商、投資人知曉公司的加盟合作以及吸納投資的意向。（6）新聞動態。新聞動態模塊主要包括行業新聞和公司新聞。（7）關于我們。關于我們模塊主要包括公司簡介、發展歷程、企業文化、聯系方式、加入我們。
3網站設計制作
3．1網站結構規劃
經過網站設計分析，得出公司網站界面設計的具體結構（見圖2）。由于這些中小型物流公司使用系統時間較短，能夠作為成功案例進行效果展示的公司并不多，因此在網站制作時先將此模塊去掉。
3．2網站界面設計
3.2.1網站首頁設計
網站首頁能夠讓瀏覽者在第一時間內領略到企業特色所在。網站首頁PS效果如圖3所示：在網站首頁的頁眉位置，左側放置了公司的LO-GO。在頁眉的右側設置了“添加到桌面”快捷方式。在頁眉的中部，設置了網站的導航。為了提高網頁字體的辨識度與界面整潔，整個網站除了特殊需要都采用微軟雅黑字體。導航欄采用了鼠標懸浮的效果。當鼠標移動到相應的模塊時，相應的文字由黑色跳轉為紅色，下方懸浮顯示具體的子目錄。首頁Banner不僅需要體現企業的高端、大氣，同時還要展示物流信息化服務的愿景，并符合整體的頁面設計。Banner的下方是產品展示區，展示公司現階段的主要產品—“好運通”物流業務管理系統、物流公共服務平臺、物流聯盟管理系統、第三方物流公共服務平臺以及手機APP。整個產品展示區域只顯示3個產品，其他產品以輪播圖的形式呈現，當用戶點擊左、右移動按鈕，圖標會根據用戶的操作向左或向右移動出隱藏的產品圖標。產品展示的下方是兩欄信息欄，分別放置公司簡介和新聞動態。以便訪客第一時間對公司有簡單的了解，同時獲取相關的新聞動態信息。接下來是優質服務展示欄，在這一信息欄，針對每一項服務都設計了相應的圖標以便對服務進行形象的展示?？紤]到公司后期還會推出其他的服務，在優質服務欄同樣采用了輪播的效果，當訪客想要對服務進行了解時，只需鼠標單擊圖標或者對應的文字即可進入相應的頁面。在網站首頁的底部是網站的版權信息、公司名稱以及公司的聯系電話。為了使整個網站顯得不沉悶，同圖4其他頁面PS效果圖時又能跟整個網站的風格協調，在底部的設計上選用了姜黃色作底色，字體用白色。在網站首頁的右側固定了一個信息框，上面展示有公司的客服電話、客服QQ以及手機APP二維碼。此模塊將作為公司聯系方式的展示區，在整個網站的各個界面都會出現。
3.2.2其他界面設計
為了簡化整個網站的制作流程，同時保證網站風格的統一以及實現便于訪客瀏覽的目的，網站的其他界面（除了網站首頁以外的所有界面）的頁眉、Banner（其他界面的Banner沒有輪播效果，只是選取了網站首頁Banner輪播圖的一張圖片）以及網頁底部均與網站首頁的設計形式保持高度的一致。
3．3網站代碼實現
選擇AdobeDreamweavercs6作為網站代碼編寫軟件，采用HTML、DIV＋CSS和Javascript語言來實現網站。下面將選擇幾個具代表性的功能模塊進行說明。
3.3.1網站頁眉
網站的頁眉包括LOGO、導航和微信二維碼三部分，這三部分的排列主要通過float屬性來實現，各個模塊的具置則需要通過設置margin值的大小來實現，使用width屬性控制頁眉寬度。公司LOGO的排列需要通過src屬性將處理好的圖片引入即可。網站的導航部分是頁眉部分的難點，它主要通過＜ul＞＜li＞＜／li＞＜／ul＞來實現文字的排列，通過display屬性實現二級導航的顯示與隱藏，通過偽類hover實現鼠標懸浮時的文字變色。微信公眾平臺二維碼部分則是先通過DIV＋CSS實現圖標的排列，再通過引入的JS代碼實現鼠標的懸浮效果。
3.3.2首頁
Banner網站首頁的Banner部分有兩張宣傳企業文化的圖片交替輪播，為了實現較好的圖片輪播效果，需要有JS代碼作為支撐。
3.3.3“優質服務”
先通過DIV＋CSS將優質服務的五個服務內容以及進行左右切換的圖標進行排版，再借助JS代碼進行動態效果的實現。
3.3.4網頁右側信息框
網頁右側的信息框主要有服務熱線電話、客服QQ以及手機APP下載三個模塊。這三個模塊均是采用DIV＋CSS進行布局，具體的每一個模塊則是通過float屬性與margin屬性進行控制。
3.3.5公司新聞模塊
公司網站的新聞展示模塊主要采用了table表格進行布局，在后期新聞條目較多、一個頁面的展示效果不好時，就要考慮到新聞頁面的翻頁問題，需要通過JS代碼來實現每個頁面新聞條數多少以及上下頁的翻轉。
4網站測試
網站測試作為網站設計與制作的最后一個環節，它對網站設計與制作的質量有較大影響，在測試時，主要針對靜態網站可能存在的問題進行了測試。
4.1鏈接測試
此次的網站鏈接測試主要針對以下三個方面：①測試網站上頁面的所有鏈接是否依照設計思路鏈接到了正確的頁面；②測試鏈接所指向的網站頁面是否存在；③測試整個網站沒有孤立的頁面，即每一個界面都應當有鏈接指向。
4.2瀏覽器測試
用DIV＋CSS制作網頁時，需要測試瀏覽器兼容，在測試時主要針對以下瀏覽器進行了測試：IE瀏覽器、火狐瀏覽器、360極速瀏覽器、360安全瀏覽器、谷歌瀏覽器和搜狗瀏覽器，測試結果通過。
5結語
本文設計并實現了信運通信息產業有限公司的網站，整體設計制作效果較好，滿足了公司的網站建設需要，得到了公司的認可，后期需要在代碼的簡潔性上進行改進。
作者:劉明義 李保林 曹青青 單位:1.河南城際鐵路有限公司 2.湖北汽車工業學院經濟管理學院
參考文獻
1李兆明．商業網站設計與制作［D］．成都：電子科技大學，2013
2高原．服務器端javascript技術研究［J］．信息與電腦（理論版），2012（1）
關鍵詞：網站設計；課程改革；內容優化
中圖分類號：TP393.09 文獻標識碼：A 文章編號：1009-3044（2016）17-0100-02
1 引言
“網站設計”是使用標識性語言，通過一系列策劃、設計、建模、優化、開發步驟產生網站，最終以圖形用戶界面的形式展現給用戶[1]。在計算機相關學科的教學中，網站設計課程是一門重要的專業課，其知識多、操作性強、課程難度較大[2]。
當前，各院校普遍開設了網站設計類課程，但是在其教學過程中，我們發現學生內驅力較弱、動手能力有限、學習主動性較差、動手能力不足、橫向競爭力差等問題[3]。考慮到目前社會上對網站設計人員的需求，我們認為改革現有教學模式、提高學生實踐能力、增加職業競爭力等，是亟須解決的問題。因此，對“網站設計”相關類課程進行改革勢在必行。
2 文獻綜述
目前對網站設計類課程的改革研究體現在很多方面，例如：任鎖平 [4]基于搜索引擎優化的視角下，探析教學資源網站設計策略。分別從策劃層次、開發層次、界面設計層次、維護層次四個方面闡述了教學資源網站設計的策略。榮益 [5]從信息技術課程教學網站的需求分析與功能定位以及信息技術課程教學網站的內容設計兩方面探討了信息技術課程教學網站設計實現。張慧麗 [6]將Moodle平臺應用到《網站設計與制作》課程教學中，采用問卷調查法對Moodle平臺應用教學效果進行了分析。楊銘 [7]介紹了如何基于項目化實現網站設計與開發課程的教學內容，并總結了課程的特色與創新點。章早立 [8]討論了基于“分層分類”理念的高職《網頁制作與網站設計》課程教學新模式探究。郝靜 [9]通過對近年來教學過程中課程教學模式的研究、教學方法和手段的改革的探討，闡述如何在該課程中實現工作過程系統化的"教學做"合一。楊敬飛 [10]以文化洛陽網站的設計為例，講述了如何在網頁設計課程中應用項目教學法，將教學內容和教學目標巧妙地包含于項目設置之中。
然而，上述論文并沒有從課程的內容結構上進行優化。“網站設計”課程的難點在于內容多而碎，需要較多的先修課程知識。本文擬從課程設置的角度出發，深入探討如何設計該課程的內容，并以本人就職南京師范大學中北學院以來的教學經驗，匯報作者對網絡設計課程的授課計劃。
3 方法
傳統的“網站設計”類課程，僅包含基礎的HTML語言、JavaScript語言、CSS+DIV、圖像處理、動畫制作。選取的軟件僅包括網頁三劍客之一與Photoshop的搭配處理。然而我們認為上述授課內容過于陳舊、沒有緊跟前沿、缺少及時更新。為此，作者設置授課計劃如表 1所示。
4 結果
實驗對象選擇南京師范大學中北學院2011級某班。通過問卷調查方式對改革前后的教學效果進行調查，共發出問卷33份，回收問卷33份，其中有效問卷32份，有效率96.97%。對回收的問卷通過Excel進行統計處理。表 2給出分析結果。
5 討論
表 2可見，課程改革后，大部分學生認為新的課程知識面更廣、內容更新穎、更適合自學、能提高學習效率、可激發想象力、使課堂變得更加有趣、并能推動學生課后學習。因此，我們認為對“網站設計”教學內容的重新規劃是成功的。需要注意的是，新的課程內容需要至少72學時。對某些院校，教師反映僅分配36學時給“網站設計”課程，這種情況下本文提出的新的授課計劃并不適用，需要進行刪減。
6 結論與展望
本文通過提出了一種針對“課程設計”的授課內容改革探索，經過問卷調查證實其有效。下一步我們將要收集學生考試成績，對其進行量化分析。此外，可以考慮引入雙語教學[11]，以及將其他程序語言例如Matlab[12]嵌入到課程設計中去。
參考文獻：
[1] 胡珍新. 基于計算思維的網站設計教學研究[J]. 計算機教育， 2014（20）：56-58.
[2] 費麗君. 基于JSP的農業院校的大學計算機基礎教學網站設計研究[J]. 安徽農業科學， 2014，42（7）：2176-2177.
[3] 田久樂. 淺談獨立院校電子商務網站設計課程教學改革[J]. 中小企業管理與科技， 2014（13）：288-289.
[4] 任鎖平. 搜索引擎優化視角下教學資源網站設計策略[J]. 自動化與儀器儀表， 2014（6）：194-196.
[5] 榮益. 探討信息技術課程教學網站設計[J]. 計算機光盤軟件與應用， 2014，17（18）：222-222.
[6] 張慧麗. 基于 Moodle平臺的《網站設計與制作》教學應用研究[J]. 軟件導刊教育技術， 2014，13（3）： 29-30.
[7] 楊銘. 基于項目化教學的網站設計與開發課程改革探索[J]. 學園， 2014（36）： 21-22.
[8] 章早立. 基于“分層分類”理念的高職《網頁制作與網站設計》課程教學新模式探究[J]. 福建電腦， 2014，30（8）：146-147.
[9] 郝靜. 學習領域課程教學模式和方法的研究――以動態網站設計與制作課程為例[J]. 湖北工業職業技術學院學報， 2014，27（2）：93-95.
[10] 楊敬飛. 項目教學法在藝術設計專業網頁設計課程中的應用實踐――以文化洛陽網站設計為例[J]. 美術教育研究， 2014（5）：122-124.
（1）針對靜態頁面的合理布局。對于靜態頁面的合理布局采用的是Dreamweaver軟件來完成。這種軟件是將網頁制作與網站管理集中在一起的網頁編輯器。其授課的主要內容包括了：框架、語言基礎、樣式表、表格、超鏈接、庫、模板、層以及表單等。（2）網頁藝術的設計基礎。在學生掌握了一些基本的理論知識后，教師可以適當的開設計算機網站設計課程。為了保證學生能夠更好地掌握基本的網站設計技巧，學會配色方案以及版面構成等多方面的內容，教師可以通過講解計算機網站建設內容，讓學生對網站設計有一個初步的理解。（3）網站的綜合實訓。這主要包括了：旅游類的網站設計和制作、個人類的網站設計和制作、商業類的網站設計與制作、體育類的網站設計和制作以及政府類的網站的設計和制作等多方面的具體內容，學生經過對這內容的學習，使其具備了設計簡單網站的技能。
二、計算機網站建設實踐課程的教學改革
2.1改革教學方式計算機網站建設實踐課程教學在設計模式方面，注重“工學結合”以及“校企共建”。計算機網站建設實踐課程是以5個企業真實項目將本課程的內容進行有機組合，利用的是案例教學、模擬教學、項目教學、情境教學以及崗位教學等多種教學方式，以經典的板書、PPT多媒體電子課件以及實物投影等多種教學方式作為輔助手段，在局域網條件下，能夠實現教學資源的共享，也能夠增進師生之間的交流互動。利用邊實踐邊學習、在學習中參與實踐等多種方式，將理論知識與實踐有機結合，不斷強化學生的計算機專業技能，培養學生的綜合能力與專業素質女，從而從本質上實現“教”、“做”、“學”三者的一體化，進而達到學校課堂學習與社會工作崗位接軌的目的[3]。2.2改革教學考評模式計算機網站建設實踐課程是以真實的項目作為教學載體，知識結構主要是為崗位任務要求所服務的，在實際的課程教學過程中，教師需要一職業標準作為教學依據，靈活運用各種教學方式以及知識的呈現模式，從而更好的激發出學習對計算機網站建設實踐課程學習的興趣。教師還需要要求學生能夠主動參與信息的采集、社會調查等各項項目的拓展工作，并圓滿完成教師布置的任務。在考核學生對計算機網站建設實踐學習情況的過程中，可以靈活利用以下三種模式進行考察。其一，上機操作與筆試相結合的考察模式；其二，學生互查、自我考察與教師考察相結合的模式；其三，學習過程考察與結果考察相結合的模式。
三、結語
【關鍵詞】課程網站；網站設計；應用實例
1、網站設計概念和內容
當今世界已經走入了一個信息爆炸式發展的時代，各種科技產品與各種媒體平臺相互搭配合作，帶給人們越來越便捷、快餐化的生活。人們通過最常使用網絡類媒體了解事實，在一個房間里就能輕松達到“足不出戶知天下”。
網站是網絡媒體的信息平臺，是展示政府、企業、機構、產品、學校、等的網絡窗口。在網站設計的時候，必須有明確的網站主題、站點目的和用戶需求。在了解情況之后，設計師根據受眾需求、市場狀況以及網站所有者自身情況綜合分析研究，以受眾人群為中心對網站進行規劃設計。
2、網站設計的基本法則
網站設計就是依據網站宗旨，把造型、結構、信息、色彩等視覺元素有機地統一在網站中，并對網站風格等進行整體設計。根據藝術歷史學家邁爾?夏皮羅的觀點，風格是“某個個人或群體的藝術作品經久不變的形式，有時則是持久不變的要素和表現”。其目的主要是利用造型的原則和規律，合理的分配和排列文字、圖形等視覺元素，以便準確、系統、有效地傳達信息。
3、網站設計目標與用戶的需求
在設計規劃網站之前，我們需要考慮五點。①網站的建設目的是什么？②網站的主要受眾人群是針對哪一類？③網站能為受眾提供什么？④網站適合什么樣表現方式？
以《圖案設計與應用》課程網站為例：（1）網站的建設的主要目的是通過網絡宣傳、展示《圖案設計與應用》課程內容，同時讓課程受眾人群能在網上接受課外教育。（2）《圖案設計與應用》課程網站的受眾群體則是在校藝術類大學生以及高校專業老師。（3）課程網站提供課程教學相關參考資料，展示課程工學結合成果，建立師生作品展示平臺以及教學互動。（4）課程網站的受眾多數為在校藝術類大學生，這類人群對網絡有很強的依賴性，喜歡輕松、明快、簡潔、個性的藝術風格。課程網站在設計上需要迎合這些特點。
首先，在外觀上需要采用簡潔明快的主題設計方案，盡可能減少繁復累贅的設計，使網站在視覺效果上富有朝氣。然后，在版式上需要合理布局，年輕的視覺心理特征，布局必須能清晰表達主題以及資料分布，使其能讓瀏覽者觀看方便，容易被吸引。其次，色彩也是網站的重要視覺要素之一，在色彩的選擇上，第一看的是網站主題，第二則是受眾色彩心理。適當的色彩對比以及一些留白與色彩間隔等不同的色彩穿插方式，可以充分的表達網站的思想內涵意境。再次，人性化的界面設計需求，也在隨著受眾人群的素質提高而增加，所以人性化設計是在設計中對人的心理生理需求和精神追求的尊重和滿足，是設計中的人文關懷，是對人性的尊重。
4、課程網站界面設計相關數碼技術的應用分析
4.1課程介紹
《基礎圖案》課程作為桂林旅專視覺藝術系的基礎設計課程，始于1988年，最初作為旅游工藝品設計專業的專業基礎課程進行開設。隨著系部專業的拓展、完善與更新，《基礎圖案》更名為《裝飾圖案》，并成為裝飾藝術設計、公共藝術設計等多個專業的專業基礎必修課之一。
2009年，《裝飾圖案》通過校級評審，成為校級精品課程。在之后的教學中，課程名稱更名為《圖案設計與應用》，并進行了一系列教學改革，構建新型課程體系。《圖案設計與應用》是一門建立在造型學和色彩學基礎上，連接藝術類基礎課程和設計課程的橋梁課程。本課程以圖案設計與應用的一般工作流程為主線，著力從圖案的理論基礎、圖案的設計實踐與圖案的應用拓展等三大模塊出發，圍繞著五個教學情境來培養學生的良好圖案審美素養、高超的圖案藝術表現及綜合職業能力，以適應不斷發展的行業崗位要求。
4.2課程網站設計目標
《圖案設計與應用》課程網站是展示課程教學的一個直觀窗口。在這門網站的建設中，要做到以下幾點：
（1）網站界面能有效地展現“圖案設計”這一主題內容，讓瀏覽者在觀看網站界面的同時就能認同了解《圖案設計與應用》這門學科的概況。
（2）《圖案設計與應用》網站中含有豐富的信息資料。豐富的各類相關資料應當滿足課堂內外的相應的知識、技能以及學科參考與補充幫助，從網絡上拉近學生與課堂的距離。
（3）通過瀏覽網站，受眾在瀏覽網站的過程中對《圖案設計與應用》這門課程有一個全面的認識，并讓其對網站有深刻的印象。與此同時，在網站中還需要表現桂林旅游高等?？茖W校視覺藝術系在課程教學中的教學理念，讓更多的瀏覽者了解課程的重要性，認可課程教學方式。
課程網站設計突出藝術性、助學性和互動性。通過網上豐富的教學資源、課程論壇、課程知識庫、課程練習、課程評價等欄目為學生的自主性學習搭建了一個信息化平臺，充分發揮了現代化教學手段在教學中的作用。同時，學生可以在網上通過在線交流進行學習探討，互動性強，有利地促進了教與學的改革，促進了教學效果的進一步提高。
4.3課程網站制作過程
（1）溝通與資料收集是網站設計的第一步。在《圖案設計與應用》課程網站中，首先要與課題小組人員溝通，了解網站所表達的課程內涵，以確定界面設計指導思路。收集各類網站板式、色彩、主題等設計元素資料，參照受眾心理，并進行多方對比整合以及綜合考慮，確定界面設計風格。
課程網站的主要視覺風格將定位在以圖案為裝飾主題，明快簡潔大方為主要設計風格，網站圖形設計的要求就是簡潔、明了的傳達信息，而不是將其弄的復雜化、模糊化。這樣的設計思路既能抓住“圖案”這一主題，又能體現現代流行的簡約設計風格。網站以綠調為主，綠色給人清新、有活力、快樂的感受，符合當代大學生內心向上的心理感受，也符合當代校園的青春氣息。
（2）總結此類網站的特點以及最新動態。同類型的網站是否受到受眾的歡迎，是否能有效的對課堂進行幫助，是否能提高學生的學習積極性，是否能及時有效地更新學業、行業信息，是否能有效地促進教學效果的提高，都是在比對同類型網站之后所需要總結考慮的。在為同類型網站做調研的時候，還需要了解網站的信息動態，比對信息的新舊程度，過舊的信息會讓受眾有網站過期的想法，不利于增加網站點擊、瀏覽量。知己知彼百戰百勝，這是中國一句古話，同樣的也可以用在我們的網站設計中。
（3）數字技術在網站設計與制作中的綜合應用。網站設計是一個團隊工作，而制作過程需要統籌安排制作時間，避免時間浪費。使用各類數碼軟件對制作工藝進行分工，可以有效的提高網站制作效率。同時多種數碼技術手段的綜合運用，可使網站在視覺豐富多彩。使用Photoshop設計靜態外觀，使用Visual studio制作網站構架，動態信息與靜態頁面的結合，使得網站富有節奏感，也讓整體效果更有趣味性與吸引力。
4.4《圖案設計與應用》課程網站獲得良好反應
《圖案設計與應用》課程網站正式掛到校內精品課程網站中后，獲得了師生們的好評。通過對瀏覽者抽樣調查，下發調查問卷，發現瀏覽者對于課程網站系統構架非常滿意，對其信息的數量以及信息更新的速度還有待逐步提高。在調查中發現，網站能幫助在校學生了解相關行業行情，可以為今后工作目標做出良好的參考。對于高校同行，網站提供了橫向參考價值，在瀏覽過程中，可以了解到學校教學資源狀況以及學生學習情況等做為參考，調整自身相關計劃。對于相關企業，網站反映了一個學校，一個系部對于教學的態度，反映了學生在校的專業素養，對于畢業之后，企業選聘相關人才做出了參考信息。
【參考文獻】
下面筆者結合自己的經驗，談談如果提高網站訪客轉換率。
1、網站是否足夠易用
網站是否足夠易用，簡言之，網站是不是很復雜，以至于許多訪客進入網站，根本就摸不著東南西北，感覺自己是走進了迷宮。
筆者建議從以下方面入手：
查看網站導航是否清晰，如果導航不夠清晰，訪客很容易迷失。網站要時刻提醒用戶自己的位置。
網站結構是否設計合理，盡量保持在3層以內，既方便搜索引擎，也方便網站訪客，網站結構一定要采用傳統的網站結構，因為許多互聯網用戶已經習慣了這種傳統的網站結構。
網站顯示超過7秒鐘，據美國專家統計，互聯網用戶在打開一個網站時，如果等待時間超過7秒，大部分都會直接關閉網站。如果您發現首頁瀏覽量很大，跳出率基本是100%，那么有50%的可能是您的首頁打開速度太慢。
網站中關鍵位置的死鏈接過多，訪客點擊后，出現默認404錯誤頁面，默認404頁面本身就是一個和訪客不友好的頁面，筆者的建議是，自己做一個404頁面，真誠的道歉，并且向訪客推薦瀏覽其他頁面。
網站干擾了瀏覽器的倒退功能，如果網站代碼中出現這種干擾瀏覽器后退的代碼，許多訪客想倒退時，不能實現，很有可能直接關閉掉這個網站。
2、網站設計是否合理
許多制作網站的客戶都喜歡把“自以為”的內容強加給網站設計制作公司，這樣制作出來的網站，難免有些不合理的地方。
檢查網站是否，把最重要的信息埋藏起來，有句俗話：“酒香不怕巷子深”，但是在網站設計這一領域“酒香也怕巷子深”。如果網站重要的東西被埋藏了起來，筆者的建議是，在首頁最顯眼的地方，單獨弄一個區域，用來放置這些“好酒”。
網站首頁內容相關度很低，基本上什么內容都有一點，但是什么都說不清楚，這是造成許多企業網站成交量底下的主要原因之一。在設計網站時，一定要站在訪客的角度，不要自以為是，要搞清楚您的訪客來到這個網站是要干什么！把訪客最想知道的東西早早的擺在訪客面前，才是最明智的。
您的網站設計缺乏品牌感，關鍵詞排名您的網站很優秀，網站結構您的網站也很優秀，但是您的網站就是缺乏了一種讓人信賴的品牌感，所以訪客不愿意購買您的產品和服務。在網站設計時一定要用最好的美工，不要讓網站看著平庸。
網站結構不流暢，當訪客正在提交訂單時，突然出現了一個干擾頁面，以至于訪客不知道，下一步該怎么做。買東西就是買東西，就一定要按照標準流程，不要動不動半路殺出個“程咬金”。
3、網站內容寫作嚇走了客戶
網站內容胡寫亂畫，導致訪客對您的產品和服務失去了信心。中國就有許多seo極度不負責任，轉載別人的內容就不說了，為了讓自己添加的內容更像原創，還去用偽原創工具生成一次，導致文章狗屁不通。
網站內容中一定要出現號召訪客購買您產品獲得服務的語句，比如：“現在購買我們的產品，打7.5折”等這樣的文字。
訪客查看網站的內文是采用掃描的方式，所以網站內容頁面，該有的大標題，必須有，不要亂七八糟一大堆。沒有分段，也沒有標題，是訪客掃描不到自己需要信息的重要原因之一。
網站是用來溝通的，如果訪客需要您回答一些問題，那么您一定要盡全力回答，不要把訪客的提問當作沒事發生，時間長了，訪客自然而然就不相信您了。
關鍵詞:網站設計與制作;模塊化教學;應用
一、前言
自進入到信息時代以來，互聯網領域的迅猛發展使得社會對計算機人才的需求量劇增，各個院校對于網站設計與制作等課程的教學也予以了高度的重視；然而，在網站設計與制作課程的教學過程中還存在“重理論，輕實踐”的問題，而模塊化教學法的提出與應用則有效的提高了教學有效性?；诖?，本文圍繞網站設計與制作中模塊化教學的應用這一課題進行了淺析，希望為相關工作的開展提供參考。
二、模塊化教學法概述
模塊化教學法指的是將勞動力市場需求、崗位職業操作技能等作為依據，對教學內容進行分析和設計，將知識內容按照一定的邏輯關系劃分成幾個相對獨立的教學模塊，之后根據不同教學模塊的教學目標來確定教學方法、組織形式和考核方式等。與傳統的教學方法相比較而言，模塊化教學法具有以下幾點鮮明特征：首先，課程的設計以職業能力作為參考標準；其次，課程結構模塊式；再次，強調學生利用理論知識更好的完成實踐任務；最后，理論和實踐教學的實現是建立在具體化的工作任務布置的層面之上。
三、模塊化教學法在網站設計與制作中的應用
1.課堂教學
在網站設計與制作中應用模塊化教學法，其中每個模塊的教學流程都包括了明確技能要求、展示網頁效果、操作任務分析、課堂演示、實踐訓練、總結歸納等環節。課堂教學是模塊教學法的重要組成部分，教師需要幫助學生明確崗位職業技能要求和教學目標，打破傳統的灌輸式教學模式，在案例中實現理論知識的講授。例如，在開展《頁面布局》這一模塊的教學時，教師可以選擇社交網站、購物網站、視頻網站的網頁作為案例，對其進行剖析分解，將抽象的理論知識變得更加具體化，有利于學生的理解。
2.實踐教學
實踐教學是應用模塊教學法最為重要的一個部分，最為常見的方式就是任務驅動，結合網站設計、制作流程以及及各工序之間的銜接順序來安排教學流程，教師布置任務，由學生進行小組合作共同完成，在實際操作的過程中實現對知識的內化和技能的加強。
（1）劃分小組
在網頁設計與制作課程教學中，教師可將全班學生劃分成幾個小組，每組的學生人數應在5人左右為最佳，并保證每個小組中學生的能力都較為平均，從中選取一名學生作為組長。
（2）確定任務
在《網頁制作》這一模塊當中，主要包括了文本和圖像、網頁布局、動感元素和超級鏈接以及表單網頁等子項目，教師應幫助學生明確其相對應的崗位的具體工作內容和能力要求，如“文本和圖像”部分的工作內容是提供創意文案和符合主題的圖像，要求學生應具有深厚的文字功底和想象力等；在此基礎上，教師為學生布置任務，即為一個購物網站設計主頁，小組通過討論確定網頁的風格特色等,并由組長組織為每個成員劃分各自所負責的部分。
（3）實踐操作
小組明確網頁制作的流程，學生根據自身的興趣和職業規劃選擇負責的部分，在此基礎上進行實踐操作；例如，負責文字和圖像部分的學生要提供創意文案，負責著色的學生結合網頁特征對需用到的色彩進行設定，負責二維或三維動畫設計的學生運用相關軟件（Flash、AE、Ps等）進行動畫或場景的制作；整體制作完成之后小組成員對網頁設計進行分析，對發現的問題或不足之處予以修整，全部完成之后上傳到班級共享群當中。
（4）總結評價
每個小組對設計的網站網頁進行講解，包括構思、主題和意義等，采取小組互評的方式選出優秀的作品，對這一小組的學生給予適當的獎勵；之后組織學生進行實踐操作體會的溝通交流，教師針對學生操作過程中出現的問題或者是難點部分予以講解，幫助學生更好的掌握相關技能，完成模塊教學目標。應用模塊化教學法使得學生透徹的理解網站設計與制作的流程，提高自身技能水平滿足職業崗位需求。
四、結束語
綜上所述，模塊化教學法一方面構建了以學生為主體的教學模式，培養了學生的綜合素質能力，另一方面還有利于教學內容的更新和教學效果的優化，其在課堂教學中的應用具有重要的意義。網站設計與制作是一門實踐性較強的課程體系，在教學中應用模塊化教學法，教師應該對各個模塊的相關知識內容予以深入的挖掘，并將社會人才需求和專業技能需求等作為依據來選擇和設計教學內容，同時實現理論和實踐的融合，以此來提高課程教學的有效性。
參考文獻：
[1]王志敏,劉云翔.模塊化教學方法在大學計算機基礎課程中的探索與實施[J].大學教育,2016,(08):124-126.
[2]吳芳菲,刁志堅.基于“模塊化教學法”的《Illustrator平面設計》課程教學改革研究與實踐[J].電腦知識與技術，2015,(05):120-121.
根據專業培養目標及現實的網站設計開發需求，學生的知識能力水平。課程項目規劃包括:PHP編程基礎、MySQL數據庫基礎、Gbook留言板項目、用戶注冊項目、新聞項目及后臺管理項目。教師把項目設計方案下發給學生，學生根據方案要求，查找資料、搜集素材進行網站的設計和制作。項目的制作過程涵蓋網站的需求功能分析、數據庫設計構建、用戶留言功能、注冊功能、新聞功能、后臺管理功能、網站的和維護等。項目的選取貼近網站開發實際，難度適中，圍繞整個網站設計制作的全過程，有助于學生對網站設計開發流程的理解和實際開發能力的提高。
二、課程項目實施
首先，認識、了解、掌握網站開發。根據學生認知程度，老師會給學生一個完整的、功能齊全的PHP動態企業網站，供學生瀏覽訪問和管理，學生在訪問與管理網站的過程中，逐步了解網站的頁面布局、配色搭配、網站的動態功能特點、網站后臺功能使用。讓學生先會使用網站，做網站的管理者，引導學生思考具體功能如何實現，使學生產生認知了解的興趣和愿望。結合Dreamweaver、PHP、MySQL數據庫和Javascript腳本等新知識的講解介紹和示范，通過不同難度的任務訓練，讓學生在網站項目的設計開發過程中，逐步添加留言功能、注冊功能、新聞功能、后臺管理功能，由易到難，重點培養學生的實際動手能力。其次，網站開發工作室組建。3－5人組成網站設計開發工作室，選出項目組長，由組長負責工作室人員分工，也依據學生每個人的特點分組，網站頁面布局設計由美工基礎、藝術表現力好的成員負責，網站的程序數據處理設計由編程思維較好的成員負責。工作室成員之間協作交流，討論溝通，培養團隊合作能力。教師的主要工作是做好監督指導工作，督促各網站開發工作室成員及時、高效的完成項目實施中各階段任務。對于學生所遇到的問題，教師適當的給與指導和幫助。最后，項目實施階段總結。Gbook留言板項目、用戶注冊項目、新聞項目的各階段實施過程中會遇到很多問題，學生在解決問題、研究問題的過程中，可以學會總結經驗，互相幫助提高，在項目結束時會有作品展示環節，學生可以取長補短，吸取各自的優點，修改自己的網站作品，將網站功能完善，調試無誤。
三、課程項目評價
項目化教學的最后環節是進行當前任務的評價總結，學生根據任務當中每組完成的網站作品和每個成員在小組里的表現進行打分評判，教師不僅要在知識點掌握，網站作品完整度，技術運用，有無創新等方面給學生評判，還要把每個學生在整個項目中的所有表現，包括在小組內角色的分工，工作量，學習態度，協作能力等多項綜合能力也做為評判的內容，最后教師綜合每個學生在整個任務中的表現進行點評。整個評價過程，包括小組互評，組內評價，教師點評三項內容，重在使每個學生成績公平公正。多鼓勵學生，讓學生在后續學習中更加努力，善學。
四、結束語
