網(wǎng)頁設計論文全文(5篇)

一、服裝藝術設計類專業(yè)網(wǎng)頁設計課程

教學內(nèi)容選取根據(jù)網(wǎng)頁設計課程在服裝藝術類專業(yè)中的定位及服裝藝術類專業(yè)學生特點，教學內(nèi)容要有合適取舍。根據(jù)多年的教學經(jīng)驗，課程主要內(nèi)容選取如下：第一章為網(wǎng)頁制作基礎，主要包括認識網(wǎng)站和網(wǎng)頁、網(wǎng)站開發(fā)基礎、初始Dreamweaver、站點基本操作、網(wǎng)頁文檔基本操作。第二章為應用表格布局網(wǎng)頁，主要包括創(chuàng)建和選擇表格、設置表格和單元格屬性、拆分與合并單元格、行列的添加與刪除。第三章為設置網(wǎng)頁內(nèi)容，主要包括網(wǎng)頁基本設置、文本輸入與編輯、應用圖像、應用動畫和多媒體。第四章為應用超鏈接和行為，主要包括常規(guī)超鏈接、熱點鏈接、電子郵件鏈接、圖片鏈接、下載鏈接、命名錨記鏈接和制作浮動的廣告，設置狀態(tài)欄文本、彈出信息及制作收縮放大的圖像等效果。第五章為應用CSS樣式，主要包括樣式表的基本應用及樣式表的高級應用。第六章為應用Div+CSS布局網(wǎng)頁，主要包括Div+CSS布局基礎、Div+CSS布局中的定位方式及應用Spry布局對象。第七章為應用框架布局網(wǎng)頁，主要包括框架網(wǎng)頁的創(chuàng)建、框架和框架集基本操作。第八章為應用模板和庫，主要包括創(chuàng)建和編輯模板、應用和管理模板、創(chuàng)建庫項目及應用和編輯庫項目。第九章為動態(tài)網(wǎng)頁制作入門，主要包括安裝和配置IIS、配置動態(tài)站點及應用表單和表單對象。第十章為測試和網(wǎng)站，主要包括虛擬空間和域名、站點本地測試及站點。課程的重點是文本處理、圖像處理、超鏈接、使用表格、CSS樣式，難點是使用框架、CSS樣式。在課程的最后階段，教師設定技術框架和規(guī)模，要求每位學生獨立完成網(wǎng)站的設計與制作，學生通過自主選題，內(nèi)容收集與整理，然后，學生在規(guī)定的時間內(nèi)，完成創(chuàng)意、設計和制作的全部工作。

二、服裝藝術設計類專業(yè)網(wǎng)頁設計課程教學方法

課程主要采用案例教學法。每個章節(jié)知識點都以項目任務進行貫穿講解。在每個任務講解后，通過課后練習讓學生及時鞏固知識。每堂課教學過程分為4個階段：第一，任務說明階段。教師展示本堂課案例的最終效果，并對此進行簡易的分析和評價，指出本案例所用的新知識點和所要實現(xiàn)的目標，對于舊知識點根據(jù)實際需要進行必要的復習提示。第二，相關知識點講授階段。針對案例中的相關知識點，通過小型輔助案例進行分析講解，激發(fā)學生的想象力，完善知識體系。要求學生在課堂練習和課后學習中，根據(jù)各自的想象去拓展該案例，為后續(xù)自主命題設計與實踐打下良好基礎。第三，任務實施階段。在本階段中，教師首先給出任務實施的具體要求，讓學生結合課堂案例的實現(xiàn)方式和流程，獨立去完成任務實施。然后，針對本項目所涉及的講解案例以及相關知識點、設計與制作方法、創(chuàng)意效果進行總結，完成課堂教學任務。第四，課后練習階段。在練習階段，教師提出技術框架要求及創(chuàng)意設計要求，讓學生自主選題、自由創(chuàng)意進行設計制作網(wǎng)頁。在自主選擇網(wǎng)站主題時，提倡學生面向?qū)W科應用需要，面向?qū)嶋H進行選題。如：以服裝服飾的文化、設計和生產(chǎn)，或者服飾流行趨勢等為網(wǎng)站主題。選題時，要考慮對網(wǎng)站內(nèi)容的理解和把握程度，對相關文本信息、圖形圖像信息和媒體信息的收集、歸納和整理的水平，因為這些也在很大程度上決定網(wǎng)站的創(chuàng)意、設計和制作水平。自由創(chuàng)意讓學生發(fā)掘自身的專業(yè)潛能，利用所學計算機技術把創(chuàng)意效果展現(xiàn)在網(wǎng)頁上。做到主題鮮明，內(nèi)容完整，色彩搭配美觀，頁面構圖簡潔合理等。此外，在這個階段，教師可以通過多種方式，比如QQ、微信等，對學生的技術問題給予個性化的指導和幫助，對內(nèi)容設定、創(chuàng)意設計給予點評，引導學生制作設計出優(yōu)秀作品。

