網站設計總結范例

高職院校課程教學的終極目標是促進學生就業，推動市場經濟的可持續發展。為此，以計算機類專業的網站設計類課程的改革，必然要以就業為導向進行改革與實踐。論文結合以就業為導向的計算機類專業教學改革的必要性，分析了計算機類專業網站設計的崗位需求及課程建設現狀，認為以就業為導向的計算機類專業網站設計課程的改革設計，應有一個明確的改革設計方案，做好課程教學模式的設計和課程教學考核方式的設計，最后針對網站設計課程的改革總結了三點合理的教學策略，一是積極地開展實踐教學，創新教學方法；二是加強校企合作，為學生提供更多的實踐機會，培養學生的職業能力；三是注重課程教學評價，提高學生的實踐能力。

1.引言

互聯網時代下，網站建設與網頁設計成為企業的第一面孔，也是人們了解企業的途徑之一。在企業的規?；焖侔l展下，對網站建設與網頁設計類人才的需求量逐步增加，對人才的要求也越來越高。與此同時，高職院校在為企業輸送大量網站建設與網頁設計類人才時，必然要從企業的實際需求與市場發展動態出發，確保培養的人才契合企業的根本需求。就計算機類專業的網站設計類課程而言，更應在課程教學改革中融入就業理念，在就業導向下完成網站設計類課程的改革與教學。就目前來說，如何在就業理念下做好計算機類專業網站設計課程的教學依然是高職院校高度重視的一個焦點。因此，論文對以就業為導向的計算機類專業的網站設計進行研究有很大的現實意義。

2.以就業為導向的計算機類專業教學改革的必要性

我國網民的數量持續增長，且網絡經濟有著越來越大的影響力。越來越多的企業也積極地運用互聯網技術融入網絡市場，并建立起專屬網站。在這一條件下，計算機類專業人才被這些進行網絡建設的企業所重視，也成為高職院校高度重視的課程教學之一。無論高職院校如何重視計算機類專業人才的培養，一旦脫離了就業市場的真正需求，必然無法為企業輸送真正有價值的計算機類人才（季潤石，王浩，高?？荚嚲蜆I綜合信息網站的設計與實現：人力資源管理，2018）。這就需要高職院校高度重視計算機類專業的就業為導向的教學，通過立足于就業市場培養計算機類專業學生的就業能力，引導學生正視教育環境與就業環境，并在畢業后可以為企業的發展奉獻出自己力量。因此，以就業為導向的計算機類專業教學改革是必然，在實際的改革中應注重學生就業意識的培養、實踐能力的培養、職業能力的培養。

3.計算機類專業網站設計的崗位需求及課程建設現狀

3.1計算機類專業的崗位需求

摘要:在具體的網站建設過程中，圖形設計的應用越來越廣泛，極大地促進了網站的設計與建設發展的進度，因此，文章主要從網站建設的相關概述，對網站建設系統的應用圖形設計進行了討論。

關鍵詞:平面設計；網站建設；應用

傳統的網站建設一般都是根據最初的設計基礎以及原理進行編程，然后由網站的客戶進行提議，以及意見，設計師進行修改以及改編，最后形成客戶滿意的網站設計。由于傳統的網站設計一般是以表格的形式制作出相關的網頁然后把有關的文字、圖片以及音頻放到固定的位置，每個位置的圖像要經過繁瑣的設計，其中的過程比較復雜，而且還比較容易出現錯誤導致整個網站的癱瘓。因此我們要改變傳統的設計理念，采用最新的平面設計應用于網站設計當中，才能更快、更高校的完成網站設計以及建設。

1簡述平面設計

所謂的平面設計在其構成要素上來講，包括基本框架以及基本框架設計兩個方面，在網站建設過程中，平面設計發揮著重要作用。因此，對平面設計的兩方面進行簡要分析，基本框架指的是完成打造設計，點、線、面的邊框部分的平面設計工作，找到平面的突破點，然后進行詳細的設計，這樣工作能夠輕松一些。基本框架設計指的是根據客戶的具體需求以及二維空間和三維空間的選擇，對網站系統進行設計，在此基礎上，對其色彩進行均勻的調和設計，而設計的基本形式在設計之間具有有效性。

