時間：2023-06-05 10:17:46
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇高級網頁設計，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
本文著重分析了《網頁設計與制作》課程教學存在的問題，探索了《網頁設計與制作》課程教學改革的策略，以提高《網頁設計與制作》教學質量。
關鍵詞：
網頁設計與制作；課程；教學改革；策略
隨著互聯網的發展，互聯網已經被廣泛運用到人們的工作和生活之中，其中企業網站對企業的宣傳與發展有著重要作用，網頁設計與制作成為企業建設網站的重要技術支撐。因此，各企業積極引入高素質網頁設計與制作人才的，強化企業網站建設。而高校作為為企業培養人才的基本場所，十分重視《網頁設計與制作》課程教學的開展，并在新課改背景下積極探索《網頁設計與制作》教學改革的科學方法。但是，由于受傳高校教育模式的影響，《網頁設計與制作》課程教學在學習地位、實踐教學、師生溝通等方面都存在著一些問題需要高校改進。研究《網頁設計與制作》課程教學改革不僅能夠提高教學質量，培養高素質網絡設計與制作人才，而且對企業發展和互聯網發展有著深刻意義。
1《網頁設計與制作》課程教學存在的問題
1.1學生學習被動
長期以來，我國高校《網頁設計與制作》教學多采用理論與實踐課程交替的教學方式，教師為學生講解基本的《網頁設計與制作》理論知識，并為學生進行實踐操作師范，讓后讓學生根據課堂筆記或一級進行模仿操作。在這種教學模式下，學生的網頁設計與制作處于被動的地位，學生的積極性不高。具體來說，有些學生不愿意聽教師的理論知識講解，有些學生不愿意完成老師的網頁設計與制作作業，在課堂上出現睡覺、玩手機甚至是曠課現象，學生的專業基礎知識不扎實，無法將專業理論知識與網頁設計與制作實踐相結合。
1.2學生動手能力較差
在教師進行示范的時候，部分學生認為教師致使拖動鼠標，具體操作內容沒有難度，不愿意認真觀察教師的示范，而到實踐鍛煉的時候，很多學生對具體的操作步驟不屑一顧，認為網頁設計與制作操作過于簡答。但是當學生真正上手進行網絡設計與制作會發現自己對操作步驟和操作技巧不了解，無法進行網頁設計與制作。另外，還有些學生的自我意識較強，不愿意按照教師的講解進行網頁設計與制作，而是一味按照自己的經驗和想法設計制作網頁，導致網頁設計與制作的專業性和科學性不強。
1.3缺乏溝通
首先，在《網頁設計與制作》教學中，教師與學生之間缺乏溝通與互動。一方面，教師缺乏對學生的了解，無法掌握學生的學習現狀、學習興趣和學習需求，《網頁設計與制作》教學只是按照教學大綱和教材開展，缺乏對學生學習需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識量，沒有涉及師生互動環節，導致學生的課堂參與程度較低。另一方面，學生習慣了傳統的教師權威的師生關系，很多學生在《網頁設計與制作》課程學習的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評和嘲諷；其次，在《網頁設計與制作》教學中，學生之間缺乏溝通與互動，很多學生都是獨自為戰，自行設計并制作網絡，但是，個人的知識和智慧是有限的，個人設計與制作網頁受到知識水平和專業技能的限制較大。
2《網頁設計與制作》課程教學改革的策略
2.1重新定位課程教學標準
首先，高校《網頁設計與制作》教學應積極重視企業的用人標準，在《網頁設計與制作》教學中重點培養學生的職業素養、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網頁設計與制作》教學應加強重視課程教育目標，根據新課改的課程教學要求強調學生創新思維和動手操作能力的培養，使學生具備網頁正當年規劃與構建能力、網頁圖形設計能力、動畫設計和制作能力等。
2.2優化教學內容
《網頁設計與制作》課程教學應根據教學大綱和企業的用人要求科學設計教學內容，將教學內容氛圍Web基礎知識、Fireworks、Flash、Dreamweaver這四個模塊。具體來說，Web基礎知識模塊主要包括網絡常用名、網頁瀏覽器、網頁設計原則等基礎知識。Fireworks主要包括基礎知識、基本操作技能和高級應用。Flash主要包括基礎知識、基本動畫制作技巧和高級技術等內容。Dreamweaver主要包括基礎知識、網頁定位技術、動態網頁設計、網頁站點管理、數據庫連接技術等知識。
2.3更新教學模式
高校《網頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網頁設計與制作，加強學生的動手練習。另外，高校《網頁設計與制作》教學應積極利用網絡中的教學資源，將網絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網頁設計與制作技巧，提高《網頁設計與制作》教學的吸引力。
引用：
[1]《網頁制作》課程實踐教學模式的探索與設計[J].薛輝.電腦與電信. 2016(Z1)
關鍵詞：網頁設計；教學創新；任務驅動
1 當代網頁設計教學的背景
1.1 計算機互聯網的發展
從1822年查爾斯?巴比奇發明了第一臺計算機（差分機），宣告了新一輪信息革命的開始，到1981年IBM的PC推出，再到今天的互聯網行業白熱化的發展，計算機幾乎改變了人們的生活，而藝術，作為人類的高級情感需求，存在于世界的每個角落，從古至今皆是如此，計算機也不例外。從計算機圖形操作界面發明那天起，網絡視覺藝術便隨之誕生，而在這之后的幾十年間，網絡視覺藝術的發展的在不斷的變化，而每一次的變革都起源于計算機技術的革新。
另一個具有同樣劃時代意義的發明是Internet，這個萌生于1969年美國軍方（Arpanet）、90年代初普及到全世界的網絡，讓我們今天做的一切成為可能。也正是基于圖形界面和Internet，網絡視覺藝術才真正產生。然而網絡視覺藝術對于當時的設計師來說仍然難以觸碰，雖然平臺已經成型，但是缺少設計的工具和技術支持，所以很多當時的界面在如今看來顯得比較粗糙。1991年8月，蒂姆?伯納斯?李了史上第一個網站，這個網站是由純文本構成的，目的是試圖告訴人們什么是互聯網。
1.2 網絡視覺藝術的發展
在這段時期，各種網絡視覺技術紛紛出現，首先崛起的當是Flash技術，Flash起源于1996年，后來被Adobe公司收購，改名 Adobe Flash。Flash讓動態交互網頁成為可能，一時間各種網頁動畫效果五花八門，層出不窮，設計師們終于可以通過這一技術平臺來實現設計創意，且這一潮流經久不衰。
到21世紀初，flash的一大競爭對手出現，它就是CSS（Cascading Style Sheet），其實CSS 1早在1996年就誕生了，只是一直被忽視，直到21世紀初才真正被人們了解和接受。CSS2具備很多flash所不具備的優勢，比如內容與表現分離、網頁文件體積小等，因此很快被程序員與設計師所青睞。而2004年web2.0的誕生讓CSS更加炙手可熱，自此以后，以HTML+CSS為核心表現手段的 web2.0風格占據主導地位，同時期Javascript腳本語言等彌補了CSS在動態交互方面的不足，伴隨著3G技術和3G設備的成熟，一種被稱為UI風格的設計形式日趨主流，這種風格最初是用于移動界面或者電腦軟件，后來被遷移到了Web端。
1.3 網頁設計教學的更新
隨著網絡的普及和人們對網絡的依賴，人們對網頁的質量也有了很高的要求，如人性化的頁面設計、版面設計的美感、色彩的搭配等。網頁，是視覺范疇的信息傳播媒體，網頁設計平臺也趨于多元化，近些年各大高校為了進一步滿足人們的視覺、審美、情趣等方面的要求，紛紛在藝術設計專業領域開設了網頁設計課程。藝術設計專業的學生設計制作網頁有藝術審美優勢，如何針對藝術類專業學生上好這門課程，給學生提供一個設計平臺，使其將創意、構思、構成元素、版式設計、色彩取向、設計風格等系統地融合在一起，是教授此課程的重要目的和內容。藝術類專業學生如何更好地發揮其專業優勢和特長，這與教師授課模式的啟發性、科學性、獨到性有重大關系。在傳統的網頁設計教學中，流行著網頁設計三劍客的教授內容，即Dreamweaver、Flash、Fireworks這三個軟件的教學，因為這些軟件的出現，曾經極大地將網頁設計推向了一個新的高度，然而，在如今的互聯網世界中，學生只學習三劍客的內容就會發現已經與互聯網行業脫軌。
以HTML+CSS為核心表現手段的 web2.0風格已經開始與flash平分秋色，而蘋果公司的靈魂人物：史蒂夫.喬布斯曾在2010年發表過一封公開信，公開表示蘋果所有硬件不支持flash，原因是“Flash是一個封閉的系統，蘋果拒絕使用Flash，而是用HTML5、CSS和JavaScript等全部都是開放的標準。得益于這些開放標準，蘋果的移動設備都表現出低功耗與高性能的優勢。HTML5是最新的網絡標準，已經為蘋果、谷歌等許多公司所采用，它允許開發者開發出更為高級的圖形、印刷和動畫，并且不需要第三方瀏覽器插件（如Flash）就能轉換。HTML5是完全開放的。”而如今，當設計師進入到互聯網公司后會發現，網頁設計的主要工作內容不需要Flash，Dreamweaver和Fireworks。一名合格的網頁設計師需要去掌握的技能是：交互設計和視覺界面設計。
2 網頁設計課程的內容組織
要明確網頁設計課程上的知識點和技能，首先要了解當今互聯網公司中一個網頁產品設計的流程和設計師的職責才能設計出好的課堂內容。而一名網頁設計師的工作，并不僅僅是輸出設計方案，需要參與前期的需求討論、后期開發、測試驗收等等產品設計與實現的多個環節。
本文簡要地對網頁設計與圖形設計進行分析，通過其運用價值的總結，概括出了圖形設計在計算機網頁設計應用中的要點，以供設計工作者參考。
【關鍵詞】
網頁設計；圖形設計；運用價值；運用要點
前言
科學技術的不斷進步，促進了計算機技術以及互聯網的迅速發展，在各個國家基本實現了全覆蓋。隨著信息時代的到來，人們對于信息的利用更加頻繁，對網頁的關注度逐漸升溫，好的計算機網頁設計會給企業以及瀏覽者帶來更大的價值，要想成功吸引更多的人們注意網頁，就需要將圖形設計完美的融入其中，以達到想要的效果。
1網頁設計與圖形設計概述
網頁設計，是為傳遞信息而進行頁面設計的工作，其主要是依據企業的需求，利用計算機為媒介，將信息展示在瀏覽者面前。作為一種宣傳媒介，網頁設計的精美程度決定了瀏覽者對其的關注度，更絕對了其利用價值的大小。網頁設計包含以下種類：功能型網頁設計、形象型網頁設計和信息型網頁設計，其主要利用顏色、字體、圖片、樣式進行美化設計，根據用戶要求策劃和設計出滿意的網頁，高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。網頁設計最為常用的工具包含PS、FL、AL、DW等[1]。圖形設計，是網頁設計技術中的重要組成部分，影響著網頁設計的效果，對提升網頁的設計感和感染力具有重要作用。圖形設計重在圖形，它是傳達信息的圖像符號，通過不同的表現形式，將作品中要表達的意境表現出來[2]，其重在創意上。圖形設計擁有眾多優勢，有直觀性、審美性、指示性、象征性等，這些都能夠提升計算機網頁的設計效果。
2圖形設計在網頁設計中運用的價值
2.1提升計算機網頁設計的藝術效果
圖形設計的創新性，可以在計算機網頁設計的策劃中與眾不同，更能夠提升計算機網頁設計的藝術效果，將網頁的別具一格的設計展現在用戶面前，讓更多的瀏覽者關注網頁，激發用戶群體的瀏覽興趣，起到更好的傳遞信息的效果。在計算機網頁設計中，利用圖形設計中的完整的表達力，為用戶打造信息傳遞的視覺盛宴，保證計算機網頁設計的質量。據相關調查顯示，最受關注的網頁，往往是利用圖形設計相結合的。
2.2增添計算機網頁設計色彩，向多元化發展
圖形設計的形式多種多樣，更可以說是資源豐富多彩，其利用音頻、圖像以及藝術文字的形式進行計算機網頁的設計，大大的增添了藝術色彩和愉悅的氛圍，并使得傳統的單一網頁形式向多元化方向發展。傳統的計算機網頁只是通過簡單的元素將信息傳遞給瀏覽者，在表達上基本上就是文字配以簡單的圖片，在信息的檢索上更是以文字為主[3]，將現代的圖形設計加入到計算機網頁設計后，用戶可以通過音頻以及圖片進行搜索，這種表現形式的變化圖形設計所起的作用功不可沒。
2.3加強了視覺沖擊力與感染力，更加人性化
計算機網頁設計主要是通過文字和圖像相結合向使用者展示信息，圖像設計是將文字與圖像再加工，利用其獨特的處理技術，將文字與圖像的表現形式更具有視覺沖擊力與感染力，能夠較深瀏覽者的印象，提升瀏覽效率。圖形設計能夠將文字與圖像互相轉換，滿足瀏覽者的需求，并給人以簡潔美觀的效果，更能夠體現設計者的理念，使計算機網頁設計更加人性化。
3圖形設計在網頁設計中運用的要點
3.1圖片格式設置要符合
在圖形設計中，設計工作者一定要注意計算機網頁設計中對圖片格式的要求，只有符合的才能夠實現其利用價值，才能夠達到設計方案中的實際效果。我們在瀏覽網頁中，經常會出現圖片、音頻打不開的現象，使得我們需要的信息沒有很好的讀取。因此，在計算機網頁設計中，一定要合理的處理圖像以及連接圖片，使其格式滿足網頁設計的要求，為用戶展現良好的視覺效果。
3.2圖像大小要控制在要求范圍內
在計算機網頁設計中，對圖像大小的要求非常嚴格，如果在利用圖形設計中不控制好圖像的大小，就會嚴重影響圖像在瀏覽者面前呈現的效果。計算機網頁設計本身就收資源空間大小的限制，只有控制好圖像的質量與范圍，才能夠提升網頁設計質量。例如，我們在瀏覽網頁時會經常看見一些失真、或者比例失調的圖片，不僅影響了我們瀏覽效果，還嚴重影響了我們繼續瀏覽下去的興趣。
3.3圖片顏色配置要科學
不同的色彩表現形式有所不同，同一的色彩會顯得單調，多種色彩搭配會顯得凌亂，在計算機網頁設計中使用圖形設計時，無論哪種顏色都要優化配置好，并要有一定的科學性。在圖形設計中，可以通過PS實際軟件對圖片進行顏色調整，使其適合計算機網頁設計整體色調，為瀏覽者展示良好的畫面感。
4結束語
計算機網頁設計本身就具有一定的難度，圖形設計的加入使之更加的繁瑣，設計人員在運用過程中一定要加以注意，更具網頁設計的實際要求進行圖形的選擇與處理，才能夠增強圖形設計在計算機網頁設計中的視覺效果，實現其使用價值。
作者：占怡 單位：江西樂平市信息中心
參考文獻
[1]王正紅.探討網頁設計中圖形的應用[J].現代裝飾（理論），2014，11：86.
【關鍵詞】網頁設計；布局；排版；文字；圖片
網站是企業或政府向用戶傳遞信息，提供服務的一種重要方式，是企業開展電子商務的重要平臺，是政府面向民眾的重要窗口。網站是直接反應企業形象、政府形象的平臺，因此網頁設計質量的高低將會直接影響到企業或政府的形象。在網頁設計中，布局與排版是十分關鍵的內容之一，其會直接影響到瀏覽者對網頁的第一印象與體驗感。因此，對于網頁設計的布局與排版進行研究具有十分重大的實際意義。
1．計算機網頁設計布局與排版原則
1．1布局與排版設計原則為了讓瀏覽者在瀏覽網頁過程中擁有更好的瀏覽體驗，在進行布局版本過程中要始終秉持以下原則:第一，整體布局，和諧統一。在網頁設計布局排版過程中整體布局占據著十分重要的作用。集成是網頁設計排版布局中常用的一個對稱形式，通過空間的文本與圖形建立其平衡的狀態，從而產生和諧的美感［1］。但是單純的平衡有時候會導致頁面出現過于死板、僵化的情況。因此，可以在對稱平衡設計中融合一些活潑、有趣的詞匯、圖形，但是要注意需要與頁面和諧統一。第二，主次分明，中心突出。在網頁頁面聚居中需要對視覺中心進行充分的考慮，該視覺中西你通常位于頁面的關鍵區域—中部與上部的位置。因此，最有價值的信息應該擺放在這一位置。網頁布局排版主次分明的最終目的是讓網頁可以形成清晰有序，能夠突出重點的視覺效果。第三，疏密有度，錯落有致。在網頁布局排版中，一定要做好疏密有致，預留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離。對于形態與色彩的搭配運用更要合理［2］。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺效果。第四，圖文并茂，生動有趣。圖形美觀與文字的簡潔之間需要合理的搭配。如果圖形在版面設計中占據的比例更大，則文字會相應減少，從而大大減少頁面的信息量;而如果文字太多則會使得網頁版面變得死板。因此，網頁布局與排版應該做到圖文并茂、合理搭配，從而給網頁帶來更加豐富的內容，讓網頁變得更加有趣。1．2布局與排版設計方法網頁設計布局與排版方法主要包括以以下幾點:第一，簡潔明了。布局排版最為重要的原則就是一名了然，讓網頁瀏覽者可以更加順暢的瀏覽信息。第二，主色調鮮明。網頁設計給人的第一印象就是由主色調決定的。主色調在網頁布局與排版中是十分重要的，主色調過多會給瀏覽者帶來一種厭煩的感受，不利于瀏覽者長時間瀏覽網頁。因此，網頁版本的主色調要進行合理的控制，其中主色彩不能超過五種，并且要以一種主色調為主，凸顯以主導地位，另外幾種顏色作為烘托與點綴［3］。一般來說，網頁設計的主色調包括黃、藍、灰、黑和白。第三，字體設置。在網頁設計中字體的設置也應該始終秉持著簡易的原則，通常來說不應該超過三種字體，并且字體在版面中不宜過大，從而讓更多文字給網頁瀏覽者帶來更多有價值的信息。值得注意的是，要避免閃爍的文字在網頁設計布局中出現，其會給瀏覽者帶來一種厭煩的感覺。同時，在網頁標題欄中字體應該相對于正文來說要更大，顏色也需要進行區分。
2．常見布局與排版
2．1T字型T型結構是頂部的頁面布局為網站的標語和橫幅，下列左側為主菜單，右側為內容顯示。由于菜單的背景布置顏色更深，因此整體效果視覺類似于英文字母“T”，因此被成為T字型布局。T字型布局是網頁設計中十分常見的設計布局，其優勢在于頁面結構清晰、明確，容易正確把握主次關系;缺點在于較為沉悶，缺乏靈活性，如果無法準確把握，不注重細節與色彩的配合，十分容易出現無趣、枯燥的現象［4］。2．2口字型口字型布局給人一個感覺就是在頁面中間最為顯眼的主題內容，類似于一個口字型，左側通常包括注冊信息、內容導航、搜索引擎，右側通常包括動態消息、熱點資訊和友情鏈接。上下兩部分為橫條廣告與菜單。口字型布局的優勢在于可以充分利用版面，囊括較大的信息量，缺點在于頁面較為擁擠，過于死板［5］。口字型布局大多被應用于國外站點中，國內使用頻率較低。2．3POP布局POP布局是將一張合適的照片作為頁面設計的中心，并且在合適的位置擺放主菜單。POP布局并不是上下或左右對稱的，但是在設計過程中依然要兼顧平衡與節奏。POP布局可以實現動態效果，其優勢在于美觀，缺陷在于運行速度較為緩慢。2．4同字型同字型的網頁布局一般來說內容量都較大，網頁上方為標題欄，其中內容可以是網站主題或橫幅廣告，在標題欄下可能存在小標題。在頁面左右兩側都布置有相應的內容。通常來說，可能是網站的最新動態、網站的維護管理人員以及部分廣告。同字型網頁的主要內容是分布在中央位置，從上至下，根據內容的重點、類型來進行區分。網站下部分通常為空白，即使有內容也是一些十分常規的內容，包括網站制造方、網站基礎信息等。
3結語
計算機網頁設計布局與排版是一門藝術，針對網頁不同的內容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則，以設計出美觀、簡潔、便捷、人性化的網頁，讓瀏覽者可以舒適的瀏覽網頁。
參考文獻:
［1］李娟．淺述網頁設計中的頁面布局技術［J］．考試周刊，2014(27):116～117．
［2］董磊．網頁設計中視覺傳達的整合設計［J］．明日風尚，2016(05):123，106．
［3］許煒熔．讓“美”走進學生網頁作品———談在網頁設計課堂中提高學生綜合素質的幾點建議［J］．課程教育研究，2014(26):248～249．
［4］梁日有．網頁設計中藝術創新的研究與實現探討［J］．學子(理論版)，2016(03):12～13．
關鍵詞：網頁設計；圖像處理；色彩處理
中圖分類號：TP393.09
網頁設計中包含創作者的智慧和勞動，許多精彩的網頁設計方面的考慮，需要的菜單欄，標識的內容和導航等物品的裝飾網頁頁面的網頁，這樣的和諧與統一整個頁面更全面的考慮，或影響整個頁面的顯示效果。游客和聰明美麗的頁面放縱享樂不停，可憐的頁面在一個距離，體現了藝術創作的影響網頁的網頁設計，網頁設計，圖像處理是重要的，設計師必須注意圖像處理的一個重要環節，可以滿足Web瀏覽器的需要。
1 網頁設計的要素
1.1 色彩運用
生活中服飾家居都講究和諧美，網頁設計中也有相同的要求。一個網頁上的色彩如果太雜亂，則影響了該頁面的美感，一般設計一個網頁時不要用過多的顏色，3種顏色搭配是比較合適的，最多不能超過5。在相同的顏色，選擇顏色，不要使用太多的顏色相匹配的跨度。這是因為第一個色人瀏覽網頁的看法，內容是次要的。如果顏色是一個很好的匹配，使觀眾得到美的享受，或視神經電刺激，產生厭惡，因此網站的設計必須失敗。根據網站或網頁瀏覽自己的其他學科分類，有顏色區分的陰影。如何制作適合你的網站主題的色彩設計應考慮。例如：警察和橄欖油混合搭配白色的衛生保健。顏色會影響我們的思想，在炎熱的夏季，如果我們生活在一個紅色的房子會感覺更熱，在藍色的房間里很涼爽的。有許多特征影響著人們的社會意識的顏色，顏色的因素很多，提高色彩的設計師的知識，網頁設計和深遠的影響。網頁的色彩是網頁設計網頁的顏色是很重要的。有上輕輕一種敏銳的觸覺，高調和相應的光的顏色，顏色的深度剖面。文本的顏色和背景顏色是相反的效果，在頁面上的文本可以突出光顏色較深，顏色深度也可以顯示文本箔，互相襯托。
1.2 版式設計
版式是網頁設計首先要考慮的問題，什么類型的網頁布局設計的期望，如何規劃，如何定位文本。Web文本和圖像，應該發生在同一時間，文字的大小，頁面的主題和輔助信息。網站內容是小學或中學，網頁圖像也有不同的側重點，獨特的風格。網頁設計主題的Web內容的圖片和文本的靈魂，必須基于客觀的優秀的布局，分層顯示給觀眾的需求，讓游客可以快速找到自己需要的角度。
（1）網頁主題突出。看到一個頁面，在該中心的網頁，如果我們讓觀眾看到，主題突出，通常具突出的設計師關注的內容放在頁面的中心，這是習慣的設計師。我們通常意識也是如此，當然，網頁顯示主題安排在人們的習慣，行網頁的關鍵，滿足設計要求。
（2）頁面元素的有機統一。顯示在頁面的內容通常是許多不同大小的頁面元素，匹配關系。在正常情況下，在特定的文章或標題長顯示，布局設計，這些物品之間有一定的時間間隔，使畫面更漂亮。對于相同的工藝，內容的長度短。應放在拼湊圖片處理屏幕上的結果使頁面動態和審美。
圖像文本的和諧，相互對比。當今的互聯網網頁不是開頭的臉的發展，圖像和文本共存。頁面的內容，而不需要解釋性文字，用文字表達的主題信息。頁面需要美麗的景觀，對比度的圖像。一個成功的網站設計作品的文本和圖像和諧，相互哄護理，使頁面的藝術和功能并存。
（3）使主頁易于漫游，主頁一個主要功能的主頁是作為一個漫游工具，引導用戶訪問您的信息存儲在網站或其他網站。盡量使過程吹灰塵漫游一樣容易。基于耦合主頁上的考慮清楚，速度，該項目應限于幾個高級的類別，例如公司，產品，服務，支持等。使用六至八連接項目的理想。另外，你提供的信息不應該被埋葬在許多分層頁。通過連接的項目超過五個已足以令人厭煩的。因此，你必須打擊的廣度和深度之間的平衡。如果你的網站有太多的信息，你可能想網頁或使用更長的連接項目，甚至可能需要創建多個頁面，每一頁包含不同的信息。如果能讓用戶在使用關鍵字或詞來找到所需的信息的網頁，必須受用戶的歡迎。如果你有資源，我們應該找一個專家來評估你的家居設計是易于使用的。尋找一些家庭不熟悉的用戶的制成品，初步審訊你。
2 網頁中的圖像處理
2.1 圖片格式最佳化
對網絡通信中的應用是非常重要的在網絡上方便，圖像文件的請求的大小。網絡帶寬的使用是不受歡迎的，能夠滿足雙重觀賞和傳輸的要求，現在下面的文件格式是互聯網應用的更常見的形式。
（1）用GIF動畫GIF格式，只支持動畫；
（2）圖像矢量由直線和曲線的生成，一個透明的應用背景，然后使用PNG格式，數據空間小于GIF和JPEG2；和PNG圖像格式顯示比GIF和JPEG。
（3）由于JPEG壓縮算法，壓縮比，表現出更多的圖片或文字，數據或JPEG格式圖片量大。許多人從事網頁設計，有各種不同的顯示要求，根據性能不同的圖像格式，需要網頁設計，讓用戶更好的體驗到這個網頁設計師的目的。
2.2 圖像的最佳化處理
設計網站的原始圖片往往不能滿足網頁設計者的需求，的第一圖像處理的設計，以滿足網頁顯示。網頁設計師們通常可以專業的圖像處理工具與PS圖象處理軟件和消防工程很熟悉。本軟件是一個很好的網頁設計，支持軟件，設計人員應學習，網頁設計是非常有用的。有一個規則，并在計算機顯示的要求，一般用在網頁背景圖像大小為1280×800像素，在幾年前，這是1024×768像素，并顯示當前流行密切相關。為背景圖片的形式，而不是網絡上，我們經常搜索照片和800×600像素。
3 網頁色彩處理
3.1 網頁設計色彩的重要性
如今互聯網遍布世界，成為了非常豐富的信息傳播。互聯網提供了極大的社會影響的先進的通信能力。從簡單的文本風格的巨大需求，今天的網頁，今天是豐富多彩的，高度發達的網頁設計與網絡信息傳媒的飛速發展，五顏六色的，網頁設計的色彩。網頁設計是設計藝術的主導因素，色彩設計。如何更好地吸引網民和網站的主題，網頁圖形設計的目的。
3.2 網頁設計的色彩表現
不同的顏色，不同的人有不同的偏好，審美，這是個人的想法，生活環境，和知識的總體質量水平，這就是所謂的概念，個人感覺的顏色。例如，有人喜歡強烈的色彩，優雅的顏色，有人喜歡，喜歡黑色或白色。在Web項目，不同風格，不同的設計師，設計的主題是非常不同的，顏色的選擇也不同。網站設計的色彩，影響了整體的設計，我們可以說，在Web圖形色彩設計是一個關鍵因素。顏色是可行的，顏色可以顯示出設計者的風格，突出主題的網站。網頁設計師需要根據選定的頁的口音，整體風格，所以在創建網站，企業網站建設，宣傳體現價值，文化企業推廣，以達到。網頁設計，平面設計，印刷設計媒體是一樣的，通過網頁主題的一個獨特的設計概念的表達。
3.3 網頁設計色彩的運用
（1）確立網頁頁面的基調，即頁面主題色彩：頁面的色調確定后，就可以開始設計的其他部分。當我們打開一個頁面，你看到的頁面色調更加優雅，這是一個流行的網頁設計的淺色調。文本內容和顏色對比度大，突出的因素，在網頁的主題內容。這些網頁都不是重點強烈的色彩，隱藏，幫助設計主題表明，大多數人更喜歡這種設計風格。一般多在一些人的博客，這是個性張揚的色調設計，是可以理解的，但并不適用于商業用途的網站。
（2）確立網站色系和多個頁面的一致性：和諧的選擇和色彩藝術設計和色彩搭配。網頁的設計風格和色彩的和諧，色彩和均勻設計主題，讓觀眾享受到網頁的樂趣，令游人駐足。顏色是不是一種顏色，它增加了寫作的難度，與頁面內容匹配更加困難。與頁面設計常見的通常選擇顏色和顏色。聰明的情況下，你可以在頁面的一個很強的裝飾增加色彩，增加動態網頁。
（3）對比或互補色的運用：網頁給出了一致的顏色過于沉悶的感覺，特殊效果，以提高網站可以增加圖像的對比度或使用很強的互補性色彩渲染屏幕。為了增加顏色的對比色或互補的通用網站還不是很強大的，易于瀏覽的內容提供主題，你可以選擇激烈的寒冷和溫暖的色調的顏色，但是，是不是沒有規則。頁面背景不能使用多個濃烈的色彩，否則將標的物覆蓋，在網站上建立的主題忽略。
4 結語
圖像處理除了上述圖像處理方面的因素外，對設計者個人品質和綜合素質有一定要求，首先要求創作者有認真的工作態度，有一定的審美能力和獨特的視角，有了工作物質積累意識。網頁設計師掌握網頁制作工具是不夠的，還需要和藝術創作者分享網站形象設計思想，音調和主題內容，讓網站的藝術展的參觀者，網站建設中發揮了很大的作用。網頁設計的顏色完美符合網站的主題氛圍，審美需求與絕大多數的游客，頁面生動直觀，文字簡潔突出，帶給瀏覽者繼續閱讀的興趣和視覺美的沖擊。
參考文獻：
[1]韓曉穎.淺談計算機圖形圖像處理技術[J].福建電腦，2011（10）：83-84.
[2]孫燦明.數字視頻圖像的處理技術[J].電腦知識與技術，2007（13）：213-214.
[3]羽中.教你用Photoshop制作海洋波紋背景[J].計算機與網絡，2007（12）：19.
關鍵詞 中職 Dreamweaver教學 探討
中圖分類號： G710 文獻標識碼：A
Dreamweaver網頁設計與制作是中職計算機類專業基礎課，該門課程操作性和實踐性都很強，主要是培養學生使用Dreamweaver制作靜態網頁的能力。通過對該門課程的學習，中職學生能掌握網頁設計與制作的基本方法和技巧，具有獨立制作網站的技能，成為一個符合中職人才培養目標及方向的、熟練的網頁制作者和Web站點管理者。如何使學生更好地掌握Dreamweaver設計制作網頁的技能，以適應社會經濟發展的需求，是當前中職學校計算機教師共同關心的課題。
1 在Dreamweaver教學內容的選取方面
在教學過程中，教師可以選取典型的、使用率高的工作任務作為教學訓練項目，并根據一般的網站開發流程，遵循教學規律對內容進行序化和整合，共選擇了5個教學模塊，8個情境任務來進行訓練，實現理論與實踐的一體化。 表1模塊、任務情境及涉及知識點
在本課程結束后是綜合課程項目設計課程，在該課程中學生以網站制作為主，綜合運用所學的知識和專項技能，如：圖形圖像處理、Flas制作等等方面知識，在實訓室集中進行綜合、系統的訓練，培養學生的綜合能力，為學生進入企業頂崗實習做前期準備，提高學生的崗位適應能力。
2 Dreamweaver課程設計理念方面
課程根據網頁設計與制作崗位從業人員所必須具備的綜合能力要求，以綜合職業能力培養為目標，以工作過程系統化理念為指導，以教學做一體化為實現途徑，注重課程的職業性、實踐性、開放性。在課程設計中，應該遵循的理念：一是課程標準，以高級網頁制作員在網頁設計中進行網頁設計與制作所要求的職業能力培養為主導；二是內容選取，以工作需求為目標；三是教學組織，以學生為中心，以工作過程為主導；四是教學實施，以實際案例為場景，教學過程在實訓室完成；五是表現形式，以真實工作任務或社會產品為載體。
3 教學過程的實施
3.1理論實踐一體化教學模式
在具體的教學過程中，以四個課時為一個教學單元，理論教學和實踐教學都在真實工作環境中完成，及時強化學生操作技能，實現“教、學、做、評”四位一體。教學中分為多個教學環節。在課堂同步實踐、自主模擬實踐、效果評價3個階段中，教師隨堂觀察，對學生進行輔導和個別答疑。
3.2實踐教學
Dreamweaver網頁設計與制作這門課程是以實作為主的課程，必須強化訓練操作技能，提高實作能力。本課程的技能訓練分為五個層次，在每一個實踐環節中，都精選典型案例，將知識融入各個網頁制作的案例中，然后逐一進行分析講解，使學生在“做中學，學中做”，逐步掌握所學知識，提高操作技能。
（1）課堂同步操作：教師將網頁制作的知識融入案例，進行講解，學生同步操作，理解知識點。
（2）課堂模仿實踐：學生模仿教師講解的方法制作網頁，達到舉一反三的程度，“教、學、練”三者有效結合。
（3）課外拓展實踐：教師布置網頁制作題目，提供素材，根據課堂所學習的操作方法，動手制作網頁，掌握網頁制作技巧。
（4）單元獨立實踐：每一教學階段安排一次綜合性的上機實驗，綜合運用前一階段所學習的知識和所掌握的技能設計制作網頁，只提供素材和參考網頁，由學生自己選擇頁面布局結構、色彩搭配、導航條結構。
（5）綜合項目實訓：全面運用所學習的知識和所掌握的技能，按照企業開發網站的流程，自選題目，收集整理資料，設計制作一個完整的網站。
關鍵詞：高職院校 網頁設計 項目化課程 開發實踐
中圖分類號：TP311.1 文獻標識碼：A 文章編號：1674-098X（2017）02（c）-0224-02
《網頁設計與制作》是計算機應用專業的一門專業核心課程。該課程目標是讓學生掌握網頁設計與制作能力。它以圖形圖像處理、互聯網應用等課程的學習為基礎，也是進一步學習動態網站設計等課程的基礎。學完本課程，要求學生能達到掌握網頁美工初步技能；熟練掌握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 實踐教學條件的建設與使用
課程在網站設計一體化教室完成，其間配合到企業現場教學實習環節，實施時由每位學生獨立完成網頁制作任務，課程各種教學資源能夠在學習過程中在線使用。
IOCL國際職業資格認證標準考試通過專業嚴格的考核方式對相關人才進行測評，為用人單位提供公正和權威的專業技術人才認定依據；為社會技術人員提供一個職業技術認證的平臺。
IOCL國際職業資格認證標準考試是通過計算機網絡，運用高水平的全國遠程考試測評系統對技術人員進行考核，考核注重理論和實踐能力的有機結合。考試題庫內儲備了針對各種專業的大量考題，能夠充分檢驗考核者的技術水平和實踐應用能力。
IOCL國際職業資格認證具有如下類別：IT計算機類、商務類、移動通訊類、建筑類、體育類等。
國際職業資格認證資格證書由國際職業標準聯合會統一編號，學員詳細資料在國際認證標準聯合會國際人才庫統一備案。在中國，取得認證的人員都納入人事部國家人才網的專業人才庫并作為專業技術人才在國家人事部注冊備案。
IOCL資格認證書IT類證書類別
IOCL資格認證書IT類證書包括有9個大類的20種職業資格認證，不同類別和層次的認證，對認證者的學歷和工作經驗有不同的資格要求。以下列出的是它們的具體類別和認證內容。
a、計算機組裝維修類別
計算機組裝維修工程師。電腦組裝、調試、維修，COMS 設置WIN98/WIN2000/WINXP 系統安裝，故障分析與排除。
計算機組裝維修專家。增加主板維修、打印機維修、顯示器維修高級計算機維修工、顯示器維修入門與提高、主板維修技能實訓、打印機維修等內容。
b、現代信息網絡辦公類別
現代信息網絡辦公專家。Win98/xp的使用，熟練掌握Word、Excel、Power point、Access、Outlook的使用、網絡基礎最新辦公自動化高級文秘培訓教程中的要求。
c、平面設計類別
平面設計師。平面設計相關概念及基礎知識、以及對平面設計軟件Photoshop（7.0）、矢量圖制作軟件Illustrator（10）、矢量圖形制作軟件Corel draw(11)、矢量圖形制作軟件Freehand(10)。
高級平面設計師。對以上平面設計師內容熟練使用，并能獨立完成各種設計項目的能力。
d、網頁設計制作類別
網頁設計師。能熟練使用Photoshop、firework、Dream weaver、Flash等設計軟件，熟悉HTML、CSS、javascript網頁程序設計語言數據庫知識：會使用Aceess、sqlserver、熟悉SQL語言來進行網頁編程。
高級網頁設計師。增加能熟練掌握Aceess、sqlserver、熟悉SQL語言來進行網頁編程。
e、3D類別
3D影視動畫設計師。美術基礎、電腦基礎、手繪基礎、導演基礎、形象造型、描線技能、動畫規律、3D動畫技術、Illustrator、Inknpaint。
3D裝潢設計師。美術設計基礎（素描、平面構成，色彩寫生及色彩及構成）、空間設計、室內設計要素與程序、室內設計與室內環境空間、室內界面設計、家具與陳設、室內綠化、室內色彩設計、室內照明，家居空間設計、材料、施工工藝、預算，熟練掌握auto cad、3ds max、photoshop、lightscape、裝飾設計軟件。
高級3D影視制作動畫設計師。美術基礎、手繪基礎、電腦基礎、原畫創作、動畫時間把握、場景基礎、色彩知識、透視基礎、導演基礎、視聽語言、合成特效、后期裁剪、3D動畫技術、Adobe、Photoshop、Tooz、Aftereffect、Illustrator、Premiere。
高級3D裝潢設計師。美術設計基礎（素描、平面構成，色彩寫生及色彩及構成）、空間設計、手繪（平、立、剖、透視圖）、人體工程學、室內設計要素與程序、室內設計與室內環境空間、室內界面設計、家具與陳設、室內綠化、室內色彩設計、室內照明，家居空間設計、材料、施工工藝、預算，熟練掌握auto cad、3ds max、photoshop、lightscape、裝飾設計軟件，獨立完成各種設計項目的能力。
f、游戲開發設計類別
游戲開發設計師。游戲的概念與特點，電腦游戲與傳統游戲的區別，電腦游戲的分類，游戲場景設計，游戲開發的基本流程，多媒體硬件技術的發展過程，了解常見的多媒體硬件計算機的組成。了解多媒體音頻文件的種類，音頻編輯處理系統GoldWave的使用與操作。數字圖像的編輯，圖像文件格式，圖像處理軟件Photoshop的使用，動畫及常見動畫格式，三維動畫軟件3D Max制作技術，平面動畫軟件Flash制作技術，視頻文件格式，數字視頻軟件Premie。
高級游戲開發設計師。除以上游戲開發設計師認證的內容外，還需熟悉游戲各領域競爭概況、著名游戲常識、針對大型游戲策劃。游戲設計入門、游戲開發與制作。
g、Java開發工程類別
Java開發工程師。Java面向對象的系統設計和數據庫建模、大型關系數據庫、JDBC連接技術、數據的各種操作技術、數據庫操作技術、觸發器高級設計、數據備份與恢復、數據庫安全、SQLJ介紹、XML與數據存儲、JSP與數據庫的連接、JDO技術Java數據庫高級教程。
高級Java開發工程師。Java Web基礎技術入門、Java Web基礎、數據庫基礎、Web應用國際化、常用開源軟件、系統開發過程。
h、網絡工程師類別
網絡管理員。小型網絡系統的設計、構建、安裝和調試，中小型局域網的運行維護和日常管理，根據應用部門的需求，構建和維護Web網站，進行網頁制作，具有助理工程師（或技術員）的實際工作能力和業務水平。
網絡工程師。中型網絡系統的規劃、設計和網絡設備的軟硬件安裝調試工作，能進行網絡系統的運行、維護和管理，能高效、可靠、安全地管理網絡資源，能指導助理工程師從事網絡系統的構建和管理工作。
高級網絡工程師。針對中大型網絡系統的規劃、設計和網絡設備的軟硬件安裝調試工作，能進行網絡系統的運行、維護和管理，能高效、可靠、安全地管理網絡資源。對大型網絡的分析策劃。能指導工程師從事網絡系統的構建和管理工作。
【關鍵詞】項目教學法；網頁設計與制作；應用
一、項目教學法的含義
項目教學法是通過進行一個完整的“項目”工作而進行的教學活動。
在建構主義理論的指導下，項目教學法以實際的工程項目為對象，先由教師對項目進行分解，并根據需要做適當的示范，然后讓學生分組圍繞工程項目進行討論、協作學習，最后以共同完成項目的情況來評價學生是否達到教學目標的一種教學方法。
二、項目教學法在《網頁設計與制作》課程教學中的具體實施
（一）實施流程
項目教學法在《網頁設計與制作》課程教學中的實施流程大致可分為確定項目、分析項目、實施項目、項目成果展示、評價這幾個階段。
1.確定項目
項目教學法中的項目一般來自于教師實際承接的工作項目，亦可由教師根據實際工作中的情況和教學內容模擬一個項目。教師選取項目時應注意：①項目所涉及的知識點要包含《網頁設計與制作》課程教學的總體目標內容；②項目包含的技能要切合學生畢業后的工作能力需要；③項目的難易度要與學生的知識背景水平相符。
2.分析項目
為了使學生能有計劃、有目的地進行項目開發，項目任務確定后，教師引導學生對項目進行需求分析，再根據所作的需求分析劃分項目的能力模塊，并將每個能力模塊細分為一系列子項目，學生根據課程的時間安排，結合項目內容編寫項目開發計劃書。
項目開發計劃書應包括：①所建網站的功能需求；②實現網站功能需求所要完成的任務；③各項任務限定的時間、負責人等。
3.實施項目
實施項目是項目教學法取得成功的核心環節。項目任務的完成主要以學生的自主學習創作及相互協作為主。在此過程中，教師需做好下列工作來引導好學生：
①指導學生進行相關基礎知識和技能的學習。
②提供必要的相關資源與素材給學生，供學生引用。如一些典型的網頁作品、素材等。
③恰當地對學生進行引導，比如要求學生在進行網頁設計時要注意網站色彩的搭配，鼓勵學生上網瀏覽網頁，通過學習和借鑒別人的顏色搭配方法和技巧來規劃出自己網站的風格。
④督促學生按時按量完成項目計劃書中的各個開發環節，以保證學生能夠順利地在計劃內完成目的開發，達到教學目標。
4.項目成果展示、評價
在項目教學實施的最后階段，應對網站項目的成果進行展示、評價，形成激勵。由于項目教學追求的不是學習成果的唯一正確性，因此對學生的項目成果不能只進行優劣或對錯的評價，而應采取學生先自評、然后其它學生互評、最后由教師或企業客戶完成最終評價的多元化評價方式。學生對各自項目成果自評，有助于引起學生的反思，以促進學生的發展。學生的互評可以讓學生對學習成果進行共享，從學生的角度發現問題以及提出改進意見。教師或企業客戶對各項目組的設計進行綜合評價，應該指出問題所在，給出具體改進及修改建議等，讓學生去完善自己的設計。這樣可讓學生學到更多的操作技巧，全面吸收整個項目實施活動的精髓，并了解自己今后學習、努力的方向。
（二）實施案例
項目名稱：“圖書出版信息網上查詢系統”的開發
項目內容：本項目制作的是一個簡單的圖書出版信息網上查詢系統，主要由主頁和后臺管理頁兩個頁面組成。其中主頁包括數據列表、分類查詢、高級查詢、管理員登錄等功能模塊。管理員從主頁登陸后將進入后臺管理，功能包括圖書信息的添加、更新、刪除等。
項目目的：學生通過親自動手創建圖書出版信息網上查詢系統，熟悉一般網站的制作流程，掌握制作交互式網頁的基本知識與技能。
項目實施過程：
1.項目導入
隨著網絡技術、數據庫技術和通信技術的深入發展，帶有后臺數據庫的交互式網頁已遍布整個Internet，許多出版社都有自己的主頁，并可通過主頁來查詢圖書出版信息。基于此背景，本項目的任務是制作一個簡單的圖書出版信息網上查詢系統。
2.進行項目分析，制定項目計劃
由于本項目涉及的知識點屬于《網頁設計與制作》課程最基礎的知識，是每個學生都必須熟練掌握的，所以本項目沒有對學生進行分組，而是由學生獨立探索完成。
首先，由教師扮演項目客戶的角色，學生與客戶進行網站項目需求交流，并根據需求給畫出網站功能模塊示意圖。
其次，明確所建網站的功能需求后，學生根據網站功能需求對項目完成的最終目標進行分類，再根據分類將項目劃分為若干個模塊項目，并把模塊項目分成為了實現這些目標而需完成的不同任務，制作出項目開發計劃表，從而明確項目的基本制作思路。
3.項目實施
對于首次接觸網頁制作的學生來說，沒有一定的網頁制作軟件操作基礎，就無法進行項目建設。因此，項目實施分以下兩階段進行：
第一階段：在每個模塊項目開發前，教師先指導學生學習該模塊項目所涉及的新知識點與技能。
第二階段：引導、監督學生按照制定的項目開發計劃表完成每個模塊項目的任務內容。
4.作品展示、評價
學生完成網站建設后：首先，由學生向全班匯報、展示、交流本人設計的最終作品，；然后，采取學生自評和互評、教師站在客戶的角度點評的方式進行本次作品評價。
（三）教學反饋
在《網頁設計與制作》這門課程實施了項目教學法后，學生為完成實際的網站開發項目任務學習、為解決具體的在網站開發過程中遇到的實際問題而去探究，學習興趣有了很大的提高；通過與其它學科知識的有機結合、相互滲透，使得開發出來的作品頁面布局合理、美觀，實用性更強，具備了一定的網站開發工作能力基礎。
四、結語
綜上所述，在《網頁設計與制作》課程教學中實施項目教學法，能使學習過程與實際工作過程相一致，可以更好地幫助學生構建知識體系，提升學生的職業技術能力和就業能力，縮短在校學生與合格的職業人之間的距離。因此，項目教學法在強調操作性和綜合性的《網頁設計與制作》課程中有著獨特的優勢，應予以進一步的總結提高，推廣實施。
【參考文獻】
[1]何永輝.項目教學法的研究與應用[J].世界教育信息，2008（7）
[2]李慶武.項目教學法在課程教學中的運用探討[J].教育探索，2008（4）
關鍵詞：網頁設計；色彩；網頁優化
中圖分類號：TP393.092
隨著信息技術的飛速發展，網絡是人們獲取信息的主要手段，尤其目前的很多商業性網站，除了追求信息量豐富、操作便捷之外，要求網頁的視覺效果也要體現個性，突出網站的特色。因此，這就對網頁的設計與制作提出了更高的要求。
在網頁的設計過程中，首先要注重內容，無論是內容的承載信息量的廣度和深度，還是內容的組織層次上都很重要，很多人瀏覽網頁的針對性很強，比如上網查找軟件、MP3、小說下載或一定的資訊、教材等能夠更好地滿足需求；其次是網站的速度。在確定內容的基礎上，盡量提高速度十分必要，速度太慢，訪問者也只有失去耐心，從而影響你網站的訪問量；最后，是頁面視覺的美觀。要強調藝術性，注重通過獨特的藝術風格來突出設計目的。
1 網頁設計的任務
1.1 資訊類網站，目前知名新華網、新浪網、搜狐等都屬于這類網站。它以提供信息的量大、及時、全面、權威等特點吸引廣大訪問者。因此在網頁設計過程中要做到布局合理、頁面分割有序，更要注重界面的親和力等問題。
1.2 資訊和形象兼顧的網站，如高等學校的網站，一方面宣傳辦學理念、優勢、特色等企業形象；另一方面也會向社會招生、就業等資訊。再如海爾海爾、索尼等一些知名企業的網站。在設計上既要保證資訊類網站的要求，同時又要突出企業、單位的形象。甚至要突出企業的經營理念，所以從目前狀況上來看，很多企業不惜重金，不斷更新軟硬件設施，翻新網絡內容和網頁設計。
1.3 形象類網站，目前各類企業都會通過媒體宣傳自己，樹立企業的形象。所有的企業幾乎追求的都是同一個目標，就是讓自己企業的名字，產品以及服務都能深入人心，網絡的出現也就提供給了企業另一個宣傳的平臺，為企業樹立形象提供了一條新的路線。因此這類網站對設計者的美工水平要求較高。
2 網頁設計應遵循的原則
在網頁的設計過程中，畫面中的所有元素組織要達到良好的效果，這就需要遵循以下幾項原則：
2.1 統一性原則。畫面中的各組成部分不能鼓勵分散，缺乏條理性，能夠放在同一界面的當中，就要保證內容的整體性，設計風格的一致性。
2.2 連貫性原則。頁面之間都是相互聯系的，每一條目猶如城市路標，清晰地指引瀏覽者走下目的地，這就需要將內容恰當歸屬；表現形式上也要前后一致、相互呼應，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。
2.3 分割性原則。頁面分成小塊更容易產生清晰的視覺效果，使觀者第一時間完整目標定位，在眾多信息中找到重點，節省大量的信息篩選時間。
2.4 對比性原則。就是通過矛盾和沖突，使設計更加富有生氣。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。
2.5 和諧性原則。頁面在多個元素之間劃分，但也不失整體性，這是藝術設計中追尋美的法則。設計的作品中顏色、形狀、線條太多、太雜就會失去其靈魂所在，充滿太多隨意性的作品無法實現覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴，這是設計能否成功的關鍵。
3 網頁的設計與制作過程
3.1 網頁設計的實現。網頁設計的實現過程可以分為兩個環節：首先，手工繪制階段，用紙和筆畫出站點的規劃及草圖。設計網頁的版面布局，我們將以合適最適合的方式將圖片和文字排放在頁面的不同位置，動畫也要設置恰當的路線、恰當的時機。“畫竹要成竹于胸”有了這份藍圖，我們就到了真正的藍圖實現階段了。第二環節在計算機上完成網頁的制作。這時除了要有一臺配置不錯的計算機外，軟件也是必需的。微軟的FrontPage、前Macromedia公司的DreamWeaver及網頁設計新貴Adobe公司的Golive。利用這些軟件工具，將藍圖中的組織形式和設計理念付諸于實踐。在設計的過程中要體現創意，融入恰當的藝術元素規劃組織結構，體現信息內容。
3.2 色彩的運用。色彩是美麗而豐富的，它能喚起人類的心靈的共鳴，促使人們產生無限遐想。每種顏色都有其深刻的寓意，如紅色是熱烈、沖動、強有力的色彩，它能使肌肉的機能和血液循環加快。由于紅色容易引起注意，所以在各種媒體中也被廣泛的利用，除了具有較佳的明視效果之外，更被用來傳達有活力，積極，熱誠，溫暖，前進等涵義的企業形象與精神，另外紅色即是警告，危險，禁止，防火的指定色。因此網站設計過程中色彩設計是重要一環，網站的整體色彩搭配應符合網站的主題信息特征。而網站的整體色彩搭配是由主色調和輔助色調兩部分。
主色調是構成網站形象的一種或一組主要色彩。明確網站的主題、服務對象之后我們再根據每種顏色的寓意進行選擇。如綠色食品類的網站以綠色為主，突出希望、健康的主題。通過主色調體現企業形象，以此達到品牌或產品宣傳的目的，給消費者留下一個多種媒介的統一印象。如麥當勞的紅、黃，可口可樂的紅。主題色的數量不可過多，一種或兩種即可。
而輔助色調在網頁設計的色彩設計環節中，經常要小面積地使用主題色以外的其它色彩，來增加頁面的色彩層次或輔助實現某種功能。輔助色的面積雖然小，但卻能起到緩沖和強調的作用。合理地使用輔助色，能讓主色調更加鮮明、生動，使得頁面視覺效果更加流暢、和諧。輔助色應在主色調確定后進行選擇。要在保持主色調主導地位的前提下，與主色調間形成相互和諧的局面。可以選用柔和的相近色，也可選用反差較大的對比色。
3.3 造型的組合。在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品里，是需要點、線、面的共同組合與搭配來構造一個有機整體，引導受眾的視野。通常使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。突出頁面上的重要元素，突出設計的主題，增強美感。
3.4 網頁的優化：（1）文字優化。文字是網頁中傳達信息的基本載體，因此字體的優化就顯得尤為重要了。通常指定字體為宋體字號大小為12px，字體顏色要與背景色相協調，在能看清楚的基礎上要求達到整體和諧。白色背景、黑色字體是最為常用的，防止瀏覽者產生眼疲勞，保證較長時間地瀏覽網頁。（2）圖片優化。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低，這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進行優化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優化為gif，這是由這兩種格式的特點決定的。（3）表格優化。設定表格的寬度、高度、邊框、背景色、對齊方式等參數。
4 結束語
綜上所述，靈活運用網頁設計軟件實現網頁的設計，在不失網頁設計主題的前提下，摻雜巧妙的藝術手法將網頁的內容以個性化的方式呈現出來，更好地滿足受眾的需要，并達到瞬間產生深刻印象的藝術效果。
參考文獻：
[1]王娟.網頁設計中的色彩運用[J].電影評介，2010（03）.
[2]陳心威.淺談色彩在網頁設計中的應用[J].福建電腦，2009（10）.
戶口所在： 湖南 國 籍： 中國
婚姻狀況： 未婚 民 族： 漢族
身 高： 170 cm
體 重： 65 kg
求職意向
人才類型： 普通求職
應聘職位： 網頁設計/制作/美工/UI
工作年限： 4 職 稱： 高級
求職類型： 全職 可到職日期： 兩個星期
月薪要求： 6500～7999元 希望工作地區： 廣州，，
工作經歷
**公司 起止年月：2012-04 ～ 至今
公司性質： 國有企業 所屬行業：通信/電信/網絡設備
擔任職位： UI設計師
工作描述： 負責公司合作項目的軟件界面設計、移動端產品界面設計、網站界面設計、公司宣傳冊設計、名片設計等，每個項目界面設計都是獨立一人完成;設計項目有：廣東號百黃頁網站(包括wap網站)、湖南號百黃頁網站、云南號百企業通訊錄手機端、關鍵字營銷助手手機端、更纖小助手手機端、翼支付pos手機端、翼支付電視端(IPTV)、翼支付火車票手機端、翼支付添益寶手機端、打車e族手機端等。
離職原因：
**公司 起止年月：2011-02 ～ 2012-04
公司性質： 私營企業 所屬行業：計算機/互聯網/通信/電子
擔任職位： 網頁設計
工作描述： 在該公司主要工作是設計公司接的醫療網站項目，以及公司自己的醫療網站和推廣專題頁面設計等，并設計了公司官方網站、公司名片、公司宣傳冊、戶外廣告等。
離職原因：
**公司 起止年月：2010-03 ～ 2011-02
公司性質： 私營企業 所屬行業：計算機/互聯網/通信/電子
擔任職位： 網頁設計
工作描述： 在該公司主要設計公司官網的廣告圖片、網站專題頁面設計、公司電子雜志設計等，以及網頁靜態頁面代碼編寫等。
畢業院校： 湖南機電職業技術學院
最高學歷： 大專 獲得學位: 大專 畢業日期： 2010-06
專 業 一： 多媒體技術
起始年月 終止年月 學校(機構) 所學專業 獲得證書 證書編號
2007-09 2010-07 湖南機電職業技術學院 多媒體技術 多媒體作品制作員 091401600
語言能力
外語： 英語 一般 粵語水平： 較差
其它外語能力：
國語水平： 優秀
工作能力及其他專長
1、精通軟件：Photoshop、Dreamweaver、Illustrator、Flash、Axure;
2、熟練軟件：Coreldraw、Premiere、3Dmax、After Effect等;
3、精通html語言，精通DIV+CSS布局，熟練使用html5+css3編寫wap網站，對Javascript有一定了解并會使用;
4、對用戶體驗和交互設計有一定的了解，熟悉產品設計流程，能快速使用Axure制作產品原型;
5、4年網站界面設計經驗，2年Android界面設計，熟悉網站界面和android界面設計標準;
6、經過幾年的工作磨練，對界面設計色彩運用熟練，設計風格跟隨主流，培養了良好的審美能力和深厚的美術功底
[關鍵詞]網頁設計；網頁制作；任務驅動；項目教學
《網頁設計與制作》作為一門實踐和應用能力很強的課程，本門課程在計算機專業課程體系中處于一個非常重要的位置，《計算機網絡基礎》、《圖像處理技術》作為其先導課，為其提供必要的知識準備，比如計算機網絡的熟悉、圖像處理的掌握等，而《網頁設計與制作》課程又為其后續課程《.Net技術基礎課程設計》、《.Net高級應用》等課程提供有力的支持，比如開發界面的設計、HTML代碼的熟練掌握等等。這就要求學生不僅要掌握專業知識，更要具有運用專業知識分析和解決實際問題的能力。
課程教學中提高學生的實際動手能力是關鍵。這就要通過對教學內容的合理安排對學生進行正確引導，教學過程以工作項目為主導，教學內容的設計就需要改變傳統的以知識點為主體的模式，而以實際工作任務需求為基礎，注重理論知識、實踐知識與職業技能的綜合。教學方法的設計以任務驅動教學法和項目教學法為核心，在具體實施過程中，以任務為主線、教師為主導、學生為主體，把課程的整體內容按知識點劃分成多個獨立的實際工作項目，使學生既學會了知識，又應用知識完成了多項實際工作，達到了知識和能力的雙豐收。
一、理論基礎
近年來，計算機技術發展迅猛，知識結構更新速度快，這已成為高等職業院校計算機類課程教學過程中的難題之一。在當今信息時代，計算機技術的普及時刻要求我們必須教會專業學生熟練掌握計算機技能，而計算機硬件、軟件的持續更新，又使得“會”的內涵在不斷發生變化，這就要求計算機教室在“教”和“學”方面及時更新，以適應計算機發展的需要。
1.任務驅動教學法
任務驅動教學法是近年來廣泛應用的教學方法。它是在建構理論的基礎上繁衍的一種新型教學模式，學生的學習過程必須與任務相對接，通過問題的導引來激發學生的學習興趣；從簡單的范例入手，帶動理論知識的學習，培養學生獨立探索、不斷創新的學習能力，提高學生的學習興趣，培養學生主動學習的意識。教師在開始“任務”設計時，要綜合考慮到網頁設計與制作所涉及的理論、技能及擴展知識的連接，將該任務分解成若干個子任務，以任務驅動的方式分步驟地指導學生完成課業，在完成子任務過程中，由淺入深，循序漸進，保證課堂教學目標順利完成。
2.項目教學法
項目教學法也是近年來各高職院校廣泛應用的教學方法。它以自主式、探索式學習為基礎，采用科學實踐的方法，激發學生積極主動地學習。在實際教學過程中，教師將需要完成的任務或需要解決的問題以項目的方式下發給學生，教師通過現場分析本次課程的教學內容，分解教學任務，把將要講授的理論知識融入到學生即將完成的任務中，以小組的方式，由學生本人按照實際工作中的完整流程，共同制訂計劃、分解任務、分工完成整個項目操作，學習過程成為每個人都參與的團隊實踐活動，學生通過小組協作方式完成項目，達到真正掌握課堂知識的目的。
項目教學法最顯著的特征是以項目為主線，以學生為主體，以教師為主導，它改變了以往教師主動講授、學生被動聽講的傳統教學模式，創造性地提出了學生主動參與、組內自主協作、組間探索創新的教學新模式。學生成為學習的主體，通過獨立完成項目，主動把理論和實踐有機結合，這不僅提高了學生理論知識水平和實際操作技能，同時在教師正確和有目的的指引下，培養了其團隊合作、共同解決問題的能力。
二、任務驅動法的具體應用
1.創建情境，設計任務
授課前，教師提前向專業學生布置這門課程、這個階段、這個單元、本節課程的學習任務，要求學生課前帶著任務和問題去預習；授課時，教師向學生推薦一些和本次課程相關的網頁、網站等資源供學生現場欣賞，把學生帶入到真實的學習情境中，激發學生的學習熱情，引導學生去思考、構想如何設計網頁、制作網頁，確定本門課程的總任務――建設一個完整實用的網站和頁面；教師要針對課程所涉及到的每個知識點將總體任務劃分成若干個任務，如文本網頁、圖像網頁、超鏈接網頁、表格網頁、框架網頁、CSS樣式網頁、層在網頁中運用、時間軸在網頁中運用、模板網頁和庫操作等，再將每個任務進一步劃分成若干個子任務。任務的劃分應遵循由淺入深，由易到難，即子任務應緊密圍繞任務一個個去完成，任務應緊密圍繞總體任務一個個去實現。教師根據網頁制作的規律，主動創建激發學生學習興趣的任務，營造愉快的學習氛圍，使學生自覺、主動地完成規定任務。
2.分析任務，提出問題
提出任務后，不急于講解，先讓學生帶著任務進行思考、分析、研討，提出完成該任務需要解決什么問題。在提出的所有問題中，有些問題學生以前已經學過的，可以讓學生自行去解決；有些問題是學生以前沒有接觸到的，即隱藏在任務中新的知識點，這正是本次任務需要解決的問題，最好由學生主動提出這些問題，解決問題很容易，僅僅是技能方面的掌握，而提出新問題、從新的視角去看待老問題，卻需要學生具有創造性的想象力。例如，在具體應用CSS樣式的教學過程中，教師先演示某一網頁文字效果，引導學生主動與學過的網頁文字效果進行比對，讓學生自己去分析任務、提出問題，而不是直接告訴答案，給出現成的結論。
3.自主學習，解決問題
提出問題后，教師先不要直接跟學生講解問題如何去處理，而是跟學生指明解決問題的思路和線索。要以問題的探索引起和激發學生的愛好和興趣。學生根據自己掌握的知識獨立完成任務，通過主動探索和團隊的協作開展活動，在活動的過程中掌握新知識和新技能，并將知識進行融會貫通，并運用到實際操作中。例如，學生如果做一個公司的網站設計，學生就先去上網了解一些其他公司網站的設計思路及效果，然后再嘗試根據該公司提供的素材和要求進行設計。在任務制作過程中，要充分考慮到學生間的個體差異，隨時給學生提供技術支持，讓學生盡快掌握知識，并熟練操作。
4.評價反饋，總結提煉
在教學實施過程中，教師不應以學生所掌握知識的對錯為基準，應以學生參與整個教學活動的態度、解決實際問題的能力、創造力的發揮、吸取的經驗和教訓為基準。對學生整體評價應包含以下幾方面內容：是否理解、掌握并熟練操作新知識；自主學習能力是否提高；獨立操作能力是否提高；創造性解決問題的能力是否加強等。
三、項目教學法的具體應用
1.設計思路
首先，項目名字的選取既能引起學生的興趣，又能和實際工作相一致；其次，項目內容的設定要包含所有知識點，各項目間是相對獨立又有密不可分的關系，項目的內容激發學生的學習興趣和愿望，使學生掌握的知識能學有所用、學以致用，真正起到事半功倍的效果；再三，項目內容之間的關系相互遞進，螺旋上升，形成了從初學到熟練操作的學習過程。本門課程共劃分了七個獨立遞進的項目，即：制作文本網頁、制作超鏈接導航網頁、制作圖像和多媒體網頁、制作布局網頁、使用樣式表設計模板網頁、制作特效網頁、站點的測試與。
每個項目的設計與制作過程都包含了整個網頁設計全過程，即：項目的分析、設計、制作、測試和全過程，完成一個項目就完成一個工作任務。雖然各項目的實施過程是繁瑣的，但內容操作上是遞進的，細節上是不同的。后續的項目會使用到之前項目的知識點，既鞏固了舊知識，有學習了新知識。
2.實施過程
在具體教學過程中，為每個項目設計了相應的任務單，按照實際工作流程，在工作任務單中設計相應的學習情境。例如，某企業想要設計一組網頁，用來展示自己企業產品的種類、性能、售后等信息。提出需求如下：主頁面的框架結構采用上下結構，上框架中以表格布局的方式放置企業的徽標、標題欄、導航欄，下框架以表格的方式展示企業的相關內容，從感官效果上整體感、立體感非常強烈，能夠很好地體現企業的形象。
具體教學過程如下：首先，對學生進行分組，2至4人為一組，以組為單位完成項目的設計與制作過程；其次，小組接到任務單后，由組長給組員分配具體的工作任務，并將分配任務結果填寫到任務單上，例如，框架設計、頁面設計、首頁制作、其他頁面制作、美工特效、后期合成等任務；再三，按照具體分工，各組成員開始進行頁面分析、設計、制作的工作，并上交作品和任務單。在整個教學實施過程中，教師的角色發生了改變，只是在布置任務前，先將知識點做一下講解，而后教師便成為項目的指導和顧問，學生成為了學習的主體。
3.考核方式
考核方式由期末考試方式變成過程考核方式，考核方式以每次作品評價、答辯評價為主體。作品評價一方面來自教師的評價，另一方面來自小組間的評價，事先在教室將作品公布，組間進行互評，并寫出評價建議，體現評價的公平性、公正性、公開性；答辯評價是對小組中每個成員進行考核的一種手段，在答辯過程中，學生自己闡述工作過程，教師詢問有關知識點，并回答情況和任務單給予客觀的評價。經過考核后，學生的成績能夠準確地反應出平時學生的理論、實操掌握情況，注重了學生能力的培養，滿足了我國高等高職教學的需要。
四、總結
本文圍繞《網頁設計與制作》這門課程，著重闡述了任務驅動教學法和項目教學法的具體運用和實施。教師在采用這種教學方法授課過程中，有利于學生掌握理論知識，加深理解認識，學會靈活使用這些知識；充分地調動了學生的學習積極性、創造性，使學生成為學習的主體，使學生的學習更能貼近實際工作過程，提高了職業技能，滿足社會的需求，符合我國高職院校的培養目標和教學要求。