三、實施結果與分析

首先，學生出勤率及作業(yè)上交情況有了很大的提高，也就是學生的學習興趣有了很大的提高。其次，優(yōu)秀作品所占百分比有了最大幅度的提高，也即說明學生的網(wǎng)頁創(chuàng)意設計有了很大的進步，也即是更多學生能將創(chuàng)意藝術與計算機技術進行完美結合設計網(wǎng)頁，提高了教學質(zhì)量。

四、結束語

1合理調(diào)整課程教學內(nèi)容，讓教學設計科學合理

將整門課程分為十二個單元，這些單元基本覆蓋課程需要掌握的知識點，這些單元在設計的時候遵循循序漸進的設計思想，先易后難，先主體后次要，條理清晰并且每個單元的設計又相對獨立，避免學生出現(xiàn)一個單元學不懂，就沒有心思再繼續(xù)后續(xù)課程的情況，通過這樣設計優(yōu)勢不言而喻。在實施過程中可能分階段進行，這種課程體系結構的安排證明在實踐過程中、在教學質(zhì)量中都取得了良好的教學效果。

2選擇教學方法，激發(fā)學生學習興趣

在《網(wǎng)頁設計與制作》中，主要有案列教學法和項目教學法等教學方法，案例教學是在學生掌握了有關基本知識和分析技術的基礎上，在教師的精心策劃和指導下，根據(jù)教學目的和教學內(nèi)容的要求，運用典型案例，將學生帶入特定事件的現(xiàn)場進行案例分析，通過學生的獨立思考或集體協(xié)作，進一步提高其識別、分析和解決某一具體問題的能力，同時培養(yǎng)溝通能力和協(xié)作精神的教學方式。項目教學法是學生在教師的指導下親自處理一個項目的全過程，在這一過程中學習掌握教學計劃內(nèi)的教學內(nèi)容。學生全部或部分獨立組織、安排學習行為，解決在處理項目中遇到的困難，提高學生的興趣，調(diào)動學習的積極性。因此“項目教學法”是一種典型的以學生為中心的教學方法。教學無定法也采用以上兩個教學方法，即采用項目教學和案例教學相結合的教學方法，例如在學習表格的時候，表格這個單元就可以設計成一個項目，同時本身也是一個案例。

3教學過程中，精確實施提升教學質(zhì)量

在本門課程的教學過程中，如何抓住寶貴的40min寶貴的時間，達到教學目的，提升教學質(zhì)量，就必須精確的實施教學的計劃，既讓同學們感興趣，愛學習也要讓同學們團結協(xié)作分工明確，提升專業(yè)技能，在完成了所有的學習后，布置綜合實踐環(huán)節(jié)，采用6人為一個小組共同設計系部網(wǎng)站這一個項目，每組選出一名小組長進行總體的策劃，將這一完整項目分成多個子任務，每個任務分配到小組成員中，使他們各盡其責完成自己負責的任務;另一方面小組中的每個成員必須完成一個作品，這個網(wǎng)站的作品是由個人獨立完成的項目。網(wǎng)站制作結束前經(jīng)過教師核準驗收后，可以宣布整個項目工作結束。接下來教師要對學生制作的作品進行展示，在進行作品展示時，教師可以把班級同學集中起來一起觀看，促進學生的團隊意識。同時，為了更好地利用網(wǎng)絡空間和網(wǎng)上資源，可以把學生的好作品上傳校園網(wǎng)站。讓全校師生都來關注學生的成果。這樣，既給學生施加壓力，也激發(fā)了學生的學習動力與信心，讓學生享受成功的快樂，享受成果的樂趣，真正提高對所學知識的理解和掌握。因此，通過個人項目、團隊項目、作品展示等教學方法與形式，不僅鍛煉了學生的自我設計、制作、審美及創(chuàng)新能力，還鍛煉了學生的團隊合作能力，分析問題、解決問題的能力，在很大程度上提高了學生的學習積極性和學習興趣。實踐證明項目式教學方法可行，得到了學生的喜愛與好評，也取得了良好的教學效果。

作者：湯富彬 單位：成都工業(yè)職業(yè)技術學校

一、教學分析

教學過程是由“教”與“學”雙方面組成的，但我們在實際的教學過程中，往往忽視“教”的環(huán)節(jié)。我院在網(wǎng)頁設計課程教學中，充分考慮高職學生的素質(zhì)現(xiàn)狀，以美國Macromedia公司的網(wǎng)頁制作系列軟件Dreamweaver MX2004、Flash MX 2004和Fireworks MX 2004 為主要教學內(nèi)容，著眼于每個軟件和工具中最實用的部分，分別用大量實例由淺入深地介紹使用這些軟件設計、制作網(wǎng)頁和創(chuàng)建網(wǎng)站的方法，盡可能讓學生在最短的時間內(nèi)掌握制作網(wǎng)站的方法。同時，現(xiàn)在的計算機教學也對教師提出了更高的要求，要求計算機專業(yè)教師在教學過程中必須不斷加強專業(yè)學習，更新知識結構，真正在教學中做到內(nèi)容精煉、語言淺顯易懂、操作講解詳盡、素材豐富、重點突出。

