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

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

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

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

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

三、實施結(jié)果與分析

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

四、結(jié)束語

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

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

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

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

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

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

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

一、教學(xué)分析

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

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

1.任務(wù)確定

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

2.任務(wù)驅(qū)動

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

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

1.1課程設(shè)計

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

1.2課程實施

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

1.3課程評價

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

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

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

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

1、體現(xiàn)規(guī)模的不一樣體現(xiàn)規(guī)模是兩者之間十分重要的差異。頁面規(guī)劃即是局限于網(wǎng)絡(luò)環(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、束縛性的不一樣束縛性也即是進行藝術(shù)創(chuàng)造時分的束縛條件，此種束縛性的條件是表如今許多的方面的，就像創(chuàng)造東西，傳達的方式以及創(chuàng)造的平面，字體字號以及色彩標(biāo)準(zhǔn)等等。頁面規(guī)劃，通常情況下是只是能在電腦設(shè)備上進行創(chuàng)造的，而且也只能是在憑借電腦設(shè)備的前提下才干夠展現(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ān)于領(lǐng)先的軟件具有十分強的依懶性，可是平面規(guī)劃則不是這樣的，它關(guān)于軟件的依靠對比小，相對來講愈加依靠于打印的技能。在進行頁面規(guī)劃的時分通常情況下都是憑借于繪圖東西的，只有強壯的軟件才干保證頁面規(guī)劃順暢的進行?？墒瞧矫嬉?guī)劃優(yōu)化經(jīng)濟以及科學(xué)技能的展開，不僅能靠畫圖東西來進行創(chuàng)造，而且也能憑借有關(guān)的繪圖軟件來實現(xiàn)終究的作用，再即是平面規(guī)劃關(guān)于打印技能的要求是對比高的，此也是兩者之間十分顯著的差異。

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