2當前網頁設計的基本問題

隨著科技的發展，計算機技術和互聯網技術發展的速度越來越快，網站建設無法跟上時代的發展，它的理論知識和經驗不足，而且在外觀設計上也存在著較大的差距，因此，在一定程度上阻礙了網站設計和建設的發展。具體問題如下。1）從網站的性質出發分析相關問題。根據網站的情況出發，并且就現在的國情和發展的角度來看。一些設計人員沒有以網站的實際情況作為出發點，在平面設計的過程中，沒有根據不同的網站的設計需求也不同的實際情況考慮，在設計上存在著較大的差異。另一方面，從員工的素質角度來看，大部分的工作人員素質較差，知識水平低下，根本不看網站的基本需求，并直接做設計的復制，所以，需要對這一批工作人員進行統一的培訓，增強他們的知識、眼界與素質，為今后的網站設計打下基礎。2）在圖像效果的基礎上進行問題的分析。從圖像效果的角度出發來看，圖像效果對網站設計具有重要的影響，一個好的網站，想要吸引更多人的關注就必須對網頁圖像設計的足夠好，使得畫面效果吸引人們的眼球，特別是對一些網站與圖片的大量需求。從中國的實際國情以及發展方向來看，目前中國在網站建設過程中技術水平仍然存在著不足，例如，很多圖片制作的并不清晰，畫面清晰度實在較差。因此，想要將網站建設的更加完美，必須學習著名設計公司的設計，例如向SONY學習，學習他們公司優秀的地方，我們根據自己的實際需要，取其精華，去其糟粕，更好地促進畫面設計的發展，為我國的網站建設發展奠定基礎。

【摘要】隨著我國經濟實力的不斷上漲，網絡科技也逐漸進入大眾的視線，網絡教育也得到了新的發展。在全新的教育形勢下，網絡課程的開設已經越來越普遍。本文從網站設計與制作課程的教學現狀出發，闡述了新時代下新生的翻轉課堂的具體內涵，為我們展示了翻轉課堂運用于網站設計與制作的優勢與作用。

【關鍵詞】網站設計與制作課;翻轉課堂教學模式;應用

一、前言

翻轉課堂是隨著時代的發展，信息的普遍而新興的一種教學方式。它結合了傳統教學的優良之處，同時也融入了時代的元素，是網站設計與制作課程上的不二之選。翻轉課堂在網站設計與制作課的應用，是連接課前，課堂，課后的紐帶，人性化的課前指導，生動形象的教學視頻，自主學習的課堂氛圍都是它從眾多教學方法中脫穎而出的幾大優勢。而在實踐的檢驗和反思下，也證實了翻轉課堂應用于網站設計與制作的重要意義。

二、網站設計與制作課的教學現狀

由于目前為止我國網絡設計與制作課程開設時間相對較短，因此在很多方面仍然存在著一定的問題。通過對一些已經開設了該門課程的調查可以發現他們在網絡課程教學中存在著一些共同的問題。

1.教學手段老套，學生積極性低

【摘要】本文根據網站設計類課程存在的問題，提出了教學改革的思路和具體改革的內容。引入CDIO教學理念，采用理論教學和實驗教學完善課程理論知識，采用項目教學培養學生動手能力，并建立了學生參與考核和改革的方式。

【關鍵字】CDIO；網站設計；范式改革

網站設計類課程是計算機類學生的一門重要的專業課。課程最終目標是培養學生的綜合分析能力思維和應用開發能力，具有極強的應用性、實踐性，從而為學生今后在經濟和社會的開發工作打下堅實的基礎。自課程開課以來，網站設計類課程知識點難度較高，內容比較抽象，在教學過程中存在教學內容比較分散、教學主線不夠清楚、教學方法不夠多樣化、考核方式單一等問題。因此，為了改善教學效果，培養學生的自主學習能力和實際編程的能力，本文將引入CDIO教學理念對該類課程進行教學范式改革。