二、任務驅(qū)動法的實施

1.任務確定

任務驅(qū)動法的實施是在充分考慮教學目標的前提下，仔細調(diào)查、了解所任教班級學生的計算機基礎知識掌握現(xiàn)狀，在講述原理、技術的同時，設計有針對性的任務，使學生在實踐中掌握網(wǎng)頁設計與制作的知識。在此階段可根據(jù)學生的知識層次，采用分層教學法與任務驅(qū)動法結合的方式，對不同層次的學生布置不同難易程度的任務。

2.任務驅(qū)動

教師布置任務，既要緊扣教學內(nèi)容，又要及時給學生以必要的幫助與指導。以使用Flash MX 2004繪制矢量圖為例，該任務根據(jù)創(chuàng)建Flash圖形和文本的能力要求，繪制出符合要求的矢量圖形，分別涉及創(chuàng)建Flash圖形和文本中使用Flash創(chuàng)建圖形、編輯圖形色彩、處理Flash文本等內(nèi)容。實施步驟是：首先教師指導學生打開Flash MX 2004軟件，在工具欄中使用線條工具，繪制3條線段，呈倒三角形，然后使用選擇工具將線條拖出一定的弧度，再使用部分選取工具拖動弧線的頂點，完成后即形成人物臉部的簡單輪廓；然后要求學生繪制更多的線條，使用線條的寬度為2（在繪制中注意，部分選取工具特別要注意一些小細節(jié)方面，如線條的弧度）；使用顏料桶工具在頭發(fā)中填充棕色#4E1616，通過進一步的修飾，強調(diào)人物的形象；然后指導學生繪制人物的眼睛與其他色彩填充部分，接著使用圓形繪圖工具繪制一個無邊框的圓形，在此基礎上繪制出月亮、星星，最后創(chuàng)建文本對象，完成任務。在此過程中，學生由簡單任務入手并逐漸深入，既掌握了該章節(jié)知識，也為后續(xù)學習做好了準備。

1《網(wǎng)頁設計》的實施

1.1課程設計

職業(yè)教育工作過程是職業(yè)人完成崗位工作任務的完整過程?；诠ぷ鬟^程的總體課程設計，對于網(wǎng)頁設計課程來說，學習領域可以采用網(wǎng)站項目貫穿于整個教學活動中，以項目為載體，將知識融于項目。這能夠有效地提高學生的創(chuàng)新能力和實踐能力，強調(diào)學生在密切聯(lián)系有意義的“任務”情境中，通過完成項目任務來掌握知識、獲得技能、形成能力。做到“教學、做”一體化，真正地鍛煉學生的動手能力。課程進度表可以按照實際網(wǎng)站的項目開發(fā)流程來安排，從確定網(wǎng)站需求、選擇網(wǎng)站建設與管理工具，到規(guī)劃設計網(wǎng)站結構與欄目、準備網(wǎng)站相關文字與圖片等素材，再到軟件平臺中定義站點創(chuàng)建具體頁面，依次實現(xiàn)網(wǎng)站各個子欄目模塊，最后與推廣網(wǎng)站。開展教學活動時，教師可根據(jù)學生實際學習效果對各個單元學時數(shù)進行靈活調(diào)整。單元學習情境的設計融入課程涉及的知識點，遞進安排各個單元知識點的順序，既要有基于工作崗位的過程性知識，也要兼顧課程理論知識，學生學習完課程后，打好理論基礎，同時具備再學習的潛力和能力。例如在網(wǎng)站項目中，選取典型工作任務-制作公司網(wǎng)站搜索頁面來設計單元學習情境。

1.2課程實施

根據(jù)職業(yè)教育課程教學目標及項目進度安排教學單元，遵循的原則是學生為主體，教師為主導，按照網(wǎng)頁制作的工作過程來安排具體的教學活動。教師的角色是引路人，拋出問題，提示解決思路，由學生具體負責完成工作任務，教師可以根據(jù)學生的實際學習情況給出參考意見。對于基礎較好的學生，教師只需提示完成任務的思路和關鍵點。而對于基礎較差的學生，教師還需要準備有具體步驟的實踐指導書，供學生參考，對照完成并排除錯誤。

1.3課程評價

課程評價以學生的學習效果最優(yōu)化為出發(fā)點。學習效果體現(xiàn)在以下幾個方面：

