時間：2023-06-06 15:37:02
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇高級網頁設計范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
關鍵詞：網頁設計；職業定位；人才培養
中圖分類號：G712 文獻標識碼：A 文章編號：1674-7712 （2013） 04-0130-03
一、網頁設計人才培養現狀
高職院校網頁設計課程體系與教學之間存在許多弊端，概括起來，主要有以下幾個方面：
（1）課程與教學內容理論性強，實踐教學方法、教學手段不適應行業需求，學生職業能力和創新能力的培養沒有真正落實。
（2）師資力量存在缺陷，普遍現象是：大部分老師是從校門進校門，沒有企業的從業經驗，也沒有實際項目開發經驗，基本上是“照本宣科”，所謂的項目驅動，項目的開發流程屬于模擬范疇，與實際客戶的需求，還相差甚遠。目前高職院校已意識到這個問題，通過各種方式尋求校企合作，實現校企互動的新模式，如何盡快解決師資在理論知識和實踐應用方面的不足是十分迫切的。
（3）課程設置不盡合理，課程內容上重“設計”輕“技術”。教學上按照以往的教學模式，僅僅在多媒體教室中講解操作步驟、做典型范例是遠遠不夠的。應著重培養學生的創新意識和獨立開發網站的能力。藝術性與技術性的高度統一是今后網頁設計發展的大趨勢，不斷探索新的教學模式和教學理念，根據行業需求來構建合理的課程體系。
二、網頁設計專業的職業崗位
根據對沈陽、大連地區IT行業的發展現狀與趨勢、人才需求狀況、企業調研等方面調查分析，可以將網頁設計崗位分為網頁設計、網頁制作、網站編輯、網站管理四大崗位群。
三、構建科學合理的網頁設計人才培養體系
（一）網頁設計人才培養目標的定位
本專業培養適應社會與區域經濟發展需要，德、智、體、美全面發展，熟悉網站的配色及制作流程，掌握網站設計與策劃、網站的安全與服務器配置以及網站的搜索引擎優化技術；掌握動態網站編程技術，具有獨立制作整站系統的能力，在企事業單位、網絡公司、廣告公司等IT行業從事網頁設計、網站美工、各類網站的開發與維護等工作的網頁設計師、高級技師和高級網站程序員。
（二）網頁設計專業的課程體系
根據網頁設計行業的職業崗位分析及人才需求，確定網頁設計的人才培養目標。按人才的職業能力的培養為主線構建了該專業的課程體系。確定了該專業的核心專業課程，課程體系結構如圖1所示。
按課程的培養目標，將網頁設計的專業課程分成以下四個模塊：網頁設計基礎模塊、客戶端開發模塊、數據庫操作模塊和Web應用程序開發模塊。
模塊一：網頁設計基礎模塊，對應的課程是《網頁設計與制作》，主講內容是“網頁三劍客”，DW也就是Dreamweaver（網頁制作），FW是Firework（矢量圖形制作和圖像處理），Flash（動畫制作）。這三種軟件能相互合作。比較實用的操作方式是：在Firework中做好主要頁面，然后導出，在Dreamweaver中加以修改，添加鏈接等，便做出一個非常好看的頁面。
模塊二：客戶端開發模塊，對應的課程是《JavaScript》或《VBScript》，《JavaScript》是一種由Netscape的LiveScript發展而來的原型化繼承的面向對象的動態類型的客戶端腳本語言，該語言區分大小寫，主要目的是解決服務器端語言（比如Perl）遺留的速度問題，為客戶端提供更流暢的瀏覽效果。
模塊三：數據庫操作模塊，對應的課程是《SQLServer》或《Access》或《mySQL》，作為網站的后臺數據庫管理系統，負責網站的實時更新，對數據進行存儲，在網站的建設中起著至關重要的作用。
模塊四：Web應用程序開發模塊，對應的課程是《》或《JSP》或《PHP》，主要講述動態Web頁面的實用技術。
模塊教學采用理實一體化教學模式，采用了“任務驅動”教學法，教學任務分為：課堂教學模擬、企業真實項目操作兩部分，這些任務的設計遵循了由簡單到復雜，由單人獨立操作到項目組成員共同完成，充分調動了學生的學習積極性和主動性，有效提高學生的知識應用能力和創新能力。
教學評價建議改變單一的總結性評價的方法，采用評價過程、階段評價和綜合評價相結合的評價方法。教學中要注重學生學習的過程，精心設計對學生學習過程的記錄及評價，如學習的形式、獲取信息的方式、討論的要點、設計的方案等進行記錄，并對作品進行交流、自評和互評等，從而讓學生學會學習。
（三）網頁設計專業課程的教學評價標準
制訂本專業各核心課程的教學評價標準，此標準以《動態網頁設計》課程為例。
1.考核方式
本學習領域的課程考核宜采用過程考核、公共考核和期末考試相結合，具體考核內容及權重見表3。期末考試分為理論考試和實踐考試。其中，理論考試主要考核8個學習情境中的主要知識點，試卷分值100分，其中填空題（占25%）、選擇題（25%）、判斷題（20%）、簡答題（30%），試卷從不同角度考查學生基礎知識的掌握能力；實踐考試內容為2至3道上機操作題，主要考核學生的上機設計和調試能力，及對知識的綜合運用能力。
（四）網頁設計專業的師資建設
建立一支高素質的師資隊伍是網頁設計專業建設的關鍵，這支隊伍不僅要具有網頁設計相關的理論知識和實踐經驗的特長，而且還熟悉整個網站的運作和前臺后臺維護管理等方面的理論知識。教師的培養可以通過以下的方法：
1.以行業為基地進行專業培訓，加快與行業的聯系。
2.組織教師到其它兄弟學校進行交流和調研，提高教師業務水平。
3.積極從國內外及相關行業引進、或者借用專家人才，提高教師隊伍水平。
4.專業教師自身應該時時刻刻跟蹤、掌握電網頁設計發展的最新動態，掌握網頁設計最前沿的知識，不斷地更新知識。總之，網頁設計專業人才培養應當以企業需要什么樣的人才為出發點，總結過去的經驗和教訓，從實際出發，嚴格按照客觀規律來建立網頁設計人才培養的模式和體系，這樣才能培養出符合社會需要的合格人才。
參考文獻：
[1]高云.高職高專《網頁設計》課程改革探索[J].吉林省教育學院學報，2009，11：2.
[2]趙京丹，閆寧.任務驅動教學法在Dreamweaver網頁制作教學設計中的應用[J].職業教育研究，2007，7.
該文介紹了《網頁設計與制作》項目化教學思路和方法，從設計理念與思路、對計應相關專業建設與發展的定位與作用、課程內容的針對性與適用性、教學內容的組織與安排、教學模式的設計與創新、實踐教學條件的建設與使用等6個方面進行了設計與分析，為學生較好地掌握知識及快速適應工作崗位需求進行了一些思考和探索。
關鍵詞：
高職院校;網頁設計;項目化課程;開發實踐
《網頁設計與制作》是計算機應用專業的一門專業核心課程。該課程目標是讓學生掌握網頁設計與制作能力。它以圖形圖像處理、互聯網應用等課程的學習為基礎，也是進一步學習動態網站設計等課程的基礎。學完本課程，要求學生能達到掌握網頁美工初步技能；熟練掌握HTML+CSS進行頁面布局與排版的技能；基本掌握使用網頁腳本控制頁面操作和提升用戶體驗的能力。按照高職高專知識傳授特點與職業技能需求，同時根據網頁設計與制作課程知識的掌握規律，目前我校采用了項目化教學方法，為學生較好地掌握知識及快速適應工作崗位需求打下扎實的基礎。
1設計理念與思路
該課程根據職業能力發展的基本規律（新手—生手—熟手—能手—專家），將學習內容設計為網頁設計實際工作，通過工作實現學習。采用整體→模塊→整體的設計思路，按照簡單到復雜、單一到綜合、低級到高級的原則進行。
1.1設計理念：學習的內容是工作，通過工作實現學習。這一理念體現了該課程的職業性和實踐性，同時學習的主體變為學生，學習內容以培養學生的職業技能為主。為體現這一設計理念，在課程設計前我們調研了數十家合作企業，與企業專家一起，對網頁設計各個方面涵蓋的崗位進行職業技能與職業素質分析，整合出一個基于工作實踐的“網頁設計與制作”項目（比工作實踐更完備體現課程的各個知識點）。同時分解實際工作中網頁設計的工作流程和崗位，確立多個子項目。這種方式學習，充分體現職業典型工作任務，以“工作”促學習，邊“工作”邊學習，學生學習內容具體化，學習興趣大大提高。
1.2設計思路：整體→模塊→整體課程設計的思路是根據幾個不同類型的網站案例整體設計入手，將網頁設計所有環節和操作步驟詳細介紹給學生，讓學生從與“用戶”溝通開始參與到整個系統的設計過程中，教師根據任務需要，先給出網頁效果圖，讓學生體驗完成后的整體效果，再根據項目進程分解任務，這種設計優點是能讓學生將學習過程作為完整的“工作”過程。在此基礎上，進一步將各工作任務分成若干子任務，通過90課時教學+30課時整周實訓學習，最終將各個子項目整合，完成網站整體設計工作。在子模塊學習任務設定中，每個子任務設計是按實際工作中網頁設計的技能要求提煉出來的，能滿足不同崗位的需求。項目完成時，我們還設計了學員相互評價體系，對設計成果進行評估，讓學生在自我學習過程中及時總結并收獲進步。
2對專業建設與發展的定位與作用
該課程采用項目化教學方式，可以起到如下作用。（1）學生對該專業的工作崗位有了具體認識，了解了各崗位所需的專業知識，從而幫助學生進行職業規劃和知識儲備。（2）學生對所學專業的工作內容有了比較具體的認識。該課程使學生對計應專業到底是做什么的、怎么做等問題有了全面認識，增強了學習信心和學習興趣。
3課程內容的針對性與適用性
（1）該課程是依據“計算機應用專業職業崗位與職業能力分析表”中網頁設計師職業崗位設置的。總體設計思路是：著重培養學生網頁制作能力，具備HTML、CSS、JavaScript等知識，以網站設計工作任務為中心選擇和組織課程內容，讓學生在完成網站設計具體項目的過程中完成相應工作任務。課程構成主要突出職業能力要求。（2）課程總學時為90學時教學+30學時整周實訓，內容包括Web服務器配置、網頁視覺效果設計、用戶體驗設計、網頁兼容性設計等。（3）知識目標和能力目標。知識目標應掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學習結束，學生應能自行設計各種網頁、開發一定規模的網站，熟練掌握網站制作基本方法和技巧，并最終設計出綜合性的網站。能力目標主要體現以下方面：①熟練使用網頁編輯軟件。②熟練使用樣式表控制頁面外觀。③能在網頁中設置需要的腳本。④能進行網站的更新與管理。另外根據職業教育要求，加強學生以下素質：①服務意識：為他人提供優質的服務。②文明法制意識：網站內容積極健康向上，不做違法的事。③合作精神：能夠與他人合作，具有協調能力和組織管理能力。④較強的自我知識及技術更新能力：能快速跟蹤網頁制作的新技術及市場應用動態。
4教學內容的組織與安排
該課程主要教學內容包括網站服務器、HTML、CSS、網頁界面整體設計(含JavaScript應用)、網頁兼容性等5個教學模塊，其中HTML和CSS為學習和實踐的重點，通過幾個案例的制作過程展開知識講授。具體教學內容及課時安排見表1，“網頁外觀制作技術”項目的教學設計見表2（其他教學項目的教學設計因篇幅所限此處省略）。
5教學模式的設計與創新
在該課程的教學中，教學地點由教室遷移到一體化實訓室，教學方式由教師講為主轉變為學生做為主。實施中包含如下步驟。（1）指定清晰的工作任務，教師展示頁面效果。（2）學生制訂工作計劃，理順工作思路。（3）教師進行工作過程輔導，講解涉及的理論知識。（4）學生根據需要在課程網站上獲得豐富的教學資源。（5）學生完成工作任務，體驗工作效果。（6）師生及企業專家共同評價工作成果。
6實踐教學條件的建設與使用
課程在網站設計一體化教室完成，其間配合到企業現場教學實習環節,實施時由每位學生獨立完成網頁制作任務，課程各種教學資源能夠在學習過程中在線使用。
7結語
1.高校概況導航欄
該欄目在網頁中占據著很大的比重，也是瀏覽者認識高校的最基礎部份，因此設計該欄目時必須要在醒目的地方和使用新穎的字體來表現，目前我國大多數高校在網頁設計時，對該欄目的主要內容包括：學院概況；機構設置；人才教育（這里面包括、大專生教育；本科生教育；研究生教育；留學生及成人教育等）；教師簡介；科研成果；招生就業以及合作交流等。
2.校園新聞及公告
高校新聞主要包括校內及校外新聞，其中校內新聞是重點，主要包括校內主要新聞、專題新聞、校園報刊雜志等。另外新聞及公告在設計時一般以滾動的形式，以方便瀏覽者閱讀。
3.交互窗口
該窗口主要是為瀏覽者提供參與學校管理，反映學院實際信息的一個平臺，也是學院領導掌握學生動態，接近學院基層的一個很好的平臺。該部分中最為常見的是校長信箱，由于網絡的便捷性及隱蔽性，因此與傳統的書面意見相比較網絡信箱占據很大的優勢，人們更加愿意用它來實現意見的投遞。
4.信息管理及服務
校園網路為學校的教學管理及信息提供給予了極大的便利，很多高校將學校內部公文處理、人動、學籍選課及學生成績查詢錄入校園網主頁上，學生及教職工就可利用網絡主頁輕松的進行信息的查詢和處理，另外校園網絡還可為很多瀏覽者提供一些資料下載、信息查詢等服務。
二、高校網站設計應該遵循的原則
1.短小精簡、美觀原則
首先，主頁的作用就相當于一本書的書皮，給人的第一印象非常重要，主頁的美觀是吸引瀏覽者進一步瀏覽網站具體內容的先決條件，因此在設計主頁時題目必須要醒目，應該做到一目了然，只需將所要表述的具體內容表達出來就好，一定不能摻雜一些不必要的內容，或者使得畫面過度復雜，否則很容易引起瀏覽者的反感，進而關閉畫面。
2.漫游工具簡易原則
主頁的一個很重要的功能是其中的漫游工具，漫游工具是用于引導瀏覽者查找保存在網站有關信息的鏈接工具。為了使得瀏覽者可快速、準確、清晰的找出所需要的信息，在主頁設計時必須僅限定幾個常用的高級類別即可，例如學院簡介、校園新聞、校園文化、資源瀏覽、網絡服務及技術支持等幾個大塊，切勿將類別下面的信息放置在重重疊疊的子頁面下，以防止浪費瀏覽者時間甚至誤導瀏覽者，為瀏覽者的瀏覽制造困難。
3.文字與圖像合理搭配原則
人們對互聯網的依賴，很大程度上是由互聯網上的多媒體資源所吸引，在設計校園主頁時必須要設計出足夠吸引瀏覽者眼球的因子，因此必須要盡可能運用醒目圖像、美觀的畫面以及新穎的文字搭配，并且使用圖像、圖片對文字不足之處作補充，最終做到幾者的有機結合。
4.下載與圖像的合理兼顧原則
在對主頁進行設計時，相關工作人員必須要注意所應用的圖片圖像實際情況，使用的圖片最佳應保持在二十幾KB左右，這樣才有助于校園主頁的迅速打開，使得校園信息提供、校園風貌展示、網頁頁面美化的作用可迅速體現。如果添加的圖片過大，即使圖片效果很好，但是受到瀏覽者網絡網速影響，很可能瀏覽者在打開網站時不耐煩法而關閉網頁，最終使得瀏覽者沒有瀏覽到網站具體信息。
三、結語
關鍵詞：項目教學法；網頁設計與制作
中圖分類號：TP393.092-4 文獻標識碼：A文章編號：1007-9599 (2011) 16-0000-01
Project Teaching Methods Application Research in the Higher Vocational Course of "Web Design and Production"
Chen Huie1,Hu Anming2
(1.Guangdong Polytechnic Normal University Education College,Guangzhou510665,China;2.Guangdong Polytechnic Normal University Tianhe College,Guangzhou510540,China)
Abstract:The ideas of the article was designed in accordance with the problems on the"web design and production"of the course,and explore Project teaching method on the web page design course application,aiming at improving the effectiveness of the teaching.
Keywords:Project teaching method;Web design and production
網頁設計與制作是計算機專業的必修課程，但學生從入門基礎到高級應用中未能掌握到系統專業的知識。由此，轉變傳統教學方法，把項目教學法融入此課程的設計，可以培養學生整體建站的邏輯思維以及專業技能。
一、《網頁設計與制作》課程傳統教學法存在的問題
《網頁設計與制作》課程作為一門實踐性很強的課程，在教學內容以及教學方法的上應當有別于傳統的教學。在傳統課程教學中主要存在以下問題：
（一）沿襲傳統的按章節來組織內容，缺失了對整體布局網站的職業能力的培養。傳統的課程設計都以章節來組織內容，按章節來講述知識點，整門課程實施后，學生只會照搬實例，不能融會貫通，無法把知識點串接以及組合起來布局綜合型的網站。究其原因在于學生缺失了對整個網站布局和規劃等綜合能力的訓練，而這些技能往往是從事這一職業最關鍵的能力。
（二）課程教學以知識講授為主，缺乏對技能學習方法的引導。在課程教學上，教師側重于以知識講授為主，主要的任務是把本章節的知識點傳授給學生，課程內容以課本知識為載體，無瑕職業崗位對能力訓練的要求。另一方面，教師缺乏對學生學習方法的引導，沒有激發學生自主探究式的學習，被動的說教并不能培養出有獨立開發能力的人才。因此，在某種意義上，方法的引導比單一的知識傳授要更富于理性以及實用性，把課程內容從以教師講授和課本知識為載體，轉變成以完成項目為載體是技能學習的最有效的方式[1]。
二、項目教學法概述
項目教學法是指在教學中選擇一個核心課題，并為學生設計一個項目，師生通過共同實施一個完整的“項目”（一個產品）而進行的實踐教學活動。其中，項目指以完成一件具體的、具有實際應用價值的產品為目的的任務。[2]項目教學法通常也稱為項目作業法，是職業教育教學活動中最典型、最有效的行動導向的教學方法之一，它充分體現了行動導向教學的真實性、完整性和協作性學習的原則[3]。
三、項目教學法在網頁設計課程中的應用
項目教學法是一種典型的以學生為中心的教學方法，在網頁設計課程中運用項目教學法，可以提高學生的協作能力以及組織能力，提高處理項目問題的能力，調動學習積極性。筆者借鑒項目教學法的實現過程把《網頁設計與制作》課程設置如下[4]。
（一）旅游網站項目的確定。對社會進行需求分析是項目確定的前提，而項目的確定是項目教學法實施的第一步，由此，對社會旅游網站進行了需求分析，此網站建站的目的有兩方面：一方面是給出行者提供各種旅游資訊；另一方面是為了更多的游客前來旅游。
旅游觀光網站是生活中常見的一類網站，學生對此類網站并不陌生，在確定此項目中，還要進一步考慮項目的難易度是否適中。由此可見，項目任務的確定為了解決生活以及工作的實際需求，并不是憑空把項目確定下來，該項目確定后還需要預計項目能否完成等事宜。
（二）旅游網站項目計劃以及小組劃分。在項目計劃中，筆者將來自不同地區的學生進行劃分，由于大多是來自廣東的學生，結合廣東省區域劃分的珠三角、粵東、粵西、粵北山區四個板塊，最終把學生分成4個小組，每個小組15位學生，每組由一位組長負責，學生根據自己的特長以及對各地區的熟悉程度進行分工。
根據需求分析，觀光網站包括風土人情的介紹、地理知識、旅游路線以及人文知識等模塊。每組都需要制作策劃書，把完成該項目的思路以及方案展示給各組成員以及教師。最后根據每組選出來的3位學生組成的評審團檢查并提出調整意見，在教師的指導下確定網站實施方案。
（三）旅游網站項目實施。項目教學法中最關鍵的環節是該項目的實施過程，學生按照分配的任務，進行資料搜索、圖片處理、分析架構、設計板塊等事項。在項目實施過程中，教師主要對學生進行啟發引導并檢查項目的實施情況，輔助解答項目實施過程中遇到的難題。由此可見，以學生為中心的教學方法最終在這一環節得到體現，學生是項目的實施者以及問題的解決者，而教師的角色是指導者，并根據每一小組遇到的問題進行恰當地引導。
（四）旅游網站項目的歸檔以及應用階段。在此階段，將學生完成的的網站作品匯總刻錄成光盤進行歸檔保存，并優化成為學生的畢業作品之一。在學校的作品展中，通過全校學生的投票以及通過在校園網上學生的投票，來評選出最優秀的團體作品，這種通過大范圍的影響作用無形中提高了學生的積極性。
四、項目教學法的體會
項目教學法是行動導向教學的基本教學方法之一，它把課程從傳統的知識講授型為主轉變成知識應用型為主；把課程內容從以教師教授課本知識為載體轉變為以項目任務為載體，這種雙轉變更加突出了學生的能力訓練，不僅符合職業學生的學習規律，還培養了學生的職業能力，實現了知識理論實踐一體化的課程教學與職業需求相結合。
參考文獻：
[1]戴士弘.職業教育課程教學改革[M].北京:清華大學出版社,2010,3:114
[2]馬建富.職業教育學[M].上海:華東師范大學出版社,2008,1:114
[3]劉邦祥.試論職業教育中的行動導向教學[J].職教論壇,2006,1:4-8
關鍵詞: 高校網站 藝術設計 信息
近年來,隨著網絡技術的飛速發展,網絡已滲透到全人類的各個方面,深刻影響著我們的生活和工作方式。高校也紛紛建立了自己的網站,給高等教育帶來了更廣闊的發展空間。高校網站承載著高校信息化管理和對外宣傳之重任,所以網站的主頁設計既要能充分傳播信息,又要能使瀏覽者達到感官上的愉悅,從而對高校留下更深更好的印象,達到對高校的深度認同,促進高校的良好發展。高校網站的設計是一個系統的工作,而主頁的設計又有著舉足輕重的作用,只有對部分高校網站進行分析,找到規律和方法,才能設計出具有較高美學價值和豐富內涵的網頁。
1.高校網站主頁的內容設計
現有的高校校園網大部分存在內容繁多且擁擠的問題,將所有信息不加規整地塞進校園網頁中,整體看起來雜亂無章,更談不上藝術的價值,這樣的網頁看起來很滿,沒有留白給讀者一個遐想的空間。還有一些高校網站的主頁幾乎沒有什么內容,沒有對高校內部資料和信息進行整理策劃就推出了自己的網站。
高校網站與其他網站相比,不需要華麗的外表,而要多增加些校園的氣息,主要還是多注重豐富的內容。高校網站的主頁是校園對外的窗口,是瀏覽者了解高校情況最直觀的平臺。本校的師生都通過高校網站了解校園的發展、最新動態,以及工作安排,所以需要設置公告欄和新聞板塊。而校外的瀏覽者則希望通過網頁對高校的整體情況和特色有一個基本了解,并能在這里查詢所需的信息。有些高校根據這一特點在主頁分出兩個入口:校內網和校外網入口,根據瀏覽內容有所不同而設計界面,這也是整合比較好的方法之一。當然網頁的形式只是第一印象,而能持久吸引讀者、發揮其自身作用的還是其豐富的內容。
通過抽取國內50所高校網站進行分析,主頁的內容一般分為以下幾大模塊。
(1)高校概況導航欄。這是網頁中很重要的部分,也是瀏覽者了解高校的基礎部分。所以各個學校富有特色的項目在設計的時候要以顯著的方式表現出來。從全國大部分高校的網頁來看,其內容主要都有:學校概況、機構設置、人才培養(包括本科生教育、研究生教育、留學生和成人教育等)、教室隊伍、科學研究、招生就業、合作交流等。
(2)高校新聞和公告。高校新聞一般包括校內重要新聞、專題新聞、校報電子版、報刊信息等。新聞和公告的設計要以滾動或者翻動的形式出現在校園網的首頁,方便更新和瀏覽。其中重要新聞以圖片滾動的方式能將一些重要事項及時、便捷地告知讀者,免除了通知、發文等許多的行政事務。如:九江學院校園網組建后,會議安排表、重要通知和公示等都在網頁上,解決多校區的辦公問題,既降低了辦公成本,又提高了工作效率。
(3)交互窗口。為讀者提供了一個參與學校管理、反映群眾呼聲的窗口,也是領導了解基層、接近群眾的一種途徑。在這一部分,較常見的就是校長信箱。因為網絡通信的隱蔽性和便捷性,較之于傳統的書面意見,人們似乎更樂意通過網絡來表達自己的思想。
(4)高校信息管理系統。校園網為高校教學管理和行政事務管理提供了很大的方便。許多高校將校內公文處理、人事查詢、學籍選課管理、成績查詢與管理等都放在校園網主頁上,教職工和學生都能借助于校園網這個平臺,快捷地進行信息處理和查詢。
(5)信息服務。這一部分為讀者提供站點導航、搜索等相關的信息服務,使讀者能方便地通過網頁進入整個互聯網。
2.高校網站主頁的版式布局設計
確定了高校網主頁的內容,我們就可以開始進行網頁總體版式布局。通常人們閱讀的視覺習慣是:從左到右,自上而下,先左上后右下。因此在整體版面布局時要遵循這個原則,把網頁中的校園概況導航欄和校園新聞公告放到版面的上部,這樣更易引起人們第一時間的注意。
根據搜集高校網站進行觀察分析,大部分高校網的版式結構大概分成以下幾種。
(1)“T”字型結構。“T”字型布局是指上部為橫條標志,廣告欄,下方左邊為導航菜單,右邊為內容。這種結構清晰、主次分明,簡易的版面布局,使用也比較廣泛。但如果細節處理不好,容易顯得單調乏味。
(2)“三”字型結構。“三”字型結構,以兩條色塊橫向分割成四塊版面,對稱對比布局,顧名思義,采取左右或者上下對稱的布局,里面填上所要內容,一半深色,一半淺色,比如哈佛大學網站的主頁,就是采取這種布局方式。優點是視覺沖擊力強,缺點就是不能將兩部分融合在一起。
(3)“口”字型結構。“口”字型結構的特點是:能容納較多的信息,一般上下都有廣告條,左右兩邊為導航和鏈接,中間為主要內容。這種頁面的缺點就是顯得畫面擁擠,不太靈活。如何設計出布局合理的校園網頁?首先整體要簡練精準,而且在強調藝術性的同時,要通過網頁頁面結構的分割和造型空間的確立,合理安排組成各內容的合理位置,使頁面內容和形式有所統一,具有整體美感。要考慮頁面的美觀和可讀性,還要考慮網頁瀏覽的特點,網頁版式設計是通過視覺元素實現傳播的視覺傳達過程,為了達到好的效果,版式設計必須依據人們在視覺上的心理和生理特點,確定各種視覺構成元素之間的視覺關系和瀏覽順序。合理的視覺流程應是在人們認識過程的心理順序和思維發展的邏輯一致的基礎上,根據信息的主次來確定各元素的順序,并通過精心安排引導瀏覽者。在進行高校網站的主頁設計時,版式布局既要實現“功能”又要實現“美”,而“功能”和“美”都是為了更好地表達主題。
3.高校網站主頁的主題定位與統一
高校的門戶網站往往只有一個主題,網頁設計風格應體現高校的社會性質、辦學特色、校園風貌與校園文化,充分展示自己的優勢和形象,才能讓瀏覽者有認同認知感。根據調查的高校網頁的設計,這種效果的取得并不明顯,一方面沒有通過運用邏輯規律對網頁主題思想進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,沒有讓瀏覽者快速理解和吸收,另一方面缺乏運用藝術的形式美法則對網頁構成元素進行條理性處理,沒有營造出符合設計主題思想的視覺環境、主題,使瀏覽者缺乏對網頁的興趣和內容的理解。有些高校網站注意到以上幾點,對改版后的網站主題定位能準確表達。例如武漢大學網站的主頁設計以“傳承百年輝煌,盡展名校風采”為主題思想,融合了古建筑和珞珈山文化的元素進行設計,尤其在色彩上,運用淡雅的色調,各元素色彩間對比柔和,具有文化底蘊和校園氣息。
在高校的主題定位確定之后,保持風格統一也相當重要。在被調查的高校網站中,有一小部分網頁沒有做到風格統一,既會讓人對網站甚至高校的形象感到混亂,又會給瀏覽者帶來不便。舉個例子來說,假如每個網頁上的導航排列或者顏色不同,那么瀏覽者進入不同頁面之后就會無所適從,難以準確找到所需的信息。網頁上所有的圖像、文字,包括色彩、版面編排、區分線、字體、標題、注腳等頁面元素,要統一風格,讓風格貫穿于整個網站。保持風格的統一,既能強化風格定位所帶來的作用,又能在閱覽體驗上給讀者帶來方便和順暢。
4.九江學院網站的主頁設計
九江學院是經國家教育部批準設立的國有公辦全日制本科普通高等院校,面向全國30個省(市、自治區)招生。學校坐落在長江中下游的歷史文化名郡――江西省九江市,位于廬山之麓、長江之濱、鄱陽湖之畔,校園美麗宜居,生態環境優越。名城、名山、名江、名湖,造就了九江學院的靈氣,尤其是具有千年歷史、享有“天下書院之首”美譽的白鹿洞書院,更為九江學院賦予深厚的文化氣息和辦學氛圍。就學院的概況來看,我們選擇“名城、名山、名江、名湖”為主題。首先,根據主頁內容分為:學校導航、新聞公告、專題通道、站內搜索、常用服務、友情鏈接等欄目。根據內容的主次關系,來做整體布局設計,從版式上來看,整體采用“三”字版式構圖,以廬山作為九江學院的背景圖案,但在上半部分打破以往的格局,把九江學院標志及具有代表校園風景照片作為畫面的注視點,大幅照片以激起片片漣漪貫穿整個畫面,配以校訓及文字的介紹,更能體現出優美的校園環境和校園氛圍,使瀏覽者第一時間就能關注到,起到很好的宣傳作用;在色彩方面,用九江學院標志標準色做延伸,配以灰色與灰綠色的畫面,給人以穩重感。(見圖1)除此之外,在設計時考慮到子頁面的風格,也根據主頁的元素和結構做一個延展,沿用了上半部分圖案和色彩,由“三”轉變為“T”字結構,左邊用校園風光引出導航一目了然,更利于讀者閱覽。(見圖2)
圖2
在整個網頁設計中,不僅僅是把各種文字和圖案等元素放上去就行了,還要科學地考慮如何使受眾能更多、更有效地接受網頁上的信息,這就需要從“審美”配合“功能”的要求,設計出內容表達清晰、整體性好、具有藝術內涵的頁面。所以,網頁設計不但需要運用平面設計、版式編排、視聽藝術,而且應懂得計算機、網絡等方面的技術原理。在這次九江學院改版的設計中我們實現了一些動態網頁功能。
以往的高校網站設計往往會有偏向性,如果界面比較具有藝術感,功能技術方面就有所缺少,如果功能技術方面實現比較完善,則藝術設計方面又有欠缺。高校網站的主頁,網頁美觀性和實用性都是重要目標,所以在設計高校網站主頁時,應集中技術與藝術的專業人員,綜合考慮,便會制作出既實用功能完善,又具有藝術內涵的高校網頁作品,把瀏覽者帶入一個全新的網絡高校時代。
參考文獻:
[1]陸樂編著.網頁設計.南京:東南大學出版社,2004.
[2][韓]崔美善著.馬曉陽,劉娟譯.設計師談網頁風格構成.北京:電子工業出版社,2006.
今年11月,我在超想電腦公司實習,本次實習主要是參加超想電腦公司給一個地稅的辦公自動化系統的軟件設計,此軟件采用asp開發。本人在此過程中主要參與了用asp進行網設計,包括新聞欄的創建和自動更新，以及公告欄的創建、使用和維護。通過本次設計，使我更加深入掌握了asp網設計的技巧。下面就是本人在本次實習后的心得。
asp是microsoft公司推出的一種用以取代通用網關接口的技術，英文全稱active server pages。它是一個web服務器端的運行環境。asp本身包含了vbscript和javascript引擎，使得腳本可以直接嵌入html中。現將我們在asp運用過程中的幾個小技巧與大家分享。
一、新聞欄
大多數網上有新聞欄，用以顯示最近新聞的主題，點擊此主題即可查看詳細報道。倘若每天都一條條寫在網上，再依次建立鏈接太過麻煩。如何讓其可以根據文件自動更新呢？
與網頁設計與制作課程關系密切的課程很多，而關系最為密切的課程有計算機應用基礎課程，電腦繪畫課程(Photoshop)和動漫設計課程(flash)，這三門課程都是網頁設計與制作課程的前導課程，相對于這三門課程來講，網頁設計與制作課程就是后續課程。在對后續課程的教學過程中，必定會讓學生運用到前導課程的知識和技能，這樣不僅可以讓學生對前導課程進行一定的強化學習，而且更有利于后續課程的教授和學習，在很大程度上，能夠提高學生設計網站的水平。如果把前導課程比喻成紅花和綠葉的話，那么后續課程就是飽滿的果實。由此看來，網頁設計與制作課程在整個教學體系中占據著非常重要的地位。
2選擇適合高職院校學生特點的教材
我院具有所有高職院校所共有的職業特點，但又有著我們自身更為突出的特點，要以“面向高職學生以應用”為目的的思想為指導，以能力為本位，適應社會的需要，這就要求我們在選擇教材時一定要準確實用，我院幼兒教育系選用的是由清華大學出版社出版的第二版《Dreamweaver網頁制作實用教程》，本教材以“實例+知識點”的結構構建內容，采用“任務驅動教學法”讓學生邊做邊學，并配以相應的光盤，生動直觀，能夠讓學生在短時間內迅速掌握所學知識，是一本符合培養高職院校學生技能的好教材。
3遵循高職教學規律，加強和改進教學工作
高職院校不同于其他高校的地方就是它是以實踐操作能力的培養為主導，理論知識的學習為輔的教學指導方針進行教學，對于網頁設計與制作這門實踐性很強的課程來說更是如此。想要教好這門課程，教師就必須在教學過程中進行一系列的教學設計才能達到較好的效果，如何組織好這門課對于教學工作和效果尤為重要。
3．1網頁設計與制作課程的教學思路
首先，要上好第一堂課。教師要在課前做好充分的準備工作，要利用第一堂課想辦法牢牢抓住學生的心，讓學生真正認識到學習網頁設計課程的重要性和必要性，不能讓學生有沉悶和枯燥的感覺。所謂萬事開頭難，好的開始必定能為之后的教學打下一個堅實而良好的基礎，但好的開始并不意味著之后的教學就會一帆風順的進行，之后的教學務必要在多媒體課件上下工夫。多媒體課件是教學的靈魂，它不是文字、圖象、音頻、視頻和動畫信息等各種元素的堆砌，而是它們的完美融合，利用它們使課堂變得更加生動和精彩，從而盡可能的提高學生的學習興趣。
3．2網頁設計與制作課程的教學方法
用實例作為課堂切入點，讓學生先看到實際效果，首先啟發學生思考用之前學到的知識和技巧能否做出此種效果，然后再由教師演示實例，在演示實例的過程中引出新的知識點，將知識點融入到具體實例中。比如，在表格布局和內嵌框架的教學模塊中，我們采用任務驅動教學內容。教學目標是用布局表格設計網站主頁，在演示此實例之前，讓學生先利用之前學習的表格知識設計此網站主頁，目的一是鞏固前面章節所學知識和操作技巧，目的二是為接下來的布局表格設計做好充分的鋪墊，讓學生從內心有所比較，哪種方法更適合用來設計網站主頁，在教師演示實例過程中可以更好地抓住學生的注意力和調動學習的積極性。演示案例制作一個介紹“學習教程”的站點，主要包含六個模塊，包括“我的主頁”LOGO、“導航”、“網站信息”、“教程熱點”、“熱門下載”、“最新教程”、“最新軟件”等等。基本要求是在此實例中，添加“左上角三疊圖”和“最下面友情鏈接”，資料在網絡中獲取，合理設置網頁的背景以及圖片和文本的屬性，頁面美觀大方。較高要求是用此站點結構制作一個介紹自己的個人站點，要求除基本要求外，要有六處超級鏈接，且六處鏈接頁面要有一致的框架結構，站點中導航清晰，布局合理，配色美觀大方。
3．3教學過程中因時因人改進教學手段和方法
高職具有較強的職業特色，而學生水平存在著個體差異，故不能進行一成不變的教學方法。在課程進行到中期的時候，學生對課程知識的索求和動手實踐的欲望會漸漸減弱，他們的厭學情緒越來越重，或者總是出現眼高手低的現象。在這個階段學生已經掌握了一定的網頁設計與制作的知識和技能，教師可以放手給學生，在授課過程中可以由主動變為被動，讓學生由被動變為主動，譬如找某位學生來演示課堂實例，教師在旁指導，把學生的注意力拉回課堂，以此來推動教學進度順利高效的向前進行。
4明確教學目標，把握教學內容
4．1選擇合適的網頁制作工具
目前最好的網頁制作與設計軟件工具是Dre-amweaver。它一直以來作為可視網頁編輯工作的標準，在代碼編輯和應用程序開發方面的功能比較強大，更重要的是它是所見即所得類型的網頁設計軟件，對高職院校非計算機專業的學生來將非常適合。同時，可以選擇Flash制作網頁中的動畫素材，選擇photoshop處理和制作網頁中的圖片素材。
4．2要求學生能夠利用Dreamweaver設計各種網頁，開發初具規模的網站
我系課程方案中要求采用以Dreamweaver為主導，逐步講解網頁設計的基礎知識，初步了解HTML語言、簡單認識CSS網頁設計的基礎知識。這里需要特別說明的一點是，首先，對HTML的教學，有些人認為對于高職非計算機專業的學生來說，不用學習太多語言，其實不然，HTML可以說是網頁的靈魂，它不像C語言那樣生澀難懂，高職非計算機專業的學生完全有能力學會和掌握。其次，要掌握CSS的基本使用方法，CSS是英文單詞CascadingStyleSheets縮寫，翻譯為“層疊樣式表”。通俗講CSS是控制網頁中內容的顏色、字體、文字大小和寬度、邊框、背景及浮動等樣式來實現各式各樣、花樣百出的網頁樣式的統稱。由于允許同時控制多重頁面的樣式和布局，CSS可以稱得上網頁設計領域的一個突破，作為網站開發者、設計者能夠為每個HTML元素定義樣式，并將之應用到希望的任意多的頁面中。如需進行全局的更新，只需簡單地改變樣式，然后網站中的所有元素均會自動地更新。
5考核方式
根據高職院校學生的實際能力水平和課程教學質量基本要求，傳統理論考試已不適宜于網頁設計和制作課程，網頁設計和制作課程采用的是考查的考核形式。這種考核方式更適合網頁設計課程的特點，更加強調學生學習的靈活多樣性。期末總評學習成績可由三部分組成:課程考核(平時到課考勤、課堂上的表現、課堂實訓作業和)占30%、小結考核(階段測驗作品)占30%和期末考核(期末綜合作品)占40%。這種考核方式注重實際操作能力和靈活應用能力的培養，可盡可能地調動學生的學習興趣，發揮學生的學習積極性和主動性。期末考試要求學生在教師規定的時間內完成一整個網站項目的設計與制作，項目中包含一個學期中所學過的全部知識點和技能點。《網頁設計與制作》課程是當下一種全新的教學內容，教師在教學中應將自己獨特的教學理念運用于教學方法中，即讓學生輕松愉快地學會制作網頁的方法和技巧，又能在建立網站的過程中充分發揮自己的想象力和創造力，從而能培養更多適應信息化社會的綜合型網頁設計人才。
6社會實踐
如果說課堂考核方式是檢測和鞏固學生設計網頁能力最有效的方法，那么課外的實踐則是拓展和提高學生設計網站能力最有效的渠道。可以組織學生進行學院網頁設計的比賽，也可以走出校園去參加社會團體組織的設計大賽，或者進行一段時間的頂崗實習，這樣可以最大程度的提高他們對此課程的學習積極性，也可以讓學生找到差距，激勵他們更加努力，不斷完善和提高自己設計網頁的水平。
7總結
【關鍵詞】網頁設計；審美能力；創造力；技術敏感度；教學模式
如何針對高校藝術設計專業的學生上好網頁設計課程，利用藝術設計專業這個平臺，將網站創意、版面構思、動靜態設計元素、網頁色彩、網絡互動技術等知識點系統地糅合在一起，將是此課程教學的重點和難點。針對藝術設計專業的學生，在講授此課程的同時，如何更好地將其與自身專業優勢結合，如何最大化地激發學生的求知欲與學習主動性，這與我們的教學模式和教學重心關系密切。
一、網頁設計課程教學現狀分析
如前所述，網頁設計是一門綜合性很強的設計課程，它不僅要求設計者具備較強的平面設計能力和審美能力，還需要一定的技術能力。國內的理工科院校的網頁設計課程無一例外地是以技術教學為主，而對平面設計和審美能力的培養鮮有提及，這對于理工科專業來講當然無可厚非。但是目前國內大部分高校藝術設計專業的網頁設計課程教學都在套用理工科相關專業的課程內容和模式，在注重技術性的同時，忽略了對自身尤為有價值和優勢的藝術性。而藝術設計專業的學生在學習網頁設計技術的時候常常感到力不從心，致使其對網頁設計課程的學習僅僅停留在技術的表面。同時在高校藝術設計專業的網頁設計教學當中，還普遍存在忽視用戶體驗、對Web可用性缺乏了解、對技術缺乏敏感度、欠缺良好的設計觀念、忽視合作的問題。究其根源，網頁設計是一門實踐性很強的課程，沒有多年的從業經驗很難對其有深入獨到的理解，作為教師的授課主體本身對網頁設計行業欠缺長期的、專業的深度跟蹤和了解，導致學生設計理念薄弱，作品缺乏創意，刻意模仿其他網站。
二、藝術設計專業網頁設計課程的教學模式
（1）樹立正確的設計觀念。網頁設計是一個全新的設計領域，沒有照搬的模式，沒有從屬和延續。但任何設計形式又有其規律和標準，這就需要引導學生運用已有的知識，有針對性地借鑒、評判、吸納、運用與發揮。對于教師而言，比傳授知識更重要的是教會學生如何利用現有知識，在設計語言和設計理念上進行合理創新；如何將自己的創造意圖向網絡工程師展示并得到理解和反饋，從而真正得以用技術手段加以實現自己的想法；如何表述網絡時代全新的傳媒藝術語匯；如何創造出符合人們審美需求的網絡設計符號，這些都是未知的空間，都是需要我們引導學生去探索的。任何設計最終都要為人所用，特別是網頁設計的藝術表現，它既是傳播信息的載體，又是傳遞美感的使者，以人為本便是一把驗證優劣的標尺。（2）培養學生對技術的敏感度。盡管藝術設計專業的學生缺乏對深度技術的知識儲備和學習能力，但如果能夠加以引導，通過充分的課堂案例講解，讓學生在課后及今后大量瀏覽和欣賞優秀網站的過程中，注意時刻關注和積累這些新技術的表現方式、適用主題和場合，就可以逐漸樹立他們對技術的敏感度。設計師無法做到面面俱到，但只要擁有了對網絡技術的敏感度，在今后的設計創作和工作過程中，就可以借助網絡工程師的技術力量來完成自己輝煌的設計創想了，并且技術的敏感度還可以幫助設計師排除一些不切實際或不可能實現的想法。（3）培養學生的團隊合作意識。網頁設計涉及平面構成、色彩構成、CI等方面的知識，還涉及到Java、JavaScript、HTML、CSS等編程語言方面的內容。網頁設計涉及的內容要比單純的圖像設計多得多，因而網頁設計師既是平面設計師又不同于平面設計師。網絡對平面設計行業提供了機遇同時也造成了威脅，而且這種趨勢將越來越明顯，人們將把注意力更多地集中在如何整合各種不同的媒體、利用各種不同的手段來展示創意和對網頁主題的理解。而人不是全能的，人的思維分邏輯思維和形象思維兩種，很少有人能兼具兩者并在兩方面均做到出類拔萃。此時，團隊合作就顯得尤為重要，一個擁有堅實凝聚力的團隊，可以發揮極大的工作效率，產生數倍的能量，創作出驚人的作品，這是單一個體智慧難以實現的。所以在教學當中灌輸和培養團隊合作意識，對學生今后的工作方式和設計生涯有極大的推動作用。
筆者構想的結合方式涉及三個開放：教師和學生之間的互動通過網絡開放，兩者相互監督和評價；企業和學生之間的聯系開放，企業可以通過學校網站直接與相關專業的學生聯系；設計專業還可以通過網絡建立自己的產品銷售渠道，將課本知識通過產品直接反映到市場中，讓教師和學生共同接受市場檢驗。具體內容如下。
（一）通過網絡對學生開放評價系統
現在的學校網絡都有教學評價的環節，但基本是一門課結束時可評價一次，并以這次評價的分數來作為教師代課成績的重要指標。如果評價是為了分數，就失去了評價的重要意義：評價是為了交流。在這方面，網絡完全可以發揮更大的作用，建立網站，將每節課都在網絡上全程對學生開放，學生可通過網絡匿名，隨時和教師及其他學生交流，發表自己的看法，討論課程的不足之處。這樣就把學生意見全程融入到課程當中，教師和學生的身份將變得更為平等。
（二）通過網絡對企業開放評價及招聘系統
企業可以以會員形式加入到相對應的專業體系里，有會員身份的企業可以參與到每門課程的每節課中進行匿名點評或討論，積極參與的企業，可以積累分數，分數高的企業可以在本專業系統的畢業生里享有優先招聘學生的權利。企業通過參與課程，可以觀察哪些學生符合自己的企業需求，其也可以在課程中發揮督導作用，以企業標準衡量課程內容是否合理有用。教師在企業的參與指導下上課，避免了象牙塔現象，教師本身的專業能力也將得到極大提高。
（三）通過網絡將設計結果對潛在的購買人群開放
可以通過大的網絡銷售平臺建立學生作品銷售網絡。比如在淘寶上專門開設大學生作品銷售市場，每個學校的每個設計專業都可以在淘寶上開設一個店鋪，本專業學生可以在店鋪里上傳自己的作品，對這些作品感興趣的人可以通過網站進行購買并評價。這樣學生和市場就以最直接的方式緊密聯系在了一起，其市場敏銳性和積極性必將得到很大提高。職業教育“以就業為導向”就不會是一句空談。綜上所述，整個教學過程通過網絡對學生開放、對企業開放、對市場開放，開放內容包括教學過程、教學評價和教學成果。
二、構建開放式“E”教學系統的意義
網絡改變了現代人的生活，并為其提供了非常方便的展示平臺，使人們更便捷地獲取各種知識，還使各種信息都面臨被公開、被泄露的壓力，在這種新形勢下，開放式教學的定義和方式都應被賦予新的解釋。“開放”是互聯網的根本特性，其在實質上提升了個人（包括學生）的權利和能力，在互聯網的幫助下，學生很快發現站在講臺上的教師不再是最有學問的那個人，現行的課堂講授模式受到“E時代”生活方式的巨大沖擊。本研究正是把開放式教學理論放在當前社會背景下，重新挖掘其內涵，研究如何主動通過網絡把開放、互動的E時代特性融入到整個教學過程中，提高教學質量，增加教學趣味性。
這個系統是網絡技術在教學中運用方式的創新。比如：讓設計專業有組織地利用網絡建立自己的產品銷售渠道，讓學生的設計作品與市場直接接軌。在網購普及的時代，網絡銷售的低成本性適合學生群體進行銷售試驗，由教師帶領按照企業架構的方式去完成從設計到產品銷售的所有環節，這將是極富挑戰性又很有趣味性的教學方式。
這個系統也是對校企合作方式的創新。一般的校企合作都是將企業引入學校，讓學生在企業中實習，以了解企業的運行過程。本課題的構想是吸引企業加入學校專業網站，企業與學校之間的聯系轉化為網民與網站管理者之間的關系，通過一些可行的網站規則，實現企業對教學過程的監督與指導，并為企業與學生之間的聯系提供方便。
這個系統有利于建立新型的師生關系。傳統的教學中，教師與學生是教與學的關系，本課題所研究的教學體系將改變這種傳統關系，因為網絡信息的巨大容納性，教師作為知識的傳授者這一角色在開放的網絡教學過程中將受到學生的挑戰，這會使教師和學生的關系變得更自由和平等。
三、總結