0網站設計類課程教學改革思路

CDIO是構思（Conceive）、設計（Design）、實現（Implement）、運作（Operate）的集合體，讓學生以主動的、實踐的、課程之間有機聯系的，即“做中學”的方式來學習，注重培養學生的實際操作能力，為專業服務的原則。[1][2]課程主要思路是以CDIO教學理念為基礎，在“教”、“學”、“做”一體化教學模式下，實施理論教學、實驗教學和項目教學三個階段。理論教學是教師講授與學生實作共同完成。傳統教學方法忽略了學生的重要性，理論知識講授和實踐聯系不夠緊密。因此理論教學過程中增加了學生實做，達到培養學生動手能力的目的。甚至改變傳統按章節順序講解的講授方式，通過案例匹配知識點的方式，極大程度地提高學生興趣。在課堂中，教師以案例進行演示，通過學生的實際練習，鞏固知識。實驗教學更應注重學生實踐能力培養。針對不同能力的學生，將每次實驗設置為驗證性實驗、設計型實驗及綜合性實驗三類。驗證性實驗是基礎，要求每個學生必須完成。設計性實驗具有一定難度，可針對具有一定程序設計能力學生。綜合性實驗主要是對教學內容的綜合應用，問題規模較大，采用小組形式完成。這樣不僅提高了學生動手的積極性，而且培養了學生團隊配合的能力。重點以學生練習為主，教師可以根據學生實際情況進行答疑。項目教學是在教學中加入適合的教學項目，目的在學生綜合能力的訓練。學生可自由分組，采用團隊合作形式完成網站開發。開發過程中學生可以根據所選網站進行分工，增加了學生的團隊意識和溝通能力培養，加強其學習積極性。網站設計類課程教學設計如圖1所示。綜上所述，課程采用“1+1”的方式，即講授+實作，講練結合。各模塊的知識學習后，教師通過項目教學法，要求以小組方式設計實現網站，并進行項目成果分享。這樣，可以使知識得以整合，同時學生可以檢驗自身在這一階段的學習成果，及時查找出問題，教師也可以通過學生的項目情況得到及時的反饋信息，進行知識的查漏補缺。

1網站設計類課程教學改革具體內容

1.1教學內容改革

1課程目標

通過對課程的學習，使學生能按照用戶需求，編寫網站需求分析報告；對網站進行策劃與設計，運行多種技術對動態網站進行開發和制作；并經過技術測試，最終將其到Internet環境；能夠對網站進行維護。通過引導、項目實施、討論、總結、測評，使學生了解網站項目實施的工作流程，具備網站設計、建設與維護的基本知識和實用技能，深化學生的專業技能及團隊合作能力，形成基本的職業道德意識和職業素質，積累實踐經驗，為今后相應的職業崗位工作打下基礎。

2教學內容的選取

課程組根據網站開發項目實施過程，進行了課程教學內容的開發，充分體現職業性、實踐性和開放性性的要求，在內容組織上徹底打破學科知識體系的禁錮，教學擺脫了原始的以教材為主線的邏輯教學結構方式。對完成案例的模塊功能所需的技能和必備知識進行了全新的組織。根據計算機網絡技術專業網站項目開發能力培養鏈路，圍繞網站項目開發流程進行分析，將項目開發分為5個階段：網站策劃階段、整體設計階段、網頁編程階段、網站推廣階段和網站維護階段。教學中選取了“校園新聞網站建設”這個真實的項目，將網站開發的5個階段細分為10個工作任務，具體設計如下：任務一、網站需求分析；任務二、網站設計；任務三、網站后臺數據庫的設計與開發；任務四、實現網站瀏覽器端的界面；任務五、構建網站的開發環境；任務六、實現網站服務器端的功能；任務七、存取數據庫；任務八、網站的測試；任務九、網站任務；任務十、網站的運行與維護。