一、平面規(guī)劃基本思路

首要，在拿到規(guī)劃項目以后，首要要對客戶進行系統(tǒng)性的分析，比方能夠公司布景、客戶公司形象、客戶商品形象，充沛把握客戶公司或商品的詳細信息，使平面規(guī)劃作業(yè)能夠有針對性，斷定規(guī)劃定位。當規(guī)劃有關資料聯(lián)系完畢以后，就需求針對這一項目展開適當?shù)乃伎己蛿喽?，斷定平面?guī)劃個性，斷定體現(xiàn)手法。這是一個對比艱難的進程，由于平面規(guī)劃的規(guī)劃空間所限，致使平面規(guī)劃的主題一定要凸顯出來，且內(nèi)容要飽滿但不能負擔，這就需求規(guī)劃者進行仔細的思考和研討，以佳的體現(xiàn)手法進行詳細出現(xiàn)，一起，這一進程也需求做好有關資料的搜集作業(yè)，以便于有關創(chuàng)造作業(yè)的展開。在斷定規(guī)劃個性和體現(xiàn)手法以后，便能夠展開詳細的平面規(guī)劃作業(yè)。平面規(guī)劃作業(yè)能夠憑借傳統(tǒng)規(guī)劃資料展開，比方繪圖筆和紙張，也能夠憑借領先的繪圖軟件展開，詳細情況能夠依據(jù)規(guī)劃者的習氣來斷定，但規(guī)劃進程中必須要保證規(guī)劃的全面性和方向的精確性，要保證色彩的一致，也要保證滿足的視覺沖擊力，保證規(guī)劃著作能夠?qū)е骂櫩蛺酆?，招引顧客眼球?/p>

二、頁面規(guī)劃與平面規(guī)劃之間的差異以及彼此之間的聯(lián)絡

1、體現(xiàn)規(guī)模的不一樣體現(xiàn)規(guī)模是兩者之間十分重要的差異。頁面規(guī)劃即是局限于網(wǎng)絡環(huán)境中的，經(jīng)過優(yōu)異的頁面規(guī)劃，使得網(wǎng)站全體的作用得到大幅度地進步，然后把網(wǎng)站的主題反映給客戶，然后客戶就能夠經(jīng)過公司或許是商品在網(wǎng)站上體現(xiàn)出來的東西對其做好了解。進而為公司或許是商品做宣揚，進步競賽力度，推進經(jīng)濟效益的進步?？墒瞧矫嬉?guī)劃體現(xiàn)的規(guī)模還要更廣，而且其影響力度也是對比的大的。平面規(guī)劃的著作比頁面規(guī)劃的著作使用規(guī)模愈加寬廣一點，可是在另一個視點來講，頁面規(guī)劃比平面規(guī)劃在媒體介質(zhì)上具有更大的展開空間。

2、束縛性的不一樣束縛性也即是進行藝術創(chuàng)造時分的束縛條件，此種束縛性的條件是表如今許多的方面的，就像創(chuàng)造東西，傳達的方式以及創(chuàng)造的平面，字體字號以及色彩標準等等。頁面規(guī)劃，通常情況下是只是能在電腦設備上進行創(chuàng)造的，而且也只能是在憑借電腦設備的前提下才干夠展現(xiàn)出實在的創(chuàng)造作用。頁面中規(guī)劃的著作作用會遭到網(wǎng)速的影響，遭到客觀的要素影響對比大。可是平面規(guī)劃相對來講就不會受那么多的束縛，不行是在創(chuàng)造空間上沒有太多的束縛，而且創(chuàng)造的商品也能夠在任何時分任何的場合中進行展現(xiàn)，沒有嚴厲的規(guī)定。在進行平面規(guī)劃的時分不管是觸及的字體、字號仍是色彩都是十分的具有隨意性的，能夠依據(jù)規(guī)劃者的實踐需求以及規(guī)劃師心思的狀況進行創(chuàng)造。

3、技能上實踐的不一樣頁面規(guī)劃是對比依靠于互聯(lián)網(wǎng)的，頁面規(guī)劃關于領先的軟件具有十分強的依懶性，可是平面規(guī)劃則不是這樣的，它關于軟件的依靠對比小，相對來講愈加依靠于打印的技能。在進行頁面規(guī)劃的時分通常情況下都是憑借于繪圖東西的，只有強壯的軟件才干保證頁面規(guī)劃順暢的進行?？墒瞧矫嬉?guī)劃優(yōu)化經(jīng)濟以及科學技能的展開，不僅能靠畫圖東西來進行創(chuàng)造，而且也能憑借有關的繪圖軟件來實現(xiàn)終究的作用，再即是平面規(guī)劃關于打印技能的要求是對比高的，此也是兩者之間十分顯著的差異。

三、頁面規(guī)劃與平面規(guī)劃之間的聯(lián)系