- 相關推薦
網(wǎng)頁設計論文
在平平淡淡的日常中，說到論文，大家肯定都不陌生吧，借助論文可以有效訓練我們運用理論和技能解決實際問題的的能力。那么一般論文是怎么寫的呢？下面是小編幫大家整理的網(wǎng)頁設計論文，歡迎大家分享。
網(wǎng)頁設計論文1
1、網(wǎng)頁中使用的多媒體技術
1.1圖形圖像處理技術
圖形、圖像是一種非常直觀的表現(xiàn)形式，也是在多媒體信息當中占有很大一部分的比重，在網(wǎng)頁當中是設計者非常愿意運用的一種形式。通過如下幾個步驟：獲取元素、處理元素、輸出元素、元素的數(shù)據(jù)壓縮以及圖像的儲存介質(zhì)能夠出現(xiàn)二維或三維的圖像。一般情況下獲取元素使用工具的采集以及掃描技術進行，能夠出現(xiàn)很多種不同類別的輸出形式。處理的方法也各式各樣，如使用photoshop等軟件，按照有關的要求經(jīng)行對于圖像的處理，像剪切、柔化、對比度等方面，最后使用合適的圖片輸出。一般常用的圖片格式為：BMP、GIF、JPEG、TIFF等，現(xiàn)在有很多的網(wǎng)站能夠瀏覽并且儲存GIF、JPEG格式的圖片。網(wǎng)頁在進行設計時運用不同的元素的圖像能夠讓網(wǎng)頁更加的生動，起到吸引眼球的效果。
1.2動畫處理技術
一般的動畫格式有GIF、FLIC、SWF以及JAJA等，在目前網(wǎng)絡上以及生活中使用最多的為GIF以及SWF格式的圖片，因為FLASH動畫為矢量的，使用這兩種格式的圖片能夠保證其動畫顯示的效果達到理想的狀態(tài)又能保證其體積小的特點，所以在網(wǎng)絡上得以廣泛的運用。JAVA是一種編程語言�？梢杂闷饋砭帉懙腶pplet的小程序有著跨平臺執(zhí)行的優(yōu)點，適合網(wǎng)上互動的游戲以及手機上的動畫，其前景十分寬，適合進行更深的發(fā)展。
1.3音頻處理技術
現(xiàn)在，網(wǎng)上一般支持格式有MIDI、MP3、WAV等，其科技在多媒體技術當中已成為比較成熟的科技，在網(wǎng)頁設計當中應用的時間也比較長。網(wǎng)頁當中的音頻的獲得方式各式各樣，比如說能夠購買素材庫以及在網(wǎng)絡上直接下載獲取等方式來獲得所需要的音頻。這項技術已經(jīng)擁有了一般的音頻模擬的方法所擁有的優(yōu)點，還在互聯(lián)網(wǎng)上傳播、在線播放等方面有著很好的聲音效果。聲音已經(jīng)成為了信息資源重要傳播途徑，將音頻以及視頻相互結合，能夠得到更好的效果。
1.4視頻處理技術
能夠在VCD光盤、模擬視頻收集以及攝像機的儲存器當中來獲取其有關的視頻。視頻的特點為數(shù)據(jù)量比較大。比如說，數(shù)字電視的圖像當中的SIF的格式，一般的沒有經(jīng)過壓縮的圖像數(shù)據(jù)流量為20xxkb左右，但是在CCIR格式的視頻，一般沒有經(jīng)過壓縮的視頻的數(shù)據(jù)流量能夠達到140Mbps.因此，能夠看出視頻的數(shù)據(jù)流量是比較大的，假設將沒有進行壓縮的視頻上傳，能夠出現(xiàn)資源的吞沒，甚至能夠出現(xiàn)網(wǎng)絡崩潰的嚴重情況。所以，網(wǎng)頁設計當中對于視頻處理的中心環(huán)節(jié)就為視頻壓縮。
2、多媒體技術在網(wǎng)頁設計當中的使用
2.1動畫、視頻設計
在很多網(wǎng)站當中，能夠發(fā)現(xiàn)有很多動畫以及視頻的內(nèi)容，設計富有新意，假設設計合理的情況下，其內(nèi)容就能更好的突出想要傳播的主題，這么做的方式的'優(yōu)點為能夠更加直觀的表現(xiàn)其內(nèi)容，還有了視覺的沖擊感，讓內(nèi)容更加的具體飽滿。FLASH動畫已經(jīng)成為了在動畫當中不可或缺的一個組成成分，擁有體積小、傳速快的特點在動畫當中占據(jù)了很大的比重，F(xiàn)LASH動畫不僅僅能夠表現(xiàn)簡單的動畫，還能夠在網(wǎng)頁設計當中建立電子畫冊，在另一個角度來看，引領了時代的潮流。
2.2圖形、圖像的版面設計
在制作網(wǎng)頁的時候盡量使用少量的圖片。因此在運用圖像以及圖形的時候需要經(jīng)過精心的篩選，選取一個最能夠突出網(wǎng)頁內(nèi)容的圖像，并且使用某些軟件對圖像進行處理，達到預期的效果，在網(wǎng)頁當中選擇一個最好的擺放位置。把圖形文字化或者將文字圖形化都是特殊的方式將其內(nèi)容合理的表達，所以說對于一些將進行圖形處理文字，在網(wǎng)頁的版面設計當中，這些文字也作為了一種圖形來處理。將文字和圖片進行結合，不僅僅形式上富有新意，并且能夠顯得更加的美觀。
2.3多媒體元素的使用應符合網(wǎng)絡風格的整體性
在設計網(wǎng)頁時，一定要應按照原有的主題，依照其主體使用聽覺視覺的方式來呈現(xiàn)個觀賞者，其多媒體元素使用是用來服務主題的，既要美觀又要突出網(wǎng)站的功能。
2.4多媒體技術與藝術相結合
由于多媒體技術的飛速進步，讓其在創(chuàng)作的過程就忽略了美觀性。所以，將藝術以及科技完美的融合，能夠達到更好的效果。多媒體技術的不斷進步推動者網(wǎng)站的建設不斷的完善，多媒體技術在網(wǎng)站上的應用已經(jīng)成為了以后發(fā)展的趨勢，有著寬廣的發(fā)展前景。
2.5減少多媒體元素格式的使用失誤
在網(wǎng)頁當中動畫內(nèi)容不應有太多，應于實際情況相結合。多媒體元素的格式完全影響著打開網(wǎng)頁的速度，假設網(wǎng)頁打開過慢，則瀏覽者則失去耐心，不愿等待，所以合理設計網(wǎng)頁是不可忽視的重要環(huán)節(jié)。
3、結語
使用者能夠使用網(wǎng)站無論在任何時間或者地點接收和發(fā)送信息，因此不再受環(huán)境和時間的限制。網(wǎng)絡媒體已經(jīng)變成了重要的傳播途徑，如果注意多媒體元素的合理應用，就能夠讓客戶觀看更加有效率。多媒體技術的應用以及體現(xiàn)在社會的各個地方，為人們的生活和工作提供了便利，今后多媒體的應用也會給人類帶來巨大的改變。
網(wǎng)頁設計論文2
一、、如何在視覺構成上提高網(wǎng)頁設計的視覺效果
�。ㄒ唬c、線、面有效結合
點、線、面是視覺構成的基本要素，網(wǎng)頁的所有信息都是通過點、線、面的合理搭配出來的效果，因此，要提高網(wǎng)頁的視覺效果，首先就要從這三者的結合上來分析。例如：在點的運用中，工作者可以通過將點聚合或者離散使用，從而達到動靜態(tài)結合的效果，滿足用戶的需求。另外，通過點的有效結合形成線，線之間交叉使用，虛實線的結合、線的明暗漸變等，讓整個網(wǎng)頁的版面形成大概的輪廓，達到版面的基本效果。
�。ǘ﹫D文、色彩的合理搭配
在網(wǎng)頁設計中，圖文、色彩也是必不可少的視覺構成因素，不同的圖文、色彩搭配達到的網(wǎng)頁效果就會千差萬別。所以，設計者要想提高網(wǎng)頁的視覺效果，還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網(wǎng)頁的圖片、文字、色彩等信息時需要與網(wǎng)頁的主題結合起來。所選的文字、圖片要具有代表性，能夠體現(xiàn)出網(wǎng)頁的主題，選擇的色彩更應該科學合理，對于比較柔情的網(wǎng)站可以選擇淡粉色，而對于某些具有科技研究性能的網(wǎng)站要選用藍色、綠色等有生機的色調(diào)來渲染。另外，所選的色彩還需要合理搭配才能體現(xiàn)出網(wǎng)站的主題，同色調(diào)的搭配、相似色調(diào)的搭配、反差大的色調(diào)搭配以及主色調(diào)的選擇、輔色調(diào)的選擇等都要設計者仔細掂量，并將網(wǎng)站的主題結合進來，才能讓網(wǎng)頁的視覺效果吸引用戶的眼球。
�。ㄈ⿲⒂脩舻恼J知習慣合理的結合起來
不同的用戶具有不同的'思維習慣，他們的審美觀也各不相同，要想讓用戶對網(wǎng)頁的設計效果滿意，還需要將他們的認知習慣科學合理地結合到網(wǎng)頁設計的過程中。設計者不僅要具有良好的專業(yè)素質(zhì)，還要具有明確用戶需求、了解用戶認知習慣的能力，才能將各種網(wǎng)頁設計中的視覺構成要素科學系統(tǒng)地結合起來，達到設計網(wǎng)頁的效果，達到用戶的需求。
二、結語
總之，要想做好網(wǎng)頁設計，視覺構成是必不可少的設計環(huán)節(jié)，我們要考慮到各種各樣的視覺因素，將不同的色調(diào)、動態(tài)效果等科學有效地結合起來，才能讓人們從視覺上接受所設計的網(wǎng)頁，并將其投入到日后的工作應用中。所以，網(wǎng)頁設計人員在設計網(wǎng)頁的同時，要綜合考慮到視覺構成部分，在滿足用戶需求的前提下，讓他們達到視覺上的享受。同時，我們還需要更深入地探討研究其視覺構成，并及時地將有效的視覺構成研究落到實處，有效地提高網(wǎng)頁設計的工作效率，為我國信息技術的發(fā)展做貢獻，還能進一步促進經(jīng)濟水平的提高。
網(wǎng)頁設計論文3
時光飛逝，轉眼間，三年的研究生學習生涯即將落下帷幕�；厥淄酎c滴，在我學習成長的道路上，有太多的良師益友，他們陪伴我、鼓勵我、幫助我，與我一同走過了最難忘青春年華。
首先，我要感謝我的導師。在我論文撰寫的過程中，導師總是不厭其煩的為我指點迷津、答疑解惑，從最初的.選題方向到論文的框架結構、理論支撐、案例分析以及作品的安排都給了我合理的建議與指導，這些都為我順利的完成論文的撰寫打下了堅實的基礎。在與導師相處的三年中，他淵博的知識，對專業(yè)執(zhí)著、嚴謹、認真的態(tài)度，凡事親歷親為，力求盡善盡美的精神，都深深的影響了我，也教會了我很多。同時，我也要感謝學院諸多老師曾經(jīng)的悉心教誨，讓我能夠更好的學習和成長。
其次，我要感謝我的學長、學姐以及共處三年的同窗好友。他們非常優(yōu)秀，又十分勤奮，保有著一顆對專業(yè)的熱忱之心，是我學習的好榜樣，總會在我需要時伸出援助之手，并時刻激勵著我向上前行。因為有了他們，我的學習、生活才更加多姿多彩。
另外，感謝一直以來陪伴我的父母，謝謝他們多年來的呵護與支持。
網(wǎng)頁設計論文4
摘要：通過對傳統(tǒng)教學模式的調(diào)查研究，了解到傳統(tǒng)模式逐漸無法滿足學生的需求。項目教學法作為一種新的教學模式，在《JSP動態(tài)網(wǎng)頁設計》課程中是一種新的嘗試，通過學生自己完成項目的方式，自主學習JSP網(wǎng)頁設計，整個過程由學生自己負責設計，實施，對提高JSP教學的效果有著顯著的指導意義。
關鍵詞：項目教學法;教學改革;JSP動態(tài)網(wǎng)頁設計;步驟
通過對項目教學法的研究，選取與JSP網(wǎng)頁設計課程相關的項目來創(chuàng)設“情境”[1]，讓學生主動從零到一，完成自我思考，自我學習，自我強化的過程，認證搜集資料并進行整理，充分整合資源，發(fā)揮學生的自主創(chuàng)新精神，最終完成整個JSP動態(tài)網(wǎng)頁設計的學習。
一、概述
高職院校為了實現(xiàn)畢業(yè)生和企業(yè)直接對接的目標，在學生的培養(yǎng)方面主要是注重學生動手能力的培養(yǎng)，為了實現(xiàn)這一目標，項目教學法是最為合適的一種教學方法。該方法已經(jīng)成為高職各科課程教學中必選方式之一了。明達職業(yè)技術學院的《JSP動態(tài)網(wǎng)頁設計》這門課程也采用了該方式組織課堂教學，該門課程的實踐能力要求較高，社會只用性很強，是專業(yè)核心課程。主要選用項目是”基于JSP的學生管理系統(tǒng)”，從部分功能開始，講練結合，讓學生做到能在理論的基礎上，舉一反三實現(xiàn)理論到實踐的轉化。課程結束時，學生應具備了了解軟件開發(fā)的過程，熟悉開發(fā)工具，掌握理論實踐的操作。
二、項目教學法的含義
項目教學法是在教師的指導下，將一個相對獨立的項目由學生小組自己進行資料收集，方案設計，由學生自己評價項目實施的成果，學生通過該項目，了解和掌握在整個過程中每一環(huán)節(jié)的基本要求�！绊椖拷虒W法”的特點是最顯著的項目為主線，以指導教師為主導、學生為主體”，體現(xiàn)在：多目標;培訓周期短，速度快;可控性好;注重理論與實踐相結合。項目教學法是教師和學生共同完成項目的一種教學方法[2]。在項目教學法的實施過程中，教師將需要解決的問題通過對學生設立項目的形式來呈現(xiàn)，一本每個項目都會有具體的任務要求和說明，學生通過老師發(fā)放的項目要求任務書來設計項目，負責整個項目的設計和實施。通過小組協(xié)同工作的方式，自學完成，期間有任何不懂得問題可以咨詢導師，導師相當于是學生的左右手，有什么不懂的隨時可以尋求幫助，給予學生一定的指導。最后學生共同根據(jù)項目制定計劃，完成分工，搜集項目的資料并將進行整理，在實踐中發(fā)現(xiàn)問題，分析問題并解決問題。
三、《JSP動態(tài)網(wǎng)頁設計》運用項目教學的意義
(一)《JSP動態(tài)網(wǎng)頁設計》教程簡介
《JSP動態(tài)網(wǎng)頁設計》是計算機專業(yè)學生學習的一門核心課程，其實踐性較強，不但要通過日常的書本上的'學習，還要在計算機上反復實踐操作才能掌握。JSP全名為JavaServerPages，中文名叫Java服務器頁面，是一種網(wǎng)絡程序設計語言，用來開發(fā)動態(tài)網(wǎng)站[3]。它和JAVA的特點很相似，都簡單易操作，全面向對象，平臺安全可靠且無相關性。使用java編程語言的類標簽的XML腳本的JSP技術，對動態(tài)網(wǎng)頁的處理邏輯[6]。網(wǎng)頁也可以通過標簽和服務器應用邏輯腳本資源訪問。顯示器的分離設計，JSP頁面邏輯和網(wǎng)絡，為支持可重用的基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。很多高�；谶@些特點，都將其作為計算機專業(yè)學生繼學習JAVA后的有一門必修課程。但是由于其難度和枯燥性，很多學生表示很難駕馭得了，在步入社會以后，所學的知識沒能發(fā)揮在工作上，從而降低了整個行業(yè)的就業(yè)質(zhì)量。
(二)在JSP課程中應用項目教學法的重要性
在傳統(tǒng)的JSP課程教學中，學生通常按照課程的標準先學習一部分的基礎內(nèi)容，后期通過簡單的上機操作進行理論的鞏固，在這種教學模式下，學生很大一部分在前期就已經(jīng)喪失了學習JSP的興趣，后期的上機練習也只不過是現(xiàn)在教學的一種硬性要求，對于真正想要學習的學生無疑是一種沉重的枷鎖，學生學習的效果很差。但是通過運用項目教學法，將課程的標準以項目完成的方式分成若干塊，學生通過完成項目任務來獲取學分，在項目中自學，不用拘泥于傳統(tǒng)教學模式下的上課，學習更自由了，學習的動力也更強了，這在很大程度上提高了學生的學習積極性和學習的熱情。
四、項目教學的應用步驟
(一)培養(yǎng)目標的確定
高職院�！癑SP動態(tài)網(wǎng)頁設計”課程必須確定其具體的知識培訓的目標、能力和情感與相應崗位職業(yè)能力目標[1]。1.知識目標：通過本課程的學習，熟練掌握配置JSP開發(fā)環(huán)境;熟練掌握JSP腳本元素、指令元素的用法;熟練掌握JSP中內(nèi)置對象的特點及用法;熟練掌握JDBC訪問數(shù)據(jù)庫技術;熟練掌握JavaBean組件的基本知識;熟練掌握JSP中的標準動作標簽;熟悉Servlet的通信方法，掌握Servlet的上下文接口;掌握JSP中標簽的用法;掌握JSP中Filter過濾器的用法;掌握應用JSP進行WEB程序開發(fā)的能力，初步具備開發(fā)實際應用程序的能力;2.能力目標：能熟練使用eclipse軟件，實現(xiàn)學生管理系統(tǒng)的注冊登錄功能;信息添加刪除功能;查找等功能;能解決開發(fā)過程中出現(xiàn)的各種錯誤提示;測試完成。3.情感目標：具備較強的規(guī)范意識、較強的市場競爭力和承受壓力的能力、良好的學習習慣，具備自主學習和團結合作、創(chuàng)新能力。
(二)教學項目的劃分
該項目是確定項目教學成功實施的關鍵因素，必須根據(jù)企業(yè)對學生工作任務的能力要求進行分析，結合學生的認知特點和接受能力，合理選擇項目。并根據(jù)企業(yè)的工作流程，明確項目的任務，我院JSP動態(tài)網(wǎng)頁設計”課程的項目被確定為：
(三)教學方式的選擇
高職《JSP動態(tài)網(wǎng)頁設計》課程可設定多媒體講練結合、崗位調(diào)查、學校實驗室項目培訓、聯(lián)系個別實習企業(yè)，讓學生置身于企業(yè)中去參與項目的進展，充分利用各種教學資源，豐富教學形式，提高學生的學習興趣，突出課程的實踐性強的特點，從解決實際問題出發(fā)，提高學生的創(chuàng)新能力和自學能力。
(四)教學方法及過程的組織
1.從學生角度教師進行項目教學時，應重點側重于學生自我實踐能力的加強。以程的核心內(nèi)容為項目依據(jù)為學生制定任務，并確保每個項目都是由簡到易，層層遞進，充分調(diào)動學生的學習興趣。盡量選擇和生活貼近的案例和素材，如布置的學生管理系統(tǒng)項目，利用情境教學法，讓學生更好更有效地學習。在項目完成后，教師可以分別讓組員互相做出評價和改進方案的建議，上交個人作品作為課程結束的作業(yè)。學生在交流中與老師互動，老師在學生做項目的時候可適當提出意見完善項目并修改，將理論與實踐有機結合起來。2.從教師角度教師在授課之前應該做好項目的備案，充分考慮到學生對所選項目的適應性和項目本身的難易程度。在上述幫助學生加強實踐能力的同時，提升自我的修養(yǎng)和學識。在實施之前，授課老師應對項目教學有一定的認知和了解，在具體應用中將理論知識與項目的實踐應用融會貫通并傳授給學生。自己在項目經(jīng)驗方面也要多下功夫，提升自己，提高教學服務的質(zhì)量，培養(yǎng)出更一流的學生。實踐能力的提升并非一蹴而就，在日常生活中教師還要多多接觸社會中有關專業(yè)方向的工作要求，并及時反饋給學生，讓學生及時了解到社會所需要的人才結構。項目教學應用是學生和老師互相學習的過程，是共同進步的紐帶。不僅僅是學生自身能力的提高，也是老師對完善多年教學模式的一種新的認知。
(五)考核方案的設置
適應項目教學需要，為培養(yǎng)學生的綜合能力，對學生的考核也要注重過程化的考核，鑒于課程實踐性強的特點，重點考核學生的軟件操作和軟件開發(fā)、處理能力，本課程主要采用以下幾個部分進行考核：1.平時表現(xiàn)考核占總成績的60%，由平時出勤、課堂表現(xiàn)和作業(yè)等內(nèi)容構成。2.分階段、分項目考核占總成績的40%，即最終整體項目的考核情況3.根據(jù)上述各項成績按比例總評得出考核結果。不再進行傳統(tǒng)的期中考試4.6項目教學法在《JSP動態(tài)網(wǎng)頁設計》實施教學中的注意事項1.排課安排要以半天或一天為單位進行排課，和以往的以一節(jié)或2節(jié)有所區(qū)別;2.班級人數(shù)不宜過多，應該在20至30人之間。
結束語
項目教學法的實施，有利于豐富和發(fā)展全國計算機專業(yè)學生的教學模式，提高計算機人才進入就業(yè)市場后的適應能力，最大程度地滿足經(jīng)濟建設和社會發(fā)展的需要。21世紀的信息時代，學生更需要接受像項目教學法這樣的教學模式而非傳統(tǒng)教學，這是一種新的嘗試，更進一步地發(fā)揮了學生自主學習的能力，打破了以往刻板的教學，體現(xiàn)了高等教育的特色，這樣學校才能夠更好地培養(yǎng)出有效的高素質(zhì)的技能型人才。
參考文獻
[1]歐志先."動態(tài)網(wǎng)頁設計(JSP)"項目教學法初探[J].科學咨詢,20xx,(7):79.
[2]楊文.《JSP動態(tài)網(wǎng)頁設計》項目教學法的研究與實踐[J].福建電腦,20xx,25(8):206,204.
[3]李阿芳.項目教學法在《JSP網(wǎng)頁設計》課程中的應用研究[J].電腦知識與技術,20xx(18)
[4]趙海冰,李瑛,邢翠芳.淺談項目教學與任務驅動在“C程序設計”教學中的應用[J].計算機工程與科學,20xx(z2).
[5]王向陽,李東,張惠玲.項目教學法在程序設計課程教學中的應用[J].價值工程,20xx(6)
[6]陳民.基于J2EE學生網(wǎng)上評教系統(tǒng)的系統(tǒng)設計[J].電腦知識與技術,20xx(12)
網(wǎng)頁設計論文5
1目前企業(yè)對網(wǎng)頁設計師的要求
隨著4G網(wǎng)絡的成熟和智能手機的普及，網(wǎng)頁設計師不僅能制作普通網(wǎng)頁界面，更多是能設計藝術界面和交互界面的網(wǎng)頁，能適應多平臺等特點。根據(jù)我學院每年對企業(yè)調(diào)研，目前企業(yè)對網(wǎng)頁設計師的要求：（1）根據(jù)企業(yè)需求和定位能夠設計符合當下交互技術的流行網(wǎng)頁界面；（2）能夠制作靜態(tài)網(wǎng)頁和網(wǎng)頁前端javascript特效，較好配合后臺程序員進行網(wǎng)站開發(fā)；（3）有較強的自學能力，是藝術與技術相結合的高素質(zhì)技術技能型人才。
2高職網(wǎng)頁設計課程的教學現(xiàn)狀
我院對福建省同類高職院校的網(wǎng)頁設計人才培養(yǎng)進行廣泛調(diào)研，很少院校能夠培養(yǎng)符合企業(yè)需求的網(wǎng)頁設計師，致使我省難于滿足社會對網(wǎng)頁設計人才需求。高職網(wǎng)頁設計課程的教學現(xiàn)狀是：
2.1開設課程不滿足社會對網(wǎng)頁設計師的要求網(wǎng)頁設計課程是一門綜合性的課程，是它包括構圖、排版、特效制作等多種知識，決定了這門課程具有很強的綜合性、實踐性、融藝術性與技術性為一體的特點。而高職院校教學雖然在開設網(wǎng)頁設計課程體系上采取一定改革措施，但針對性不強，如針對企業(yè)需要藝術與技術相結合的網(wǎng)頁設計人才，專門開設了《網(wǎng)站色彩與構成》、《網(wǎng)頁設計》、《網(wǎng)頁設計實訓》、《程序設計基礎（java方向）》相關專業(yè)技術課程，也專門開設了《設計素描》、《設計色彩》、《構成設計》等美術課程，但沒有真正以企業(yè)工作過程為導向，開設藝術與技術相結合的網(wǎng)頁綜合項目課程，學生很難融會貫通運用綜合知識進行網(wǎng)頁設計，另一方面由于網(wǎng)頁設計技術的飛速發(fā)展，從最早的表格布局到現(xiàn)在DIV+CSS布局，網(wǎng)頁語言從最早的HTML1.0到現(xiàn)在的HTML5，網(wǎng)頁的設計風格也隨著時代的變化而不斷改變，社會對網(wǎng)頁設計師的要求不斷提高，而高職院校相關專業(yè)課程沒有適時更新，學生也缺乏提升自我的學習能力，因此高職畢業(yè)生很難適應網(wǎng)頁設計這一行業(yè)的人才需求。
2.2教師專業(yè)水平有限，團隊意識不強有的高職院校雖然按照企業(yè)工作過程開設網(wǎng)頁設計相關課程，但由于各個任課教師專業(yè)水平不同，團隊意識不強，較難形成一個企業(yè)整體項目意識，通常每個教師根據(jù)自己方向選擇各自企業(yè)項目進行網(wǎng)頁設計相關課程的教學，有的教師自身受限專業(yè)水平與實踐技能，無法與專業(yè)組教師達成共識，造成學生在學習網(wǎng)頁設計專業(yè)課程體系無法形成專業(yè)整個知識技能體系，網(wǎng)頁設計綜合技能很難得到提高，只能滿足于淘寶美工卻無法勝任電商網(wǎng)頁設計師。
2.3教學方法單一，仍以傳統(tǒng)教學為主長期以來在教學中仍以教師為主體，而忽略學生的主體地位。h教師在授課中，往往先講解網(wǎng)頁各獨立元素的設計制作，與整體案例的設計制作相分離，導致學生在實踐過程中，學生只掌握每個工具單獨使用，不能將網(wǎng)頁各獨立元素的制作與整體項目相結合，當需要綜合運用各種軟件工具知識去制作完整項目時，卻顯得力不從心，即整體性不強。這種傳統(tǒng)教學方法優(yōu)勢是整個教學過程比較系統(tǒng)完整，授課內(nèi)容還是以理論知識為先導，教學手段單一，老師雖是孜孜不倦的教，而學生興趣缺乏，參與性不強，不能培養(yǎng)學生的自主學習能力和團隊協(xié)作能力，往往老師累得滿頭大汗，學生卻收獲甚微。
2.4生源質(zhì)量參差不齊隨著高職招生人數(shù)不斷上升，生源質(zhì)量參差不齊，生源質(zhì)量也在下降。教師引入企業(yè)項目進行網(wǎng)頁設計教學，學生完成的程度和質(zhì)量不一，有些同學無法跟上進度，就出現(xiàn)厭學、遲到及曠課等現(xiàn)象。
3網(wǎng)絡環(huán)境下“網(wǎng)頁設計”混合式教學構建模式及優(yōu)勢
3.1網(wǎng)絡環(huán)境下“網(wǎng)頁設計”混合式教學構建模式網(wǎng)頁設計集藝術與技術為一體綜合性課程，既需要個人創(chuàng)意設計能力，又需要全面應用高新技術能力，具有很強的實踐性和綜合性。在網(wǎng)頁設計授課過程中，教師要從易到難引入企業(yè)項目，引導啟發(fā)學生，并在課堂上統(tǒng)一進行項目分析，在講解過程中，將網(wǎng)頁設計的藝術美學及專業(yè)技術知識融入到所要完成項目中，調(diào)動學生的學習積極性、自主的對網(wǎng)頁綜合知識進行建構，同時通過現(xiàn)代網(wǎng)絡視頻教學，演示網(wǎng)頁設計從選定項目、制定計劃、活動探究、制作作品、成果展示、綜合評價等環(huán)節(jié)，激發(fā)學生對網(wǎng)頁設計項目整體認識，對網(wǎng)頁設計的興趣，讓學生自己產(chǎn)生要制作屬于自己的項目作品，學生從傳統(tǒng)教學“要我學”變?yōu)榛旌辖虒W“我要學”的教學模式。通過混合式教學模式，把傳統(tǒng)學習方式的優(yōu)勢和網(wǎng)絡學習方式的優(yōu)勢結合起來，教學以學生為主體，充分挖掘學生學習過程過程積極性、主動性和創(chuàng)造性，培養(yǎng)藝術與技術相結合的網(wǎng)頁設計技術技能型人才。搭建好的網(wǎng)頁設計的網(wǎng)絡教學平臺、教育教學資源庫，運用在線教學與課堂教學優(yōu)勢互補的混合式教學模式，教師通過基于網(wǎng)絡的課堂進行教，學生除了課堂學習外，課后自主在線學習、在線做作業(yè)、討論協(xié)作、在線答疑等學習活動。將教師的網(wǎng)頁設計教學由課堂上擴展到了課堂外，才能真正培養(yǎng)出綜合能力強、創(chuàng)造性思維突出的網(wǎng)頁設計人才。
3.2網(wǎng)絡環(huán)境下“網(wǎng)頁設計”混合式教學的優(yōu)勢(1)提高教師“雙師”素質(zhì)：網(wǎng)頁設計課程是基于企業(yè)項目教學，項目設計是項目教學的成敗的關鍵，要求教師不僅要具備深厚的理論知識，還應具有一定職業(yè)技能與實踐經(jīng)驗，即教師具備“雙師”素質(zhì)，通過網(wǎng)絡教學平臺建設，優(yōu)秀專業(yè)教師與企業(yè)技術人員帶領專業(yè)較弱教師，共同完成項目網(wǎng)頁設計整體設計。通過開展混合式教學，進一步提高教師的教學設計水平和實踐技能，更新教師的教育觀念，提高教師自身的業(yè)務水平，促進教師向雙師型轉變。(2)教學資源豐富：教師與企業(yè)技術人員在網(wǎng)絡教學平臺提供各種媒體素材，包括視頻、動畫、課件、網(wǎng)頁設計優(yōu)秀作品等教學內(nèi)容，遠遠超過教師課堂講授與教材內(nèi)容。網(wǎng)絡教學平臺進一步為學生提供課后學習實踐企業(yè)項目，引入企業(yè)項目任務，能從高職學生特點出發(fā)，項目從易到難，循序漸進，讓學生學習實踐覺得能“跳著夠得著”，既有挑戰(zhàn)性，又能完成企業(yè)項目并使學生獲得成就感，提高學生綜合實踐技能。通過網(wǎng)絡在線教學優(yōu)勢，為學生提供了自由選擇的學習空間，有更豐富網(wǎng)絡學習資源，激發(fā)學生學習興趣，調(diào)動學生的主動性與積極性，有效提高了學生的創(chuàng)新思維能力，對于培養(yǎng)學生的創(chuàng)造精神和樹立終身學習的'觀念有重要的意義。(3)學習自主性：傳統(tǒng)的課堂教學受限上課時間，教學內(nèi)容也受限，存在形式與內(nèi)容單一。特別對于學生難于理解的重點與難點，老師可能認為在課堂已講解很清楚，但學生還是沒有理解等諸多弊端，而通過混合式教學，利用網(wǎng)絡在線教學等輔助手段在很大程度上彌補了這種不足，讓學生能在課后按需學習，讓差生或請假學生補缺補漏，趕上全班統(tǒng)一進度。通過網(wǎng)絡教學平臺和教育教學資源庫，可以24小時開放教學，大大打破上課的時間限制，學生可以把課堂當中沒有消化的內(nèi)容利用網(wǎng)絡的在線自主學習，進一步的加深理解，使課堂教學加以延伸。利用在線學習，基礎好的同學也可以通過網(wǎng)絡教學平臺和教育教學資源庫進行自學，提升自己的學習能力。(4)網(wǎng)絡在線答疑：利用在線系統(tǒng)為教師和學生提供一個良好的交流平臺，師生通過平臺將獲得更多的溝通機會，師生之間在平臺上在線討論交流答疑，學生之間也可以在平臺上在線討論交流答疑，及時解決學習過程中遇到問題，調(diào)動了學生的積極性，進一步提高教學水平。
4混合式教學模式實例分析
在網(wǎng)絡環(huán)境下，構建與傳統(tǒng)教學相互融合網(wǎng)絡教學平臺，實現(xiàn)交互式教學平臺，學生自主學習的空間。下面以學院《Dreamweaver網(wǎng)頁設計》為例說明，實現(xiàn)傳統(tǒng)教學與網(wǎng)絡教學的混合教學模式。
1.設計制作企業(yè)項目。課前教師與企業(yè)人員共同設計制作《**企業(yè)網(wǎng)頁設計》項目，共構建八個學習情景：《學習情境1企業(yè)網(wǎng)頁圖文混排》；《學習情境2企業(yè)網(wǎng)頁表格數(shù)據(jù)制作》；《學習情境3企業(yè)網(wǎng)頁表格布局》：《學習情境4企業(yè)網(wǎng)頁超鏈接設置》：《學習情境5企業(yè)網(wǎng)表單網(wǎng)頁制作》；《學習情境6企業(yè)網(wǎng)頁制作-css樣式表應用》：《學習情境7企業(yè)網(wǎng)頁布局-div+css布局》；《學習情境8企業(yè)網(wǎng)頁JavaScript特效應用》。
2.課堂教學內(nèi)容以網(wǎng)頁設計的工作過程為依據(jù)，劃分上述八個學習情境，采用混合式教學模式，按任務展開教學。每個學習情境都包含：①任務導入：首先提供學生與所講知識相關的網(wǎng)頁案例，吸引學生注意，然后導入學習情境任務；②分析總結：教師引導學生發(fā)現(xiàn)問題，并提出問題，激發(fā)學生學習興趣，經(jīng)過共同分析與討論，總結出具體的制作方法；③實訓(仿真實踐，在線測試)：學生根據(jù)學習情境，在教師的示范講解下，獨立完成操作，在線測試。④講評總結：學生在制作過程中會出現(xiàn)各種各樣的問題。教師所做的是將問題匯總。總結出相關的注意事項，點評作業(yè)時，側重學生的思維引導，及時給予學生鼓勵。⑤能力擴展：提供給學生實踐性較強的案例，要實現(xiàn)效果，需要結合以前的知識和運用一定的技巧。這樣既擴大了知識面。又體現(xiàn)了知識的綜合性。在課堂講解環(huán)節(jié)，可以適時插入教學視頻、技術操作視頻、實例展示等內(nèi)容，解決傳統(tǒng)教學方法無法講清楚的知識點和實際操作演示，使教學效果更生動具體。通過學習情境，學生目的明確，整體性學習Dreamweaver軟件各個工具，運用到每個學習情境任務中，學習網(wǎng)頁各獨立元素與整體學習情境相結合。
5小結
混合式教學模式突破了傳統(tǒng)的單一課堂教學模式，在網(wǎng)絡教學平臺上信息量大，開放性、靈活性、交互性強，與傳統(tǒng)教學相互融合，不斷補充和完善網(wǎng)頁設計教學內(nèi)容，拓展了學生的視野，為學生提供了廣闊的學習時間與空間，全面提高高職學生網(wǎng)頁設計操作技能和綜合能力培養(yǎng)；調(diào)動了學生的積極性，變“要我學為我要學”，使得以學生為中心自主學習得以實現(xiàn)，提高學生自主性學習能力；從教學形式上，進一步完善了教學方法與教學手段，在信息技術環(huán)境下，混合式教學模式是網(wǎng)頁設計教學的一個新的發(fā)展方向。
網(wǎng)頁設計論文6
【摘要】
本文以就業(yè)信息管理平臺為例，研究網(wǎng)頁設計中表格與層的應用，提出表格與層可以讓網(wǎng)頁的布局整齊美觀，將網(wǎng)頁中的文字、圖片、動畫等眾多元素有條理地統(tǒng)一組織起來。雖然表格的使用整體上是好的，但在一些細節(jié)的美化上表格的設計就難以做到，這就要采用層來搭配表格的設計解決相應的排版美化問題。
【關鍵詞】網(wǎng)頁設計；表格；層；就業(yè)信息管理平臺
隨著信息技術的日新月異，網(wǎng)頁設計的重要性也逐漸凸顯，如何快速、方便地設計出相關的網(wǎng)頁、網(wǎng)站就顯得非常重要。在網(wǎng)頁設計與制作的教學過程中，如何讓學生快速地掌握網(wǎng)頁設計的一些排版技巧是非常有必要的。因此，筆者結合網(wǎng)頁設計與制作教學中的一些體會，并通過就業(yè)信息管理平臺的設計案例，探索網(wǎng)頁設計中表格與ApDiv（層）的排版設計技巧。
一、Dreamweavercs簡介
Dreamweavercs是由Adobe公司推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動應用程序的網(wǎng)頁設計軟件。目前，最新的版本為DreamweaverCC，網(wǎng)頁設計軟件的功能強大。對網(wǎng)頁的瀏覽已經(jīng)是我們生活中的不可分割的一部分，網(wǎng)頁作為網(wǎng)絡信息傳播的主要載體，其設計也為大家所關注。網(wǎng)頁設計軟件的種類有很多，但最出名、最專業(yè)的網(wǎng)頁設計工具，非Dreamweaver莫屬。它是著名的“所見即所得”的可視化網(wǎng)站開發(fā)工具，目前的網(wǎng)頁設計幾乎都采用Dreamweaver來設計。Dreamweaver不僅提供了強大的網(wǎng)頁編輯功能，而且還提供了網(wǎng)頁的上傳工具。利用FTP進行大文件的傳輸，節(jié)省了文件的傳輸時間，它是一個集網(wǎng)頁創(chuàng)作和文件傳輸管理等多功能的設計工具。
二、表格與層在網(wǎng)頁設計中的使用
在就業(yè)信息管理平臺的設計中，采用程序設計，可以很好地提高網(wǎng)頁的下載與瀏覽速度，但對于初學者來說，程序設計是一件頭痛的事。因此，如何利用表格與層來進行設計，就非常重要。網(wǎng)頁設計中的排版有很多種方法，其中表格結合層的使用排版是最基本也是最有效的方法。表格與層，對職業(yè)院校的學生來說，非常容易學，而且使用也非常方便，做出來的網(wǎng)頁也非常的漂亮，因此，在網(wǎng)頁設計中表格與層是非常重要的。
�。ㄒ唬┚W(wǎng)頁設計中表格的使用。在網(wǎng)頁設計中，利用表格的'排版，它的整體效果好是毋庸置疑的，表格在網(wǎng)頁中的位置可以通過表格屬性來進行設置。在Dreamweaver中，頁面內(nèi)容的設計、排版主要是通過表格來完成。通過表格的相互嵌套、合并與拆分，可以將自己構思好的頁面完整地表現(xiàn)出來。表格在網(wǎng)頁中的重要作用，主要是它在不同的顯示上，可以根據(jù)網(wǎng)頁的大小、顯示器的大小進行相應的變化。并始終都處于瀏覽的相對位置，完整地把內(nèi)容顯示出來，具有很好的兼容性。因此，使用表格排版比較規(guī)范，整體性強，可以讓網(wǎng)頁的設計顯得非常的整齊，達到想要的效果。但由于表格的整體性，在一些細微的地方以及操作上還不夠細化，在內(nèi)容的設計表現(xiàn)上還不夠豐富。
�。ǘ┚W(wǎng)頁設計中層的使用。層的使用在網(wǎng)頁設計中也是非常的普遍，由于它的定位比較精確，又是一種可視化操作元素，它的使用讓網(wǎng)頁增加了豐富的表現(xiàn)。層與表格的使用基本差不多，但在位置的定位上要比表格方便很多，這也是層的主要優(yōu)點。在網(wǎng)頁設計中，文本、圖像、表格等元素只能固定其位置，不能相互疊加。如果要想使多個元素進行疊加或者定位要精確，在這種情況下，就需要使用層來進行設置。層具有很多表格所不具備的特點，如層的重疊、移動、隱藏等一些功能，層還可以添加一些動作行為，讓層的內(nèi)容表現(xiàn)更加豐富，也正是基于這一點，層成了網(wǎng)頁設計中一個重要的元素。層的這些特點有助于設計思維不受局限，從而在設計上有很大的空間。由于它是一種流元素，層在具有上述優(yōu)點的同時，也存在著一些不可避免的缺陷，例如層在網(wǎng)頁中的定位不會隨著瀏覽器大小的變化而變化，層的位置是固定不動的，在這樣的情況下就失去了層在網(wǎng)頁設計布局中的意義。
�。ㄈ┚蜆I(yè)信息管理平臺中表格與層的結合使用。表格與層的結合使用才能更好地體現(xiàn)出它們的優(yōu)勢，層也才能更好地體現(xiàn)出它在網(wǎng)頁設計中的強大功能。在網(wǎng)頁設計中，如何做到表格跟層的統(tǒng)一、層與表格融為一個整體，這就要用到層在表格中的插入操作，以及層的嵌套使用，下面以就業(yè)信息管理平臺中制作下拉菜單為例來設計。首先，在網(wǎng)頁中插入一個三行一列的表格，在表格的第一行插入一張圖片，作為網(wǎng)頁設計的Logo，而在第二行中插入一個嵌套的一行五列的表格作為網(wǎng)頁的導航條，表格的第三行作為主要內(nèi)容的設計與排版。
三、表格與層的正確應用表格與層
在網(wǎng)頁設計中雖然有強大的功能，但在使用的過程中也不能太隨意，如果隨意地使用就會增加瀏覽器的負擔，瀏覽下載的速度就會變慢，影響網(wǎng)頁的瀏覽。
�。ㄒ唬┍砀癫季殖霈F(xiàn)的問題。在網(wǎng)頁設計中，利用表格排版的時候，不能使用一個大大的表格鋪滿整個頁面，這樣不利于瀏覽器的打開。瀏覽器打開一個表格，是要等一個表格全部下載完成，這樣就需要很長的時間來打開這個網(wǎng)頁。在表格的嵌套中，也不能無限制地嵌套下去，一般表格的嵌套，應該控制在最多三層表格，如果嵌套的表格太多，打開時也會消耗大量的資源，不利于網(wǎng)頁的打開。有數(shù)據(jù)統(tǒng)計，一般瀏覽者打開網(wǎng)頁的等待時間為7秒以內(nèi)。如何解決這個問題，主要采用拆分表格的方法，將一個大的表格拆分成幾個小的表格，并要盡可能地避免表格的層層嵌套。
�。ǘ⿲硬季殖霈F(xiàn)的偏差。在網(wǎng)頁的設計中，層的單獨使用沒有多大的意義，因為層是流元素，不會隨著網(wǎng)頁瀏覽器的變化而變化，它的位置是固定的，不會產(chǎn)生移動。雖然有時候，我們在利用表格與層排版的時候，看起來很整齊，但一預覽就完全錯位了，根本不是想要的效果。如何才能使層與頁面中的表格一樣，能夠隨瀏覽器的變化而產(chǎn)生相對位置上的變化，這就需要先使用表格對整個網(wǎng)頁的整體進行規(guī)劃，然后添加一個層到表格中的一個單元格中，作為一個父層。操作的方法為：菜單欄中的插入—布局對象—ApDiv，插入后，這個層的位置左、上必須為空，沒有任何內(nèi)容。然后，其他的子層就通過這個父層進行嵌套，在這里必須強調(diào)的是，父層必須通過菜單欄的插入，不能通過用鼠標畫出來的方式操作。采用這種方法設置層后，無論瀏覽器的窗口大小如何變化，它都會跟著變化，體現(xiàn)了與表格成為一個整體，在瀏覽時就不會產(chǎn)生位置上的移動，因此，層只有結合表格的使用才能更好地豐富網(wǎng)頁內(nèi)容。
總之，在網(wǎng)頁設計中，表格與層是非常重要的元素，但在布局設計中，只有把表格與層結合使用，才能讓網(wǎng)頁的布局精美與豐富。網(wǎng)頁中的內(nèi)容雖然很重要，但網(wǎng)頁中的設計與布局才是最重要的。因此，通過合理的布局設置，特別是主頁設計要整齊美觀，才可能更好地吸引讀者。因此，在平時的網(wǎng)頁設計中，要多看一些優(yōu)秀網(wǎng)站的排版設計，只有這樣，才能更好地提高自己的網(wǎng)頁設計能力。
【參考文獻】
［1］俞燕丹．項目教學法在《網(wǎng)頁設計與制作》課程中的實踐研究［J］．新課程研究（中旬刊），20xx（10）
�。�2］韓媛媛．淺談Dreamweaver在網(wǎng)頁設計中的應用［J］．信息與電腦，20xx（7）
［3］周金容．網(wǎng)頁制作過程與技巧［J］．軟件導刊，20xx（15）
網(wǎng)頁設計論文7
一、網(wǎng)頁設計中的構成要素
1、文字的編排
在網(wǎng)頁設計中，其中文字的編排作為必不可少的基本構成元素，對這些文字的要求是易讀性和可讀性。其中易讀性顧名思義就是文字的清晰表達，可讀性則是指的是網(wǎng)頁整體上的可視性，在文字的設計、詞語的間距、行距等方面的處理。易讀性和可讀性在網(wǎng)頁設計中對于文字的編排的作用是非常重要的。另外，和利用紙張閱讀的方式相比，網(wǎng)頁設計中的文字的易讀性相對較差，再加上一般的用戶在普通的頁面上花的時間比較短，所以對于網(wǎng)頁設計中的文字編排應該滿足以下幾個要求：一是，因為在不同的電腦、操作系統(tǒng)中安裝的文字的字體都是相同的，所以應該在文字編排的過程中選擇一些經(jīng)常使用，用戶經(jīng)常見到的字體，不然的話他們的系統(tǒng)就可能默認一種字體，就會導致網(wǎng)頁看起來不能達到設計者的期望。二是，鑒于屏幕的顯示會對字體造成一定的.影響，在生活中人們大多都是采用的黑體和宋體，站在視角的角度上說，宋體的閱讀方式最便捷，更富有現(xiàn)代氣息，但是對于字體的形狀應該注意。三是，因為不同的字體以及不同的字體屬性可以幫助人們識別標題和信息。但是應該注意的是一個頁面中字體風格是有限制的，如果使用太多面，就失去了強調(diào)的作用。
2、圖片的編排
在網(wǎng)頁設計中，圖片可以算得上是最早被使用的元素。這是因為網(wǎng)絡可以利用圖片傳達自己的信息，讓用戶更直接的了解，加大了網(wǎng)絡提供的信息量，再加上圖片的使用在很大的程度上也使頁面更美化。因此，在網(wǎng)頁設計中，要想單純文字表達的信息變得有趣，最簡單的方法就是使用圖片。經(jīng)調(diào)查顯示：對于一條信息來講，圖片對觀眾造成的吸引往往要高于文字產(chǎn)生的影響。在網(wǎng)頁中使用圖片時，應該注意以下規(guī)則：一是網(wǎng)頁的統(tǒng)一性；二是圖片要吸引用戶；三是要注意突出圖片的重點，特別是在處理和相關文字編排的時候。
二、網(wǎng)頁設計與現(xiàn)在網(wǎng)絡新技術的結合
1、網(wǎng)頁設計和多媒體技術的結合
多媒體的使用能讓人機交互技術趨向接近人的自然方向發(fā)展，能夠讓網(wǎng)頁用自然的方式跟人交往。多媒體的產(chǎn)生實現(xiàn)了信息的多樣化，讓人與網(wǎng)頁在交互的過程中，具有更寬闊和自由的發(fā)展空間。對于多媒體技術的信息多維化不僅指信息的輸入，還包括信息的輸出。從目前的形式來看，多維化包括人的視覺和聽覺這兩個方面，因為多媒體的使用，讓頁面設計表達的信息更具有人性化。為了增強網(wǎng)頁的視覺效果，在網(wǎng)頁設計中通過豐富的表現(xiàn)形式，能夠讓觀眾產(chǎn)生視覺效果，從而產(chǎn)生了繼續(xù)觀看的念頭。在網(wǎng)頁設計中，網(wǎng)頁包含的內(nèi)容是各個方面的。幾乎容納了所有的媒體的優(yōu)點，現(xiàn)在已經(jīng)成為了一種炙手可熱的傳播手段。
2、網(wǎng)頁設計和多媒體相結合主要是增強了網(wǎng)頁的交互性
一個優(yōu)秀或者是成功的網(wǎng)站都應該和用戶之間形成良好的互動關系，互動關系主要包括在整個頁面的設計過程中以及使用界面上的指導體現(xiàn)出來，并且都應該堅持互動的原則，讓用戶在使用的過程中的每一個不走都能夠得到相應的會用。在現(xiàn)在，交互性不僅是一種利用網(wǎng)絡傳播發(fā)揮信息的最大優(yōu)勢，而且是傳達信息的人和用戶進行交流的一種方式，在網(wǎng)頁設計中，有效的互動性能夠提高用戶使用接受信息的主動性以及參與信息反饋的積極性，與此同時，還有助于傳達信息的人了解信息傳達取得的實際效果以及和預期之間存在的偏差，以便在下一步的網(wǎng)頁設計中進行適當?shù)母恼�，實現(xiàn)消息的升格傳達。隨著我國的動態(tài)設計技術，例如ASP以及PHP等的不斷發(fā)展和普及，交互式設計的重要性也逐漸顯現(xiàn)出來，采用交互式設計的目的不是為了控制用戶采用怎樣的行動，而是給他們的各種行動創(chuàng)造實現(xiàn)的基礎。在多媒體以及網(wǎng)頁技術中，設計人員采用的絕大部分的交互方式都是人們熟悉的模擬系統(tǒng)，例如，人們熟悉的撥號盤、按鈕、開關以及滾動條等。所以設計師在創(chuàng)建人機交互方式時，瀏覽者所接觸到的交互式界面，通常都采用這些方式，例如聊天室的界面，完全可以設計成房屋的場景，以給用戶營造一種親切的感覺。適當?shù)膶W(wǎng)頁中的各種設計元素，例如flash、js等動態(tài)效果，就會增強網(wǎng)頁的視覺審美，更具藝術欣賞性和互動性，對瀏覽者具有充分調(diào)動的作用，產(chǎn)生的效果也比傳統(tǒng)的媒體要好。
三、總結
在我國不斷發(fā)展的進程中，網(wǎng)頁可以說是一種全新的視覺表現(xiàn)形式，不僅包含了平面設計的各種理念，還具有跟其他文化不同的優(yōu)點。如果要做好網(wǎng)頁設計，絕對不是一件容易的事情，這是因為網(wǎng)頁設計涉及了視覺設計美學、人類心理學、人機工程等多個領域。一個好的網(wǎng)頁設計不僅需要設計者精心組織內(nèi)容，更需要其對整體視覺的傳達進行科學的規(guī)劃。在信息技術飛速發(fā)展的今天，網(wǎng)頁設計的價值不應該只局限于提高信息的傳達效率，還應該重視給用戶帶來視覺的審美享受。
網(wǎng)頁設計論文8
（一）一、教學內(nèi)容的確定
教學內(nèi)容通常包括HTML語言、CSS樣式、網(wǎng)頁設計原理及原則。由于針對的是中職生，在教學內(nèi)容的安排上就會有所取舍，主要以實際案例為基礎，重點掌握可視化網(wǎng)頁編輯器的使用。除了介紹軟件的使用外，還加入對于網(wǎng)頁設計非常重要的圖像處理的內(nèi)容，傳授網(wǎng)站結構、風格、配色及頁面布局等知識。教學內(nèi)容的選擇上主要有以下幾方面：
1、網(wǎng)頁制作軟件的掌握。學校開設的網(wǎng)頁設計課程一般會選擇FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比較專業(yè)的網(wǎng)頁設計工具，因而通常選擇它作為主要的網(wǎng)頁設計平臺。除了讓學生掌握怎樣使用這款軟件制作網(wǎng)頁，還要讓學生了解網(wǎng)頁基礎知識，如讓學生知道什么是網(wǎng)頁文件；學會規(guī)劃好自己的文件夾，將所有的網(wǎng)頁文件和圖片都放在自己的工作文件夾中，不要鏈接工作文件夾之外的圖片，有的學生將做好的網(wǎng)頁放到別的計算機上結果需要的圖片無法顯示，就是這個地方?jīng)]有做好。
2、增加圖像處理和Flash方面的內(nèi)容。隨著網(wǎng)頁設計技術的不斷變化，Photoshop、Fireworks與Dreamweaver網(wǎng)頁制作軟件的結合越來越緊密，由于網(wǎng)絡速度的提升，圖像元素在頁面中早已變得不可或缺，利用圖像處理軟件的功能直接生成網(wǎng)頁已經(jīng)變得非常簡單。而Flash以文件體積小、風格多樣及良好的交互功能等優(yōu)點在網(wǎng)頁中所占的份額越來越大，甚至出現(xiàn)了完全使用Flash完成的網(wǎng)頁作品，在教學中為了讓學生簡單了解，一般讓學生通過設計常見的Flash廣告條來實現(xiàn)。所以，在開設這門課程的同時，也開了Photoshop和Flash這兩門課。
二、教學方法的探索
網(wǎng)頁設計課程通常在機房授課，便于學生上機操作、鞏固課堂教學效果。傳統(tǒng)教學方法是教師在課堂上講授理論知識，然后學生上機練習，教師在一旁進行輔導。這種枯燥的灌輸方式難以調(diào)動學生的興趣，即使學生將課堂上所學的知識都聽明白了，上機操作時仍然無從下手，因而必須采用有效的教學方法。
1、采用案例教學法。案例教學是在學生掌握基本理論知識的基礎上，根據(jù)教學目的和教學內(nèi)容的要求，由教師精心策劃和指導，運用典型案例，將學生帶入特定事件現(xiàn)場進行案例的分析，使學生獨立思考或集體協(xié)作，進一步提高學生分析問題、解決具體問題的能力的教學方式。筆者對教學目的和教學內(nèi)容選用實際網(wǎng)頁中的典型案例，在教學中先展示網(wǎng)頁效果，再講解相關的理論知識，在學生理解基本理論的基礎上再演示完成案例，并對案例進行適當總結，將枯燥的理論知識融入生動的案例之中，理論與實際相結合，有利于學生更好地掌握知識。另外，根據(jù)學生的實際情況，還可在本案例的基礎上延伸到其他類似的例子，達到舉一反三的效果。采用案例教學法，學生不但可以掌握課堂上學過的案例，而且能靈活地運用課堂知識，提高綜合運用能力。
2、采用任務驅動教學法。所謂“任務驅動”，就是在學習過程中，學生在教師的幫助下，緊緊圍繞一個共同的任務活動中心，在強烈的問題動機的驅動下，通過學習資源的積極主動應用，進行自主探索和互動協(xié)作的學習。這種教學模式強調(diào)學生的學習活動必須與任務相結合，以問題來引導和維持學生的學習興趣和動機。所以，安排第一次教學內(nèi)容時，給學生欣賞一些優(yōu)秀的、獲獎的網(wǎng)頁設計作品或瀏覽比較熟悉的網(wǎng)頁，可激發(fā)學生的學習熱情。在欣賞過程中，讓學生說出該網(wǎng)頁吸引他們的優(yōu)點，教師適時講解網(wǎng)頁設計中關于色彩搭配和布局的知識，這樣可提高學生學習的主動性，讓學生主動地學習知識。同時，確定本門課的`總體任務———設計并制作一個完整的網(wǎng)站，學生在后續(xù)的學習中就有了任務感，有了目標學習才會更認真。再針對課程中的每一部分內(nèi)容，將總體任務細分為若干個小任務，如文本、圖像、表格、鏈接、CSS樣式等，由淺入深，讓學生通過完成這一個個任務來掌握網(wǎng)頁設計與制作的基本操作。例如，介紹Fireworks軟件時，筆者采用了模仿式教學法，著重于網(wǎng)站Logo、整體效果設計與制作能力的培養(yǎng)，通過學習、模仿優(yōu)秀網(wǎng)站的設計圖稿，提高學生的審美能力，對各類網(wǎng)站的設計風格、色彩搭配、網(wǎng)頁布局等有一定的認知。四、考核方法的探索根據(jù)中等職業(yè)教育的教學需要和課程教學特點，課程考核形式要能全面地評價學生的綜合素質(zhì)和技能應用能力。在網(wǎng)頁課程的考核過程中，期末總評學習成績可由兩部分組成：平時成績（平時到課考勤、課堂表現(xiàn)、作業(yè)和能力考核）和期末考核（期末上機考試），各占總成績的50%。這種考核方式注重實踐操作和應用開發(fā)能力的培養(yǎng)，可發(fā)揮學生的學習積極性和主動性。此外，還可在校園內(nèi)舉辦網(wǎng)頁設計比賽，設置獎勵分。如學校舉辦的藝術節(jié)、網(wǎng)頁作品展示等，不但能提高學生學習本課程的積極性，還可讓學生找到彼此的差距，激發(fā)學生的學習動力，不斷提高網(wǎng)頁設計水平。
網(wǎng)頁設計論文9
《網(wǎng)頁設計》是一門綜合性的“大課程”，鑒于其專業(yè)的特殊性，至目前藝術設計專業(yè)開設的此課程尚沒有相對完善的教材，教學內(nèi)容和教學方法也處于探索階段。筆者結合多年從事web開發(fā)和網(wǎng)頁設計教學經(jīng)驗，對藝術設計專業(yè)《網(wǎng)頁設計》課程目標、教學內(nèi)容設計、教學方法三方面進行探討，期待構建《網(wǎng)頁設計》課程教學的大致框架。隨著信息時代的到來，互聯(lián)網(wǎng)技術改變了人們傳統(tǒng)的生產(chǎn)和生活方式。網(wǎng)絡資源的共享和發(fā)展已經(jīng)融入社會生活，站、網(wǎng)頁瀏覽已經(jīng)成為一種生活習慣。作為服務于社會經(jīng)濟發(fā)展的高校專業(yè)設置，為適應時代需求，如計算機、電子商務及藝術設計等專業(yè)都開設了《網(wǎng)頁設計》課程。就專業(yè)技術而言，《網(wǎng)頁設計》課程綜合性較強，涵蓋的知識面較為廣泛，一個網(wǎng)頁的建立到發(fā)布過程，涉及到了網(wǎng)絡基礎知識，W3C標準和與之對應的結構：（X）HTML語言，表現(xiàn)：CSS樣式，動作：JavaScipt，圖像處理、動畫制作等諸多領域。鑒于其專業(yè)基礎的特殊性，這也導致了該課程針對不同專業(yè)在教學內(nèi)容、教學模式、教學方法等方面存在很大差異。理工科專業(yè)多側重于程序語言的編寫學習，較為重視純技術方面，而藝術設計專業(yè)則更多偏向于網(wǎng)頁界面的版面設計，包括形式美感、色調(diào)處理等。但在實際人才應用中，用人單位更想兼顧以上兩方面的技術應用型人才。目前藝術設計專業(yè)《網(wǎng)頁設計》課程并沒有相對完善的專門教材，教學方法與內(nèi)容也處于探索階段。由于大環(huán)境和師資的局限，開設該課程的很多高校在教學上并沒有結合藝術設計專業(yè)的自身特點，往往“復制”和計算機等理工科專業(yè)一樣的課程教學模式，“教”和“學”都陷入一定的尷尬境地，達不到本專業(yè)所需一定程度的教學目標。另一方面，藝術設計專業(yè)的學生，具有一定的美術基礎和審美意趣，制作網(wǎng)頁有一定的美感優(yōu)勢，但有時也過于追求美觀而忽略用戶體驗，脫離實際，華而不實。筆者結合多年從事web開發(fā)和網(wǎng)頁設計教學的相關經(jīng)驗，對藝術設計專業(yè)《網(wǎng)頁設計》課程目標、教學內(nèi)容設計、教學方法三方面進行探討，期待構建《網(wǎng)頁設計》課程教學的大致框架。其中的藝術設計專業(yè)，尤其是視覺傳達方向的平面設計專業(yè)都開設了《網(wǎng)頁設計》課程。
一、課程目標
眾所周知，課程目標決定一門課程構建和發(fā)展的最終導向，一方面可以為學生指明正確的課程學習方向，另一方面也為教師傳授正確的知識理念提供依據(jù)，真正做到“教”和“學”的“有的放矢”。結合藝術設計專業(yè)學生的個性特點，注重網(wǎng)頁設計語言的學習，將藝術和技術有機的緊密結合。在課程目標制定的過程中，弱化一些在前期專業(yè)基礎課程中已經(jīng)學習過的相關知識（如PS圖像處理等），做好簡單的銜接，將重點放到藝術設計專業(yè)學生相對薄弱的知識點（如網(wǎng)頁設計語言等）。Dreamweaver是目前最好的網(wǎng)頁制作與設計軟件工具，作為可視網(wǎng)頁編輯工作的標準，它一直在代碼編輯和應用程序開發(fā)方面的功能比較強大。更重要的是它是所見即所得類型的網(wǎng)頁設計軟件，對藝術設計專業(yè)的學生來說，學習和應用的難易程度非常合適。同時，對于網(wǎng)頁設計素材的制作和處理，動畫素材可以選擇Flash，圖片素材可以選擇photoshop，這里強調(diào)并要求和Dreamweaver相匹配和適應。作為網(wǎng)頁設計的基礎理念，在制定《網(wǎng)頁設計》教學目標時，必須考慮將W3C標準相關的新理念、新做法等元素考慮進來，強調(diào)使用規(guī)范化語義標簽語言（X）HTML書寫頁面結構，并強調(diào)CSS樣式表的使用，同時遵循W3C標準，了解div+css和標準頁面的優(yōu)勢所在，使用“div+css”實現(xiàn)網(wǎng)頁結構代碼與表現(xiàn)樣式相分離，以及對后面制作標準頁面所起到的促進作用等。
二、教學內(nèi)容
�。ㄒ唬┰谒囆g設計專業(yè)的.人才培養(yǎng)計劃中，網(wǎng)頁設計課程
一般安排在課程學習的中后時間段。就本課程而言，我建議教學內(nèi)容并時間安排如下：
1.Dreamweaver軟件的學習和應用為重點講解，講授和實踐為5+5個學時。Dreamweaver軟件的主要任務就是完成網(wǎng)頁設計的版面架構，教學中，主要講解本地站點的創(chuàng)建和頁面結構搭建。在早期的網(wǎng)頁排版中一般使用網(wǎng)頁表格（table）及其嵌套的模式布局頁面，隨著技術更新和用戶需求，表格結構已不適合現(xiàn)在時代發(fā)展的需要，即不適合手機及平板電腦的用戶瀏覽，呈現(xiàn)逐漸被淘汰的趨勢�，F(xiàn)今網(wǎng)頁版面架構大都采用div+css的方式設計，具有瀏覽速度快，適合在手機或平板電腦上瀏覽的優(yōu)勢。結構和樣式的相分離，也便于日后的網(wǎng)頁改版的便利；
2.網(wǎng)頁編程基礎方面：HTML語言、CSS樣式、JavaScipt，講授和實踐7+7學時。非計算機專業(yè)的學生一般錯誤的認為使用Dreamweaver這樣所見即所得的工具頁設計，不再需要學習太多的“語言”。其實不然，HTML是網(wǎng)頁的靈魂，它不像C語言那樣“生澀難懂”，相對藝術設計學生而言，完全有能力學會和掌握。CSS通俗講是控制網(wǎng)頁中內(nèi)容的顏色、字體大小、寬度背景等樣式，并由此來實現(xiàn)各種各樣網(wǎng)頁樣式的統(tǒng)稱，也是需要熟悉和掌握的。JavaScipt與C語言不同，它提供一定的面向對象能力，因此模塊、名字空間、類、對象、封裝、函數(shù)等功能在JavaScipt中的實現(xiàn)方式是其教學的重頭戲，它們才是現(xiàn)代JavaScipt語言的精髓；
3.Flash動畫，講授和實踐6+4學時。Flash主要制作二維動畫，體積小，便于使用，學習難度小，能夠滿足網(wǎng)頁設計的需要，如：網(wǎng)頁Banner條的設計、片頭動畫、課件等；
4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設計，講授和實踐2+0學時；
5.photoshop為輔助2學時，藝術設計專業(yè)的學生已經(jīng)學習并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識點留下更充裕的時間。
�。ǘ┙Y合網(wǎng)絡技術發(fā)展和用戶體驗要求，本課程教學還需注意下面要點：
1.面向用戶體驗的網(wǎng)頁設計：學生在學習和制作網(wǎng)頁時，總是以“自我”的感覺為主導，很少考慮并分析用戶需求，以為自己的設計有相當?shù)摹拔Α钡菍τ谠L問者來說，大多數(shù)的設計過于空洞、內(nèi)容繁冗，徒有漂亮的外觀。所以學生應該明確，網(wǎng)頁設計應該以“用戶”為中心，而不是展示、甚至炫耀網(wǎng)頁技術或技巧。因此，有必要引進面向用戶的網(wǎng)頁設計教學。
2.當前互聯(lián)網(wǎng)技術飛速發(fā)展，網(wǎng)絡資源共享已成趨勢，學生獲取知識的渠道已不僅僅滿足于課堂上教師的講解，包括每一步所要學習的知識點。充分利用網(wǎng)絡，包括豐富的教學資源和便利的搜索功能，面對現(xiàn)實中存在的問題，引導學生如何利用互聯(lián)網(wǎng)頁設計方面的前沿知識，發(fā)現(xiàn)并解決。鼓勵學生使用博客、論壇，通過發(fā)現(xiàn)其中有趣的文章，得到解決問題的新方法和代碼片段。向學生介紹開源社區(qū)，并鼓勵他們在線發(fā)表自己的代碼，使用社交媒體進行資源查找，并形成專業(yè)的社交媒體互動，更加專注于他們的代碼與工作，真正激發(fā)學生的學習興趣。
三、教學方法
《網(wǎng)頁設計》課程具有交叉學科性質(zhì)，結合藝術設計專業(yè)學生的自身特點，在教學過程中，我運用任務驅動法、模塊教學法和項目教學法等多重手段，給學生明確的思路，引導學生多動腦，勤動手，發(fā)現(xiàn)問題，分析問題，解決問題。
�。ㄒ唬┤蝿镇寗臃�
任務驅動法，即通過創(chuàng)設問題情境來調(diào)動學生的學習興趣，進而啟發(fā)學生的求知欲�！芭d趣是最好的老師”，只有發(fā)現(xiàn)問題，才有任務和動力，教師利用專業(yè)知識，結合課堂所講章節(jié)內(nèi)容，分析并解決問題。只有這樣才能有利于培養(yǎng)學生獨立分析問題、解決問題的能力和創(chuàng)新能力。具體到《網(wǎng)頁設計》課程教學中，通過導入新課環(huán)節(jié)，將所要講授的新知識隱含在一個或幾個任務之中，引導學生對所提出的任務進行分析討論，明確大體涉及所需知識，承前啟后，找出哪些是需要復習鞏固的知識，哪些是需要探索學習的新知識，在教師的指導下找出解決問題的方法，通過任務的完成實現(xiàn)對所學知識的構建。
�。ǘ┠K教學法
團隊合作、模塊運營是現(xiàn)代企業(yè)生存和發(fā)展之道，網(wǎng)頁設計公司亦是如此，很多網(wǎng)站界面都實行模塊化，每個部門負責完成自己的任務。為和現(xiàn)代網(wǎng)頁設計公司相適應，《網(wǎng)頁設計》課程嘗試實施有目標、有任務、有內(nèi)容的模塊教學法，將本課程教學內(nèi)容有意識地分化為幾個模塊，針對每一個模塊設定具體的教學目標、任務和要求，將課堂所講內(nèi)容和現(xiàn)實所需實踐有機結合。同時讓學生自由組合成一個個小團隊，團隊之間、團隊之內(nèi)分工協(xié)作，團隊合作，真正做到鍛煉學生綜合能力的教學和實踐。
�。ㄈ╉椖拷虒W法
通過實施一個完整的“項目”而進行教學活動，其目的是在課堂教學中把理論與實踐有機的結合起來，充分發(fā)揮學生的創(chuàng)造潛能，提高學生解決實際問題的能力。《網(wǎng)頁設計》課程相對來說，有非常多的“項目”可供實施。一般是在知識體系講解完全后，給出一個具體的項目命題，如學生（或學校）個人（或創(chuàng)業(yè)小店）的網(wǎng)站、網(wǎng)絡上征稿的企業(yè)網(wǎng)站等，在實施這些“項目”過程中發(fā)現(xiàn)問題并且解決問題，一方面可以鍛煉學生的實踐能力，更重要的是及早讓學生有實戰(zhàn)意識，真正實現(xiàn)課堂教學和單位實習的“零距離”。
�。ㄋ模╇p師教學法
聘請工作在網(wǎng)頁設計一線，且具有豐富實踐經(jīng)驗的設計師作為兼職教員，加入到課程教學中來。兼職教員能制作最專業(yè)的網(wǎng)站，對本行業(yè)的最新趨勢有著完整的把控力，對網(wǎng)頁設計實際工作中有可能遇到的問題有著獨到的見解。他們可為學生開設講座、解惑答疑，結合全職教師對教學內(nèi)容和方法的深入研究，兩種教師互補，增強學生的學習體驗和興趣，提高教學質(zhì)量。
四、結語
藝術設計專業(yè)的《網(wǎng)頁設計》課程是隨著互聯(lián)網(wǎng)而產(chǎn)生的新興課程，同時也是為適應地方社會經(jīng)濟發(fā)展和普通用戶的生活體驗的�；ヂ�(lián)網(wǎng)技術的日新月異、社會經(jīng)濟的迅猛發(fā)展和普通用戶的生活便捷也決定了課程的必須不斷更新變革。教學是動態(tài)的過程，只有確立好課程目標、梳理好教學內(nèi)容、掌控好教學方法，根據(jù)實施過程中的具體情況靈活調(diào)整，并不斷充實完善，才能取得更好的教學效果，真正做到培養(yǎng)網(wǎng)頁設計的應用型專業(yè)人才，服務于社會，以人為本。
網(wǎng)頁設計論文10
摘要：網(wǎng)絡技術的變革和高速發(fā)展，對人類的視覺語言起著強有力的推動作用。視覺符號始終以其獨特的可視性語言追求自身審美價值的實現(xiàn)，并爭取與社會、大眾心靈的溝通、融合，力圖超越國家和民族的界限。該文針對當前網(wǎng)頁設計的風格，探究創(chuàng)造性思維的主導作用。
關鍵詞：網(wǎng)頁設計;視覺;創(chuàng)造性思維
隨著互聯(lián)網(wǎng)技術的迅速普及和網(wǎng)站的大量建立，人們把互聯(lián)網(wǎng)納入六大媒介，并稱其為繼傳統(tǒng)媒體（廣播、電視、報紙）之后的“第四大眾傳媒”。互聯(lián)網(wǎng)這種交互式傳播媒體的出現(xiàn)，使人類進入信息時代，媒體與受眾之間不再是傳統(tǒng)的相互關系，兩者之間的關系正面臨巨大的改變。而在此過程中，網(wǎng)站建設也愈發(fā)趨向于一門藝術，而不僅僅是一項技術。因此，創(chuàng)造性思維對網(wǎng)頁設計起著主導作用。
一、創(chuàng)造性思維的基本方法
廣義的創(chuàng)造性思維是指人們運用新穎的方式思考和解決問題，并能產(chǎn)生新的、有社會價值的思維活動，每個正常人都有這種創(chuàng)造性思維。狹義的創(chuàng)造性思維是指人們的發(fā)明創(chuàng)造、形成新的概念、創(chuàng)造新的成果、提出新的假說等探索未知領域的'思維活動，這種創(chuàng)造性思維一般人是沒有的。創(chuàng)造性思維的基本方法是發(fā)散思維和聚合思維、順向思維和逆向思維、橫向思維和縱向思維的有機結合。
二、創(chuàng)造性思維在網(wǎng)頁設計實踐中的運用
網(wǎng)頁設計作品主要由圖形、文字、版式等設計元素組成，這些元素經(jīng)過設計師的藝術加工，最終構建出完整的網(wǎng)頁。在創(chuàng)意理念的指導下，設計師對多個設計元素進行組合，使其不僅僅具有審美和裝飾功能，同時具有商業(yè)化的目的。圖形是網(wǎng)頁設計作品中受眾關注的視覺中心，也是傳達感情信息和創(chuàng)意表現(xiàn)主要形式的重要載體。優(yōu)秀的網(wǎng)頁設計作品不僅具有獨特的創(chuàng)意思維，運用簡潔的設計語言清晰地表達設計主題，而且可以有效地展現(xiàn)設計師的情感和商業(yè)目的。因此，創(chuàng)意思維對于網(wǎng)頁圖形的表現(xiàn)起著重要的作用。以下是創(chuàng)意表現(xiàn)常用的幾種手法：
1.互補形借用
互補形借用，即正形與負形相互借用。這種圖形巧妙組合，結構嚴謹，形與形之間相互包含、補充，又相互獨立，具有一形多義的視覺幻象的效果。在視覺設計中，圖形在人們心中是情感和思維形態(tài)凝固的視覺符號，它可以超越國界，是人們溝通情感、傳播信息的直接途徑。網(wǎng)頁設計的圖形、文字等是正形，而留白是負形，留白能使網(wǎng)頁作品產(chǎn)生空間感。優(yōu)秀的網(wǎng)頁設計師善于運用互補形借用的手法，使正負形之間既對比又統(tǒng)一，作品往往能夠產(chǎn)生獨特的藝術魅力，給人以獨特的視覺感受。網(wǎng)頁設計的另一個主要元素是文字，一些院校專門把字體設計作為一門課程。設計離不開有創(chuàng)意的文字造型表現(xiàn)，有設計師把字體作為主要的設計元素。不同的字體設計在表達同一設計主題時所呈現(xiàn)的視覺效果和情感是不同的。如，宋體給人的感覺是規(guī)范、正統(tǒng)、嚴肅，黑體則顯得厚重、實在，圓體看起來比較親切，等等。因此，設計師在設計過程中創(chuàng)造出獨特的文字形象顯得非常重要。設計師在進行文字創(chuàng)意時，必須深入理解文字的內(nèi)涵，還要有自己獨到的見解，要對字體的結構進行巧妙組合，對筆畫的大小、粗細、顏色等進行藝術加工。設計師要將文字作為設計中的一個重要元素，抓住創(chuàng)意要點，增強文字的藝術感染力。
2.變異
一個物形有次序、循序漸進地按照一定規(guī)律和美學法則轉變成另一個物形，如此美妙的變換使兩個不相關的物形發(fā)生聯(lián)系，從而形成獨特的視覺效果。如，經(jīng)典作品《烏龜與汽車》就充分利用了異變圖形的構形方式，將一只卡通的烏龜與甲殼蟲汽車有機地結合起來，兩者交織漸變、相互襯托，既生動有趣又自然。設計師要巧妙處理各項設計元素，有秩序、有節(jié)奏地進行排列、組合，從而營造出一種全新的視覺效果。
3.求同存異
求同存異，就是將兩種或者兩種以上不完全相同但有聯(lián)系的視覺符號運用藝術手法進行巧妙結合，從而組成新的更有意義的視覺符號。這種視覺符號具有獨特的個性，同時體現(xiàn)了對立統(tǒng)一的理念。設計師可結合客戶需求設計作品的版式編排，同一版式可讓不同網(wǎng)頁元素和諧統(tǒng)一。如果網(wǎng)頁設計作品具有新穎的版式，就更能吸引受眾，從而充分展現(xiàn)個性。不同版式編排方式具有不同的意境、個性和感情。網(wǎng)頁版式是創(chuàng)意性理念的體現(xiàn)，也是一種形式語言，它必須與內(nèi)容緊密匹配，所有這些語言和技巧的目的都在于清晰、鮮明地傳達主題內(nèi)容。網(wǎng)頁設計不僅僅是一項技術，更是一門藝術，需要設計師具有獨特的創(chuàng)造性思維。設計師運用美學法則對網(wǎng)頁的構成元素進行巧妙處理，旨在獲得最佳的主題訴求效果，使受眾更快捷地獲得需要的信息。
參考文獻：
[1]彭蘭.網(wǎng)絡傳播概論.中國人民大學出版社，20xx.
[2]匡文波.網(wǎng)絡媒體概論.清華大學出版社，20xx.[3]明安香.信息高速公路與大眾傳播.華夏出版社，1999.
作者:謝潔萍 單位:廣東生態(tài)工程職業(yè)學院
網(wǎng)頁設計論文11
摘要：網(wǎng)頁設計是運用網(wǎng)絡技術對網(wǎng)頁進行設計的學科，其中也會運用到設計藝術的知識，是一門交叉學科。伴隨著互聯(lián)網(wǎng)電商的發(fā)展，茶葉的銷售很多也會從線下轉變到線上，目前，很多茶產(chǎn)品的展示和銷售逐漸向互聯(lián)網(wǎng)上轉移，茶產(chǎn)品網(wǎng)頁層出不窮。但是由于茶葉產(chǎn)品的網(wǎng)頁藝術設計是新出現(xiàn)的東西，所以在藝術呈現(xiàn)上還不是很成熟，還存在一些問題。筆者在本文從茶產(chǎn)品網(wǎng)頁的藝術設計定義入手，分析了茶產(chǎn)品網(wǎng)頁藝術設計的內(nèi)容和技術，從色彩搭配、元素構成、文字排版等方面提出了茶產(chǎn)品網(wǎng)頁藝術設計視覺呈現(xiàn)的方法。
關鍵詞：網(wǎng)頁設計；茶產(chǎn)品；藝術設計；視覺呈現(xiàn)
近年來，互聯(lián)網(wǎng)電商發(fā)展迅猛，很多產(chǎn)品都有了網(wǎng)絡銷售渠道，茶產(chǎn)品也不例外。茶產(chǎn)品的網(wǎng)絡銷售離不開網(wǎng)頁的展示，好的網(wǎng)頁藝術設計才能讓茶產(chǎn)品從眾多品牌中脫穎而出，具有更強的競爭力，所以茶產(chǎn)品網(wǎng)頁設計的視覺呈現(xiàn)越來越受到人們的重視。茶產(chǎn)品網(wǎng)頁以互聯(lián)網(wǎng)為載體，將茶產(chǎn)品的各種信息以方便、快捷的形式傳達給消費者，所以茶產(chǎn)品網(wǎng)頁藝術設計必須符合人們的審美需求和高標準、高要求。茶產(chǎn)品的網(wǎng)頁是信息和主要表現(xiàn)形式的載體，要想設計出更加便捷、美觀的茶產(chǎn)品網(wǎng)頁，網(wǎng)頁中的藝術設計元素必須更具有觀賞性，視覺呈現(xiàn)方式應該更加獨特和新穎，整個呈現(xiàn)效果應該風格統(tǒng)一，主題明確。
1茶產(chǎn)品網(wǎng)頁藝術設計的內(nèi)涵
互聯(lián)網(wǎng)和電商的普及，很多商品都在網(wǎng)上進行銷售，所以網(wǎng)頁設計逐漸被人們所重視。茶產(chǎn)品網(wǎng)頁藝術設計是通過設計師對茶產(chǎn)品的理解和內(nèi)涵的認知，根據(jù)茶產(chǎn)品的特色，進行的創(chuàng)造性的網(wǎng)頁構思。從表面上來看，茶產(chǎn)品網(wǎng)頁設計是對網(wǎng)頁的版式、色彩、聲音、動畫進行了合理的安排和運用，雖然看起來簡單，但是要想實現(xiàn)這一過程，不僅需要一定的技術能力，還需要對茶產(chǎn)品有深入的了解。因此，茶產(chǎn)品網(wǎng)頁設計是藝術和技術的結合，同時也蘊含著茶文化的內(nèi)涵和韻味。茶產(chǎn)品網(wǎng)頁藝術設計內(nèi)涵其實就是新型的可視化的茶文化內(nèi)涵視覺呈現(xiàn)，以前人們習慣了用實物呈現(xiàn)茶文化，現(xiàn)在要將實物換成圖片、音頻、視頻等表現(xiàn)形式，本質(zhì)上是一樣的，但是網(wǎng)頁設計呈現(xiàn)茶文化的方式比原來更多了，不過也有其短板，就比如人們沒有辦法去聞一下茶葉的氣味，品嘗茶水的味道，觸摸一下茶葉，這些都是網(wǎng)頁設計無法進行呈現(xiàn)的，但是視頻和音頻、圖片包含的信息要比傳統(tǒng)的實物大很多，就好比在有限的地方想要呈現(xiàn)全國所有地方的不同種類的茶葉，通過線下展示幾乎是不可能完成的，但是通過一個視頻就能清晰準確地表達出來。線上和線下各有所長，這是沒有辦法避免的，我們只能借助手中的技能，最大程度地通過網(wǎng)頁藝術設計將茶文化的內(nèi)涵呈現(xiàn)出來。
2茶產(chǎn)品網(wǎng)頁藝術設計視覺呈現(xiàn)要素
2.1茶產(chǎn)品網(wǎng)頁的視聽元素
茶產(chǎn)品的網(wǎng)頁藝術設計包含眾多的視聽元素，而如何以合適的藝術形式將這些視聽元素組合起來，并且支持大多數(shù)瀏覽器的顯示和播放，具有比較快的加載速度和瀏覽體驗，減少和避免使用外部程序和模塊，是茶產(chǎn)品網(wǎng)頁設計主要考慮的問題。茶產(chǎn)品網(wǎng)頁藝術設計還可以運用多媒體技術，這樣可以更加豐富茶產(chǎn)品網(wǎng)頁設計的視覺效果，讓其具有更好的視覺呈現(xiàn)。這樣做的本質(zhì)就是讓網(wǎng)頁設計呈現(xiàn)給人的感覺能夠盡可能的還原人實物給人呈現(xiàn)的東西一樣，近年來流行的3D、4D、VR技術都能很好的運用于茶產(chǎn)品網(wǎng)頁設計中，其目的也是讓人看到的東西更加真實，和實物一樣。將這些網(wǎng)頁藝術設計的新科技運用到茶產(chǎn)品網(wǎng)頁中，可以給人耳目一新的感覺，也能夠帶給用戶更好的體驗。
2.2茶產(chǎn)品網(wǎng)頁的版式設計
茶產(chǎn)品網(wǎng)頁的板式設計，需要首先對內(nèi)容進行主次的劃分，突出重點內(nèi)容，避免過于繁瑣和混亂。將茶產(chǎn)品網(wǎng)頁的各種視聽元素進行有機的組合和排列，體現(xiàn)出茶產(chǎn)品的個性，通過這些排列形式也可以體現(xiàn)出設計師的.想法和思維，展現(xiàn)出茶產(chǎn)品的文化內(nèi)容和風格。茶產(chǎn)品的網(wǎng)頁藝術設計在本質(zhì)上和報刊雜志等平面媒體的本質(zhì)是相同的，只不過茶產(chǎn)品網(wǎng)頁設計中對版式的設計更加重視，需要其準確的傳遞出茶產(chǎn)品的信息，并且?guī)Ыo人感官和精神上的享受。茶產(chǎn)品網(wǎng)頁的版式設計雖然不受到固定規(guī)格尺寸的限制，但是必須符合讀者屏幕的閱讀限制，所以茶產(chǎn)品網(wǎng)頁設計中的各個元素和位置必須有更加精確的尺寸和定位。茶產(chǎn)品網(wǎng)頁藝術設計也不同于印刷品的線性形式，這一區(qū)別也給茶產(chǎn)品網(wǎng)頁藝術設計的結構安排帶來更多的難度。
3茶產(chǎn)品網(wǎng)頁藝術設計的視覺呈現(xiàn)方式
3.1色彩的搭配
設計師用以表達設計理念的首選就是色彩，色彩也是茶產(chǎn)品網(wǎng)頁藝術設計中最能抓住用戶眼球的部分，其次才是網(wǎng)頁中的文字和圖像。對于茶產(chǎn)品網(wǎng)頁設計的色彩運用需要像音樂的音符一樣進行巧妙和恰當?shù)陌才�，這樣才能像音樂優(yōu)美的旋律一樣，具有色彩的藝術感。色彩可以通過視覺的呈現(xiàn)讓人出現(xiàn)各種不同的心理感受和反應，所以需要經(jīng)過精心的組合、搭配以及畫面的構成。茶產(chǎn)品網(wǎng)站藝術設計的視覺呈現(xiàn)不能過于單一的使用同一種顏色，也不能同時使用過多的色彩，導致整個茶產(chǎn)品網(wǎng)站色彩過于復雜，而是根據(jù)茶產(chǎn)品的主題選擇一兩種顏色作為主要的顏色，其他部分選用相近或者同色系的顏色作為次要顏色。所以，需要在確定主題色彩之后，考慮主題色彩與其他顏色之間的關系，讓各個色彩之間能夠達到協(xié)調(diào)和均衡，同時還要考慮各種顏色的純度、透明度和色相的問題。其目的就是讓人在瀏覽茶產(chǎn)品的網(wǎng)頁時候擁有更好的體驗。
3.2點、線、面的構成
茶產(chǎn)品網(wǎng)頁設計的基本構成是點、線、面，其排列組合方式有成千上萬種，而網(wǎng)頁設計師需要做的就是通過合理的點、線、面組合來表達茶產(chǎn)品網(wǎng)頁的自然、生動、樸實等形象，讓人通過茶產(chǎn)品網(wǎng)頁對茶產(chǎn)品產(chǎn)生美好的聯(lián)想。通過點、線、面的密集程度和集合形態(tài)，來表達想要表達的不同特色，反映出茶產(chǎn)品網(wǎng)頁設計師的設計理念、心理和情感，所以茶產(chǎn)品網(wǎng)頁藝術設計中點、線、面的關系一定要處理好，這樣才能將茶產(chǎn)品網(wǎng)頁藝術設計的最佳視覺效果呈現(xiàn)出來。
3.3文字的排版和應用
茶產(chǎn)品網(wǎng)頁藝術設計的另一形象要素就是文字，文字也是茶產(chǎn)品網(wǎng)頁藝術視覺呈現(xiàn)中必不可少的，擔任著傳遞產(chǎn)品信息和情感的作用，所以茶產(chǎn)品網(wǎng)頁藝術設計中的文字應用能夠給人以美感和審美感受，同時也可以準確的傳遞作者的意圖。恰當?shù)陌才挪枞~產(chǎn)品中文字的位置，避免文字與茶葉產(chǎn)品網(wǎng)頁中其他視覺元素形成沖突，導致主次顛倒，同時在茶產(chǎn)品網(wǎng)頁設計中也不能輕易使用自動文字排版工具，避免文字內(nèi)容錯亂和像素的偏差。
3.4留白的方式和技巧
在茶產(chǎn)品網(wǎng)頁藝術設計中恰當?shù)牧舭卓梢宰屢曈X的呈現(xiàn)更為多元化，這也是茶產(chǎn)品網(wǎng)頁設計中一種比較討巧的設計方式和技巧，可以讓茶產(chǎn)品網(wǎng)頁中的圖片和文字更加從容。只有通過留白對茶產(chǎn)品網(wǎng)頁的空間進行緩沖分配，才能讓茶產(chǎn)品網(wǎng)頁更具有活力，更加生動，避免出現(xiàn)呆板的情況。在茶產(chǎn)品網(wǎng)頁排版布局中，恰當?shù)剡M行留白可以更加彰顯茶文化的藝術韻味，同時平衡茶產(chǎn)品網(wǎng)頁的整體布局，讓整個茶產(chǎn)品網(wǎng)頁布局和排版松弛有度，同時茶產(chǎn)品網(wǎng)頁中的各個元素之間的關系也能夠更加合理，讓整個網(wǎng)頁藝術設計能夠得到升華，提高整個網(wǎng)頁的藝術高度，同時也可以帶給瀏覽者更多放松的感覺，讓用戶瀏覽時心情更加愉悅。
4結束語
綜上所述，隨著互聯(lián)網(wǎng)和時代的發(fā)展，茶產(chǎn)品基本上都有網(wǎng)絡銷售渠道，茶產(chǎn)品網(wǎng)頁設計的審美和要求也在不斷提高，茶產(chǎn)品網(wǎng)頁設計在傳遞茶產(chǎn)品信息的過程中也需要帶給用戶視覺和感官上的享受，所以茶產(chǎn)品網(wǎng)頁藝術設計必須結合藝術和技術。所謂的藝術就是網(wǎng)頁設計本身所強調(diào)的，是每個設計師都應該擁有的技能，技術而言就是對茶產(chǎn)品的理解，需要通過特定的技術手段展示茶文化的內(nèi)涵，我們希望通過網(wǎng)頁方式呈現(xiàn)給消費者的就是和原來線下的一樣，技術是實現(xiàn)目的手段，我們運用的技術不一樣，但是想要實現(xiàn)的目的一直都是一樣的。網(wǎng)頁設計相比較線下具備很大的優(yōu)勢，而技術的進步也讓視覺呈現(xiàn)越來越好，由視覺感官的藝術上升到視聽享受的層面，讓茶產(chǎn)品網(wǎng)頁設計不僅僅具有報刊雜志的功能，更有影視觀賞的效果，將用戶帶入更好的瀏覽環(huán)境中，從而對茶產(chǎn)品的外在和內(nèi)涵有更深的理解和領會。只有處理好茶產(chǎn)品網(wǎng)頁藝術和技術的關系，才能滿足人們對茶產(chǎn)品網(wǎng)頁日益增高的要求。
參考文獻
[1]高文婧.藝術類網(wǎng)頁設計工作坊“雙主體”管理體系的構建分析[J].西部素質(zhì)教育,20xx(13):20.
[2]齊瑋琳.視覺傳達在網(wǎng)頁設計中的動態(tài)藝術效果及其技術實現(xiàn)[J].黑龍江科學,20xx(12):72-73.
[3]王倩.網(wǎng)頁設計中技術與藝術的結合路徑———以新聞站為例[J].新聞戰(zhàn)線,20xx(22):70-71.
[4]王雨晴,湯穎斐.信息藝術設計對環(huán)保的應用———以環(huán)保包裝網(wǎng)頁為例[J].藝術科技,20xx(7):170-171.
[5]游又.淺談數(shù)字媒體創(chuàng)作與教學中的用戶中心設計和內(nèi)容設計[J].西部廣播電視,20xx(2):86-88.
[6]許玲玲.淺談網(wǎng)頁設計中的藝術表現(xiàn)形式———藝術與技術相結合[J].科技資訊,20xx(26):29-30.
[7]古新良.論網(wǎng)頁設計中藝術設計的視覺呈現(xiàn)[J].計算機光盤軟件與應用,20xx(7):262+264.
[8]李怡.中國水墨畫藝術形式在網(wǎng)頁設計中的借鑒及探索[J].重慶科技學院學報(社會科學版),20xx(13):122-124.
[9]孫夢燦.從《css禪意花園》談對于藝術設計學科中的網(wǎng)頁設計的一些思考[J].包裝世界,20xx(3):100-102.
[10]許展.網(wǎng)站設計的數(shù)碼藝術解析———網(wǎng)站設計的數(shù)碼藝術新思路[J].美與時代(上),20xx(12):97-98.
網(wǎng)頁設計論文12
摘 要：網(wǎng)頁設計既是一門全新的設計領域，又是平面設計在信息時代的多元化發(fā)展的一個重要方向。文章分析了網(wǎng)頁設計與平面設計有著相同的視覺傳達和審美目的，但在設計范疇等方面和平面設計有著不同特點。這些不同之處是由網(wǎng)絡技術的特性決定的。網(wǎng)頁設計是設計藝術與網(wǎng)絡技術的結合，是對傳統(tǒng)平面設計的延續(xù)和革新。
關鍵詞：設計論文
前言
網(wǎng)頁設計是網(wǎng)站建設的重要組成部分，特別注重講究編排和布局，它的實現(xiàn)通過電腦屏幕來表現(xiàn)出來，為了達到最佳的視覺表達效果，與瀏覽者有一個流暢的交互體驗，做網(wǎng)頁設計時要反復推敲整體布局的人性化。平面設計作為一種藝術活動，具有商業(yè)性和大眾性的特點，平面設計體現(xiàn)在它的二維性，主要在平面上開展設計工作，在表現(xiàn)形式上給人一種美的享受，從而實現(xiàn)有效傳達相關信息的目的。平面設計的設計原則可以在到網(wǎng)頁設計中充分運用，更好地實現(xiàn)網(wǎng)頁的藝術美感。
一、網(wǎng)頁設計與平面設計的概念
�。ㄒ唬┚W(wǎng)頁設計
網(wǎng)頁設計是對網(wǎng)頁進行編輯、排版等一系列設計活動的行為。網(wǎng)頁設計概念的'萌芽和發(fā)展與瀏覽器這一新技術的出現(xiàn)和發(fā)展息息相關，因為瀏覽器這一技術使得信息的傳遞與傳播以及思想的溝通與交流有了實現(xiàn)的另外一種可能，互聯(lián)網(wǎng)為網(wǎng)頁設計提供了新的舞臺和天地，豐富的資源、高效益、高速度以及圖文并茂的典型特征對傳統(tǒng)設計工具和媒體來說是一種強大的沖擊，此外對設計行業(yè)來說網(wǎng)絡經(jīng)濟也為之帶來了不可估量的影響。伴隨著人性化的科技理念和社會信息密集程度越來越高，人們生活的方方面面將互相牽連，人們不用出門就可以獲取自己想要的信息和滿足自己在物質(zhì)上的需求。因而，在一定程度上可以說承載網(wǎng)絡信息傳達重要職能的網(wǎng)頁視覺表現(xiàn)將發(fā)展演變?yōu)槿藗冋Ｉ钪胁豢苫蛉钡囊粋�重要因素，在新媒體影響下，人們正享受著新視覺表現(xiàn)下對信息的瀏覽和獲取，因而對傳達信息來講獨具一格的視覺符號及其網(wǎng)頁設計中新穎的視覺元素顯得也就至關重要了。
（二）平面設計
從人們嘗試著用文字和圖形來交流與溝通開始，人們就在無意識中對文字和圖形進行加工和處理，圖形與文字、圖形與圖形以及文字與文字之間在視覺上呈現(xiàn)在受眾眼前的關系也就有了相對比較簡單的圖形設計、排版乃至平面設計。傳統(tǒng)的平面設計的意思是指在平面二維空間上的一系列設計行為，主要涉及到在二維空間中視覺元素的相互組合、布局構造以及設計，表現(xiàn)為圖形的設計、文字的設計、插圖、編排以及攝影的設計等，其核心主要是實現(xiàn)信息的傳達、向導和勸說等方面內(nèi)容。在信息時代的今天，網(wǎng)頁設計也被囊括在平面設計內(nèi)容之中，其是平面設計在當今社會生活中的一種發(fā)展和延續(xù)，是一個新的平面設計種類和課題。
二、網(wǎng)頁設計中的平面設計原則
網(wǎng)頁設計是動態(tài)的平面設計，其設計原則在很多方面都有共同之處，主要體現(xiàn)在以下幾點：
�。ㄒ唬┧囆g性
人們都喜歡欣賞美好的事物，作為設計師我們要制作出好的設計，讓讀者賞心悅目，把文字、圖形、色彩在版面中進行藝術化設計，使其在優(yōu)美的基礎上，更加的易讀、易懂、易記。
（二）準確性
不論是網(wǎng)頁設計還是平面設計都是信息傳達的設計，所以信息傳達的準確性是十分重要的，它需要設計師做到信息準確、可靠、復合邏輯、條理清晰這些基本點。精煉的信息在信息泛濫的時代是極具價值的，不僅要提煉信息，還要對各種繁雜、無序的信息進行歸納總結，使之達到傳達的準確。
�。ㄈ┱w與協(xié)調(diào)性
整體性從本質(zhì)上說是一種規(guī)律性，是事物存在運動發(fā)展變化的一種有序性。設計的各要素在形式上都具有秩序化的特點，協(xié)調(diào)性要求頁面中各個元素之間要相互協(xié)調(diào)，互相襯托，使版面具有秩序美、條理美，從而獲得更好的視覺效果。
三、網(wǎng)頁設計與平面設計之間的關系
網(wǎng)頁設計與平面設計之間是有著非常密切的聯(lián)系的，但是兩者之間也是存在著區(qū)別的。網(wǎng)頁的設計與平面的設計都屬于具有現(xiàn)代化特色的藝術形式，在現(xiàn)在社會中這兩種藝術形式都是能夠通過電腦技術來輔助或者直接完成的，并且能夠產(chǎn)生更好的效果。網(wǎng)頁設計與平面設計之間存在的區(qū)別也是比較的大的，其主要區(qū)別是它們的表現(xiàn)范圍的不同。
表現(xiàn)范圍是兩者之間非常重要的區(qū)別。網(wǎng)頁設計就是局限于網(wǎng)絡環(huán)境中的，通過優(yōu)秀的網(wǎng)頁設計，使得網(wǎng)站整體的效果得到大幅度地提升，然后把網(wǎng)站的主題反映給客戶，然后客戶就能夠通過企業(yè)或者是產(chǎn)品在網(wǎng)站上表現(xiàn)出來的東西對其做好了解。進而為企業(yè)或者是產(chǎn)品做宣傳，提升競爭力度，促進經(jīng)濟效益的提高。但是平面設計表現(xiàn)的范圍還要更廣，并且其影響力度也是比較的大的。其是基于二維空間的一種藝術性創(chuàng)作，并且也不需要非常嚴格的表現(xiàn)手法，不受到工具或者是宣傳途徑的限制，作品成形之后，可以借助雜志還有周刊或者是廣告等任何的形式進行宣傳，然后達到提升影響力的目標。平面設計的作品比網(wǎng)頁設計的作品使用范圍更加廣闊一點，但是在另一個角度來講，網(wǎng)頁設計比平面設計在媒體介質(zhì)上具有更大的發(fā)展空間。
四、結語
網(wǎng)頁設計對于平面設計的不同之處是由信息社會中網(wǎng)絡技術的特性決定的。網(wǎng)頁設計是設計藝術與網(wǎng)絡技術的結合，是平面設計在信息時代多元化發(fā)展的一個重要方向，是對傳統(tǒng)平面設計的延續(xù)和革新。
網(wǎng)頁設計論文13
引言
隨著計算機網(wǎng)絡技術的迅速發(fā)展，網(wǎng)站的網(wǎng)頁設計布局也顯得越來越復雜，在專業(yè)技術上的要求也越來越綜合。同時，電子商務在這樣的潮流下飛速發(fā)展，但電子商務網(wǎng)頁設計卻成了阻礙電子商務發(fā)展的一個重要因素，在這樣的形勢下，電子商務網(wǎng)頁設計與制作就需要有專業(yè)的技術來實現(xiàn)，僅僅依靠傳統(tǒng)的網(wǎng)頁設計技術已不能滿足時代的需求。目前，基于Web標準的網(wǎng)頁設計思路已成為網(wǎng)站開發(fā)的主流，以Web標準為基本思想探究出一套有效的、緊跟時代步伐的設計流程，同時針對電子商務領域研究有效的網(wǎng)頁設計策略。
1、關于Web標準的主要技術
1.1 什么是Web標準
Web標準不僅僅是一個標準，而是一系列標準的組合。一般的網(wǎng)頁都由三個部分組成，即結構、行為和表現(xiàn)，而這三個部分中結構對應的標準為XML和XHTML，行為對應的標準為對象模型等，表現(xiàn)對應的標準為CSS。
�、� 結構
其中的主要技術包括可擴展超文本標記語言(XHTML)和可擴展標記語言(XML)，主要應用在對網(wǎng)頁數(shù)據(jù)的分類以及整合方面。在這兩個標準中，XML是一種源語言，它能夠讓用戶對自己的語言進行標記定義，其具有的數(shù)據(jù)轉換能夠相對來說比較強大，而XHTML在性能上結合了超文本置標語言(HTML)的簡單特性，同時，它還使用了XML的強大的功能系統(tǒng)，在語法上相對來說也比較嚴格。
�、� 行為
其中的主要技術包括ECMAScript和對象模型(DOM)，主要應用在交互操作網(wǎng)頁文檔方面。ECMAScript能夠有效的實現(xiàn)界面上操作對象的交互操作，而DOM能夠定義、修改以及表示文檔所需的對象、所需的對象的屬性和行為，同時還能處理這些所需的對象之間的關系。
�、� 表現(xiàn)
其中的主要技術是CSS，即層疊樣式表，主要應用在對瀏覽器的顯示控制方面。CSS控制的表現(xiàn)與XHTML決定的結構相分離，主要用來設計網(wǎng)頁的風格。
1.2 Web標準下的網(wǎng)頁設計流程
Web標準下的網(wǎng)頁設計流程主要包括語義結構定義、網(wǎng)頁內(nèi)容添加、CSS美化網(wǎng)頁以及添加動態(tài)元素四個部分。
語義結構定義：進行這個部分時，需要我們能夠根據(jù)網(wǎng)頁上的設計圖，對我們所需要的DIV層塊進行進一步分析，同時也要分析各個層塊之間的相互關系，為達到一個好的訪問速度，DIV層塊應該小于等于三層。
網(wǎng)頁內(nèi)容添加：在第一步中定義好語義結構后，然后根據(jù)網(wǎng)頁設計圖添加內(nèi)容，并且在每一個層塊添加合適的網(wǎng)頁內(nèi)容，其中包括添加文字、圖像、表單、列表等。
CSS美化網(wǎng)頁：在進行網(wǎng)頁設計時，需要使用CSS對網(wǎng)頁的整個頁面進行布局，其中包括在頁面中加入邊框和背景等;同時，還需要使用CSS的相關設置，其中包括字體和大小等。
添加動態(tài)元素：在網(wǎng)頁中添加動態(tài)元素時，需要根據(jù)網(wǎng)頁設計圖對各個方面的要求，利用JavaScript技術完成網(wǎng)頁中動態(tài)元素的添加，包括添加導航菜單、焦點圖及其它動態(tài)元素等。
2、電子商務網(wǎng)站網(wǎng)頁設計所需要的技術
隨著互聯(lián)網(wǎng)科學技術的飛速發(fā)展，越來越多的企業(yè)應用互聯(lián)網(wǎng)技術推動了企業(yè)的發(fā)展，人們的生活方式也受到互聯(lián)網(wǎng)的影響。在這樣的背景下，電子商務也逐漸發(fā)展壯大，而電子商務網(wǎng)站網(wǎng)頁設計就成了相對重要的一部分，網(wǎng)頁設計是以網(wǎng)絡為載體，把一些對人們有用的信息方便快速的傳達給他們。在進行電子商務網(wǎng)站網(wǎng)頁設計時，整個過程都要用到大量的電子商務設計軟件，而設計的過程又需要計算機技術作為基礎。在研究基于Web標準的電子商務網(wǎng)站網(wǎng)頁設計時，在設計過程中需要有縝密的思想來進行設計的每一個流程，然后開發(fā)網(wǎng)上商店系統(tǒng)，以達到對網(wǎng)店實行有效的管理以及擴展網(wǎng)店的業(yè)務。在Web的標準下，網(wǎng)頁設計者能夠有效的將網(wǎng)頁結構劃分清楚，這樣就能夠提升電子商務網(wǎng)站網(wǎng)頁開發(fā)的效率，同時還能夠盡可能的降低網(wǎng)頁設計成本。
3、電子商務網(wǎng)站網(wǎng)頁設計過程
在設計電子商務網(wǎng)站網(wǎng)頁時，可以按照下面的流程進行：內(nèi)容分析、結構設計、方案設計以及表現(xiàn)設計。
第一，內(nèi)容分析：即通過了解需要展示在網(wǎng)頁上的具體內(nèi)容，清楚各內(nèi)容所具有的邏輯關系，最后分清楚各個內(nèi)容的重要程度從而合理安排位置。第二，結構設計：即根據(jù)內(nèi)容分析得出的相關結論，找到合理有效的網(wǎng)頁布局，從而設計出好的XHTML結構。第三，方案設計：使用好的美工設計軟件，設計出一個能給人視覺帶來享受的網(wǎng)站頁面設計圖。第四，表現(xiàn)設計：表現(xiàn)設計又可分視覺設計和布局設計，視覺設計即是使用CSS美化網(wǎng)頁的方式，同時配合美工設計元素，將設計方法轉化為網(wǎng)頁的方式。布局設計即是通過使用CSS和XHTML對網(wǎng)站頁面進行布局設計。
3.1 內(nèi)容分析
一個電子商務網(wǎng)站能否起到吸引客戶的效果，取決于這個電子商務網(wǎng)站網(wǎng)頁的布局是否清晰明了，能否給人一種視覺上的享受。網(wǎng)頁設計就是一種視覺語言，對布局和色彩的搭配要求很高，要求網(wǎng)站的主頁也能給人一種美的享受，其它網(wǎng)站頁面的布局也應該與主頁相協(xié)調(diào)。電子商務網(wǎng)站中網(wǎng)頁布局形式多種多樣，有“廠”字型、“國”字型、“封面”型以及經(jīng)濟“框架”型等。
對電子商務網(wǎng)站網(wǎng)頁的版面進行好的布局是網(wǎng)頁設計中的一項重要內(nèi)容，網(wǎng)頁的版面即是在瀏覽器中我們能看到的一個完整的頁面。網(wǎng)頁布局即是采用最好的搭配方式將所需要展示的'文字內(nèi)容與圖片顯示在整個網(wǎng)頁中，網(wǎng)頁版面布局即將指定內(nèi)容在瀏覽器中顯示出來，例如導航欄的顯示、徽標的位置、主要內(nèi)容的排版等。我們經(jīng)常使用到的版面布局結構主要有!字型和! 字型兩種，在設計過程中，還可以采用CSS實現(xiàn)將!字型設計成式，中間幾列的盒子必須用一個大盒子包含起來，否則這幾列無法實現(xiàn)居中，這樣就能展現(xiàn)設計的美，給人一種視覺享受。
3.2 結構設計
為電子商務網(wǎng)站開發(fā)網(wǎng)頁時，網(wǎng)頁中展示的有突出核心的業(yè)務區(qū)，也有展現(xiàn)其它功能的區(qū)域，整個網(wǎng)頁開發(fā)完成后，用戶可以在后臺進行可視化的操作，同時，用戶還可以創(chuàng)建屬于自己的個性化的網(wǎng)頁。在設計電子商務網(wǎng)站網(wǎng)頁時，框架是整個網(wǎng)頁的核心部分，它決定了整個網(wǎng)頁的整體布局效果，框架一般都是HTML格式的文件，它能夠將頁面劃分區(qū)域。
在制作電子商務網(wǎng)站時，首先要在硬盤上新建一個文件夾，并把這個文件夾作為網(wǎng)站的根目錄，最后將這個目錄上傳到服務器上就行了。一個網(wǎng)站就對應一個磁盤上的文件夾，設計網(wǎng)站所需要的全部資源以及所有網(wǎng)頁都放在這個文件夾里面。
3.3 表現(xiàn)設計
在設計好網(wǎng)頁和它的結構后，可以使用CSS為網(wǎng)頁文檔添加樣式。首先要將已經(jīng)設計好的方案中的網(wǎng)頁圖片分離出來，然后使用CSS為其添加合適的樣式，在進行這個操作的整個過程中，涉及到CSS的布局以及背景圖片應用，在使用CSS時，可在網(wǎng)站的前臺觀察到網(wǎng)頁的板塊區(qū)域，板塊區(qū)域的個數(shù)會根據(jù)有設計的電子商務網(wǎng)站的類型不同而有所變化，這個過程是由CSS規(guī)則確定的，并且整個框架結構是由HTML文件確定的。這樣設計的網(wǎng)站，可以在其后臺進行可視化設計，向所需要的區(qū)域添加好的插件等，這樣網(wǎng)頁表現(xiàn)出來的畫面效果更好。
4、結語
隨著時代的發(fā)展，人們不再滿足于單調(diào)的生活模式，在這樣的背景下，互聯(lián)網(wǎng)技術慢慢融入到人們的生產(chǎn)與生活中去，這就使得方便人們生活的電子商務逐漸發(fā)展起來。目前，大多數(shù)人的生活開始與電子商務緊密聯(lián)系在一起，而電子商務的網(wǎng)頁設計的好壞直接關系到整個電子商務模式的運行。因此，研究基于Web標準下的網(wǎng)頁設計技術成為了電子商務門戶的重點，這樣才能有效的提升電子商務網(wǎng)站的性能以及開發(fā)效率。
網(wǎng)頁設計論文14
二十一世紀是信息化的時代，通過互聯(lián)網(wǎng)，就能達到足不出戶便可了解世界的目的。為了加深對互聯(lián)網(wǎng)的了解，《網(wǎng)頁設計與制作》這門課的出現(xiàn)就成為了必然。
1《網(wǎng)頁設計與制作》現(xiàn)狀問題分析
（1）對課程不了解
很多學生都有這個困惑，這門課能干什么？答案就是--開發(fā)網(wǎng)站！簡單的來說，學好了這門課，你就有開發(fā)、設計網(wǎng)站的能力。
這門課包含了靜態(tài)網(wǎng)頁制作、動態(tài)網(wǎng)頁制作、Photoshop、數(shù)據(jù)庫以及程序的開發(fā)等。通過程序代碼將網(wǎng)頁與數(shù)據(jù)庫連接，可以實現(xiàn)信息的實時更新。使你的網(wǎng)站成為一個“有生命”的網(wǎng)站。通過DIV層、框架、flash、樣式表等對網(wǎng)頁進行布局和規(guī)劃,再加上像JavaScript這種腳本語言來實現(xiàn)用戶與網(wǎng)頁的互動功能，經(jīng)過這些專業(yè)技能的學習，讓學生真正掌握一種技術。
�。�2）學校以及教師的指導不夠
很多老師通過上理論課的時候將知識授予學生，并未在做后續(xù)的指導，這是一門重在實踐的課程，多實踐才能熟練。學校開展相關專業(yè)的比賽活動很少，僅憑平常的上機實踐很難完全掌握所學內(nèi)容。
�。�3）側重點不明確
很多學校教師在上這門課時，將很大一部分精力放在了對工具的操作上，而忽略了內(nèi)容的講解，這就導致學生可能工具用的不錯，但是做出來的東西卻很一般，甚至于連一些基本的功能都不能實現(xiàn)。有的學生不太明白這門課程的含義，不知道學這個有什么用，將來能干什么，態(tài)度比較猶豫，這也導致對這門課不重視。
2解決當前問題的方法
�。�1）學校教學思路
這門課程分為理論部分跟實踐部分，理論知識的講解一般在課堂上進行，通過授課教師的講解，同學之間的演講和作品展示來進行學習，舉例學習是一種更快更有效率的教學方法，授課教師可以結合案例跟教材的內(nèi)容去詳細給學生進行分析。通過有效正確的教學方法來提高學校的教學質(zhì)量。在實踐部分，將重心放在學生上面，著重鍛煉和培養(yǎng)學生自主動手實踐的能力，學生有自己的想法后，可以結合教材自己去做網(wǎng)頁，教師在布置任務不應死板的規(guī)定學生們必須要完成一個相同的作品，這樣容易將一些學生的想法鎖死。在課程設計上，讓學生以自己的想法去進行設計是《網(wǎng)頁設計與制作》這門課的一個關鍵點，充分展示學生的想法跟意見，讓學生創(chuàng)造自己的作品，培養(yǎng)學生的創(chuàng)新意識。學校應該多給學生提供一些可供實踐操作以及討論的機會，尤其是用所學知識去解決實際問題的機會，與此同時，還應讓學生自己創(chuàng)造機會，慢慢建立自己的學習方式。
（2）教師的教學理念
如今的社會，互聯(lián)網(wǎng)的普及率非常高，各種新興的行業(yè)發(fā)展非常迅猛，所以，學校授課內(nèi)容應該緊跟時代的發(fā)展。技術是在不斷更新的，育人的目的就是想找到一份好的工作，將就業(yè)放在第一位，及時歸納總結問題，現(xiàn)實遇到的問題及時解決達到活學活用的目的。教師在授課的同時，應該深入研究教學要求，確保教學內(nèi)容跟目的合理性，考慮不同學生的實際情況去合理教學。鼓勵學生自我動手實踐能力，支持與同學一起探討問題，教師要積極幫助學生解決他們所遇到的問題，學生通過對教材內(nèi)容的了解，結合課程模塊方面的實踐將學到的知識運用到實際生活中，最大程度的激發(fā)學生學習的熱情，進而形成良好的學習習慣。很多大學生對未來沒有清晰的規(guī)劃，在就業(yè)選擇上不知該如何做出選擇，所以他們主觀意識上不太確定自己適合做什么，這就導致他們在選專業(yè)上的猶豫和不明確。校方要多做對學生未來職業(yè)方面指導的.工作，讓學生能從一而終認真專心的學習，不再將心思放在“能不能找到工作”上，方向明確了，自然而然學習動力就會充足。
�。�3）解決學生的困惑
《網(wǎng)頁設計與制作》這門課程，教師給學生應該傳達這樣一個信息：在已經(jīng)掌握的技術水平跟理論知識之上，還要能夠獨立去實踐。把重點教給學生，合理平衡的分配理論知識與實踐操作所占比例，在掌握學習工具以后，一定要多實踐，多去了解學習理論方面的知識，技術在不斷進步，學無止境，要不斷的更新自己的知識，而不能安于現(xiàn)狀。一種技術可能就是將來的求生技能，所以，學生對任何東西不要有排斥的心理，既然能有一門課程，那肯定是有道理的，有的學生不愿意去學習，是因為他不了解這門課程的作用，這時候，教師跟學校扮演了相當重要的角色，他們應該為學生答疑解難，讓他們明白課程的重要性以及作用。及時指正他們認知上的錯誤。
3結語
《網(wǎng)頁設計與制作》是一門涉及面很廣的課程，在教師的教學方法跟課程設計實踐的作用下，都能去激發(fā)出學生對這門課的興趣，學生自主的探究學習可以豐富完善他們的專業(yè)技能更能加深印象，教師在傳授專業(yè)知識時應該讓學生明白這門課程的特色和作用，可以使他們在今后的學習和擇業(yè)中方向更加明確。
參考文獻：
[1]張宏升，章明珠�！毒W(wǎng)頁設計與制作》課程教學體系的構建與研究[J].電子制作，20xx,（9）。
[2]勞飛�；陧椖炕虒W的“網(wǎng)頁設計與制作”課程改革與實踐[J].教育與職業(yè)，20xx,（29）。
[3]呂蕓�；诠ぷ鬟^程的“網(wǎng)頁設計與制作”模塊化課程開發(fā)研究[J].職教通訊，20xx,（30）。
網(wǎng)頁設計論文15
網(wǎng)頁能否有好的發(fā)展，不僅體現(xiàn)在好的創(chuàng)意上，也體現(xiàn)在網(wǎng)頁的設計上，好的網(wǎng)頁設計可以吸引網(wǎng)民的眼球，提高瀏覽量，但是我國目前網(wǎng)頁中的圖片視覺效果依然停滯不前，沒有太大的發(fā)展，在圖片的瀏覽上，缺乏靈活性，圖片設計方面沒有創(chuàng)意，網(wǎng)頁設計人員的技術得不到提高，圖片的視覺效果很差。
一、網(wǎng)頁視覺設計的原則
要想有展現(xiàn)出完美完美的圖片視覺效果，需要了解網(wǎng)頁視覺設計的原則，依據(jù)原則進行圖片設計，從而達到是事半功倍的效果，在設計網(wǎng)頁的時候，為了使網(wǎng)頁中的圖片與內(nèi)容合為一體，遵循形式美與內(nèi)容美，要從以下幾點出發(fā)：
�。ㄒ唬┍壤叽绲卯�，對稱均衡適度
合理的比例是美的前提。比例得當不僅適用于繪畫，同樣也適用于網(wǎng)頁設計。在網(wǎng)頁設計中，要想把握好比例，需要做好組版元素間和諧的關系。把握好比例尺寸，可以以中心線為軸線，這樣做出來的網(wǎng)頁圖片，帶給人一種大方、穩(wěn)定、端莊的感覺，既體現(xiàn)了秩序的原則，又給人高貴的美。在網(wǎng)頁設計中，點線面是很注重的要求之一，首先要在平面中找到平衡點，讓絕食產(chǎn)生舒服的感受，接著要找到對稱的部位，最后要以整個尺寸為基調(diào)，找到平衡點。
�。ǘ﹦屿o變化有序，節(jié)奏韻律明快
網(wǎng)頁中的動態(tài)和靜態(tài)的變化是根據(jù)三維空間和圖片的比例等因素體現(xiàn)出來的。同種元素因為布局與層次的變化會造成不同的視覺體驗。在網(wǎng)頁設計中，對空間的要求是很高的，需要考慮動態(tài)與靜態(tài)的結合，節(jié)奏韻律的快慢。在網(wǎng)頁的.設計中，運用動靜結合的方式，給人生動活潑的視覺感受，對節(jié)奏韻律把握明確，可以增加網(wǎng)頁圖片的感染力，同時又可以渲染氣氛，展開聯(lián)想。
�。ㄈ┓焙喕ヒr，多樣統(tǒng)一
網(wǎng)頁設計，需要考慮好網(wǎng)頁的內(nèi)容和圖片版面，既不能使網(wǎng)頁看起來太過繁雜，也不能使網(wǎng)頁太過簡單。在設計網(wǎng)頁的時候，可以針對內(nèi)容的多少進行合理的排版，同時也可以通過色彩搭配來對網(wǎng)頁中的內(nèi)容和圖片進行分開。對網(wǎng)頁的合理布置，使網(wǎng)頁看起來繁簡互襯，又能夠使整體多樣統(tǒng)一，各個元素獨立而統(tǒng)一。按照視覺藝術的原則，給人以美的感受。
（四）圖形
在網(wǎng)頁設計中，圖形的設計也是很重要的，圖形和圖片的比例需要恰到好處。圖形是圖片的縮小化，它可以幫助網(wǎng)頁中的文字更加清晰，使整個網(wǎng)頁看起來更加的美觀和立體。小的圖形在視覺上給人帶來一種清新可愛的感覺。對圖片的位置和形式的合理的布置，可以使網(wǎng)頁更加美觀大方。
二、提高網(wǎng)頁設計圖片視覺的方法
網(wǎng)頁設計需要遵循形式美和內(nèi)容美的有機結合，需要比例尺寸上把握得當，動靜變化有序，節(jié)奏韻律明快，繁簡互襯，多樣統(tǒng)一的原則，同時也要做好圖形的設計，要想提高網(wǎng)頁設計圖片視覺，就要從以下幾點來進行：
�。ㄒ唬﹩雾椧曈X流程
網(wǎng)頁設計的單項視覺流程是指對網(wǎng)頁中的圖形、文字和符號等在平面上進行不同方向的變化，可以表現(xiàn)為橫向、縱向和斜向這幾種形式，然后對其進行構圖。單項視覺流程在操作起來簡單，同時也能夠使網(wǎng)頁的平面結構看起來更加的清楚直觀，能夠直接明了地升華主題，在視覺上給人鮮明的層次感，表現(xiàn)出單項視覺流程的穩(wěn)定、端莊的效果，具有堅定、直觀的感覺。
�。ǘ┓磸鸵曈X流程
網(wǎng)頁設計的反復視覺流程是把相似或者同樣的視覺元素進行三次或者三次以上的編排，使網(wǎng)頁的圖片畫面有規(guī)律、有節(jié)奏、有秩序。運用反復視覺流程，給人的視覺帶來沖擊性，同時有體現(xiàn)出了網(wǎng)頁圖片的韻律美、節(jié)奏美和秩序美，給人眼前一亮的感覺。
�。ㄈ┣�視覺流程
網(wǎng)頁設計的曲線視覺流程只要根據(jù)人眼來回擺動舒適感的舒適感進行設計，人們的眼睛可以依據(jù)弧線的運動變化方式來觀看網(wǎng)頁中的圖片。其中曲線視覺流程主要包括了弧線形（c形）視覺流程和回旋線形（s形）視覺流程�；【�形（c形）視覺流程給人飽滿的感覺，具有明確的方向感和擴張感，回旋線形（s形）視覺流程給人流暢，柔美的感覺，使圖片生動起來，有很強的動感美和節(jié)奏美。雖然曲線視覺流程不如單項視覺流程看起來直觀，但是卻有飄逸美。
�。ㄋ模┙裹c視覺流程
網(wǎng)頁設計的焦點視覺流程主要是用焦點來吸引人們的眼球，聚集瀏覽者的目光。焦點視覺流程為了更好的吸引人們的眼球，往往還要用鮮明的顏色來對焦點進行強化，與網(wǎng)頁圖片的背景形成對比，同時也會別出心裁的設計焦點，分從從焦點的形式、焦點的層次和焦點與圖片的結構進行。焦點視覺流程通常是以圖形為主要元素，形成視覺磁場。
三、結語
隨著信息科技的不斷發(fā)展強大，圖片對網(wǎng)頁的影響也是極其重要的，快節(jié)奏的生活，使人們更加傾向于借助圖片來獲得自己想要的信息。因此只有遵循網(wǎng)頁圖片的設計原則，分別從單項視覺流程、反復視覺流程、曲線視覺流程和焦點視覺流程出發(fā)，才能更好地發(fā)揮出圖片的價值，給社會大眾帶來美的感受。
【網(wǎng)頁設計論文】相關文章：
網(wǎng)頁設計總結11-09
網(wǎng)頁設計報告04-25
網(wǎng)頁設計心得12-21
網(wǎng)頁設計與制作報告02-16
網(wǎng)頁html設計心得12-22
設計網(wǎng)頁的心得01-14
網(wǎng)頁設計崗位職責04-10