3教學方法

3.1以項目為載體，突出學生職業能力的培養。

本課程以一個網站項目為載體，以網站項目的設計、開發與維護工作流程為主線，通過項目全面學習網站設計、建設與維護的相關知識和技能，使學生對真實網站項目的工作有一個較全面的認識，形成職業崗位所需的基本能力，為今后從事相關職業崗位作前期準備。4.2啟發式教學法。教師授課前，認真備課，精心設計教學內容。在講課過程中，多給學生提出問題的機會，凡是學生能解決的問題，鼓勵、啟發學生回答，培養學生的參與意識。運用啟發式教學由淺入深，利用生活中學生接觸到的網頁啟發學生思考課程要討論和學習的未知的知識。運用多媒體、電子課件和視頻等輔助教學手段，將抽象的內容形象化、具體化。

摘要:在我國教育教學改革進程不斷深入的現階段，對于職業教育工作的開展也提出了越來越高的要求，特別是針對一些實踐性較強的課程，應積極轉變其教學模式；模塊化教學法作為一種以技能培訓為核心的教學模式，其強調的是理論和實踐二者的有機結合，在網站設計與制作課程中的應用表現出了顯著的成效，應對其予以高度的重視。

關鍵詞:網站設計與制作;模塊化教學;應用

一、前言

自進入到信息時代以來，互聯網領域的迅猛發展使得社會對計算機人才的需求量劇增，各個院校對于網站設計與制作等課程的教學也予以了高度的重視；然而，在網站設計與制作課程的教學過程中還存在“重理論，輕實踐”的問題，而模塊化教學法的提出與應用則有效的提高了教學有效性?；诖?，本文圍繞網站設計與制作中模塊化教學的應用這一課題進行了淺析，希望為相關工作的開展提供參考。

二、模塊化教學法概述

模塊化教學法指的是將勞動力市場需求、崗位職業操作技能等作為依據，對教學內容進行分析和設計，將知識內容按照一定的邏輯關系劃分成幾個相對獨立的教學模塊，之后根據不同教學模塊的教學目標來確定教學方法、組織形式和考核方式等。與傳統的教學方法相比較而言，模塊化教學法具有以下幾點鮮明特征：首先，課程的設計以職業能力作為參考標準；其次，課程結構模塊式；再次，強調學生利用理論知識更好的完成實踐任務；最后，理論和實踐教學的實現是建立在具體化的工作任務布置的層面之上。

三、模塊化教學法在網站設計與制作中的應用

摘要：文章針對高職網站設計課程中存在的問題，結合新工科建設人才培養的新目標和新要求，以長春工程學院高職網站設計課程教學改革為例，引入成果導向（OBE）教育理念，從明確課程定位出發構建新工科背景下網站設計課程技能目標，對課程教學內容、課程教學方法、考核方法等要素進行改革創新，強調課程以“學習產出”為目標，以培養學生的工程能力和創新性思維能力為出發點進行課程教學。實踐證明該教改能有效提升學生的工程能力、專業實戰能力和創新性思維能力，較好地滿足行業產業對人才的實際需求。

關鍵詞：新工科；OBE；教學模式；考核模式

為深化工程教育改革，推進新工科的建設與發展，2017年2月，教育部了《關于開展新工科研究與實踐的通知》，要求高校根據國家發展戰略的人才需要，對工程教育的新理念、新模式、新結構、新質量與新體系等進行研究，深化工程教育改革，由此開啟了“新工科”研究與建設之路。“新工科”人才不僅能運用所掌握的知識分析、解決現有的問題，也有能力運用新知識、新技術解決未來發展出現的問題，對未來技術和產業起到引領作用。“新工科”人才是適應能力強、實踐能力強和創新能力強的高素質復合型人才。

一、課程現狀分析

隨著信息技術和網絡技術的迅猛發展，信息進入了互聯網+的時代。互聯網成為了信息展示的主要渠道，網站設計也迎來了快速發展的契機。當前我國大部分高職院校在關于網站設計人才培養方面表現出來的現狀是目標定位不明確、內容老舊以及實踐環節各知識點孤立、片面，導致培養出來的畢業學生工程實踐能力差、綜合素質低，不能滿足行業企業的實際需求。因此，如何重新制定課程培養目標、更新課程內容體系、創新教學模式和考核模式以及培養具有創新創業精神和能力的復合型新工科網頁設計人才，是當前亟須研究和解決的問題。

二、基于OBE理念構建新工科人才培養目標

OBE教學理念起源于美國，20世紀80年代，美國學者SpandW.D提出這一教育理念。OBE教學理念是一種依據學生預期達成的最終學習成果反向設計課程體系的教育模式，是以成果為導向的教育方法。以“新工科”建設為指導思想、以OBE教育理念為導向，結合網站開發的發展趨勢，走訪相關企業，充分調研相關企業對網站人才知識、素質和能力的需求，同時結合長春工程學院高職人才培養目標，確定本課程的應用與開發能力目標。通過該課程的學習應使學生了解網頁設計的正規流程，掌握網站策劃、站點管理、表格布局、DIV+CSS布局美化、模板與框架的使用、特效代碼（javascript）運用、簡單二維動畫制作和圖片制作修改等基礎知識，使學生具備網頁項目綜合設計能力與優化能力、良好的團隊合作能力、溝通能力及創新能力等。網站開發各階段對應主要內容及能力點如表1所示。

1設計理念

⑴符合高職的特點和實際情況。高職圖書館不同高校圖書館，高職圖書館具有獨特性，網站應結合圖書館的服務理念去建設，但高職圖書館面臨資源少、服務項目少的困境，我們如何對讀者提供有價值服務，需要館員們多年服務讀者過程中總結，才能給讀者一個滿意的網站。圖書館網站建設力圖把滿足讀者需求、方便讀者使用作為網站設計的根本出發點，網站的內容和設計要充分考慮到讀者的需求，一個受讀者喜歡并信賴的網站是建立于讀者明確需求的基礎上。

⑵不使用過多顏色，力求簡潔、清爽。色彩可以鮮艷一些，但不能雜亂。從審美角度看，在網站設計時，只使用三、四種相匹配的顏色就可以讓網站更為美觀了，應盡量避免使網站過于花哨，盡量不用或少用動畫、閃爍或滾動的文本。

⑶頁面應布局合理，盡量簡潔。一般來說，頁面的分辨率推薦1027x768，固定布局寬度來設計；按網站層級來設計布局，同一層級的布局盡可能統一。網站首頁布局應簡潔、大方，應把服務與資源充分顯示在首頁面上，可以采取JS滑動顯示的技術，容納更多的內容而不顯得擁擠。

⑷使用一致的設計元素。在網站的全部頁面上，都采用一致的字體與顏色，會使網站顯得更為統一和專業。同時在網頁的布局設計、術語或詞匯的使用，以及與用戶交互的方式使用等方面，也都應盡力保持這種一致性。圖書館主頁、OPAC頁面及二級頁面在功能菜單及色調上應盡量做到一致。

⑸圖書館的網站上應設計一個較醒目的給讀者發牢騷、提意見、問問題的窗口。

⑹網站整體導航清晰化。1）全局導航。全局導航也就是說可以幫助用戶隨時去到網站的任何一個欄目。并且能輕松跳轉到另一個欄目上。一般來說，全局導航的位置是固定的，這樣可以減少瀏覽者查找的時間。2）導航欄異化，直接的告訴用戶他身在何處。瀏覽則當前訪問的頁面所屬的導航，在網站建設中要進行特殊化處理，比如一家網站建設公司的網站導航，如果網站主導航顏色是藍色的，那么當用戶瀏覽到網站建設流程這個大欄目之下，那么網站建設流程這個欄目的導航應該換一種顏色或者做一種特殊的效果來進行體現，以區別與其他的導航。這樣瀏覽者就能夠非常的容易的識別到當前導航所在的位置。