前言：中文期刊網精心挑選了網頁設計總結范文供你參考和學習，希望我們的參考范文能激發你的文章創作靈感，歡迎閱讀。
網頁設計總結范文1
記得初到公司時，我對公司的了解僅僅局限于公司網站的簡單介紹，除此之外，便一無所知了。但是，在領導和同事們的支持和幫助下，我不僅加深了對公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴格做到按時按量完成產品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時，減少頁面中冗余的代碼，保證頁面的加載速度。此外，注意用戶體驗問題，站在用戶的角度瀏覽網頁，發現問題、解決問題，以提高網站的瀏覽量。
自從擔任網頁制作以來，雖然在工作中取得了較好的成績，但也還存在一些不足之處。例如：工作中沒有充分領會領導的意圖，有時會忽視公司的工作流程等等，這些都是由于工作態度和細節決定的。這些不足都需要在今后的工作中加以改進。
在今后的工作中，我將努力提高技術水平，克服不足，朝著以下兩個方向努力：
1、在以后的工作中不斷學習技術知識，通過多看、多學、多問、多練來不斷的提高自己的各項業務技能。
2、提高自己解決實際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細致地的對待每一項工作。
網頁設計總結范文2
在網頁設計課程教學時，仍然以老師教授為主，大多時候只是教授書本知識，缺乏與學生們的互動，教學方法單一。而使得課堂缺乏生氣與活力，從而使得學生們對網頁設計的學習興趣不高，繼而影響教學質量。此外，目前網頁設計課程的考核大多仍然以筆試為主，因此，老師為了完成教學任務，將主要的精力仍然放在學生們對理論知識的學習上。所以，課后還是讓學生們沉浸于書山題海之中，這樣學生們的筆試成績是達到要求了。但是學生們缺乏網頁設計的實際操作，這樣學生們網頁設計的經驗不足，最終只是高分低能的學生，這樣的學生不是現代素質教育所希望的。
二、高校網頁設計課程的教學改革措施
1.完善高校網頁設計課程的教學設施
隨著網絡信息技術的飛速發展，網絡信息技術設備正日新月異。因此，為了高校網頁設計教學課程能夠滿足現代社會的需求，高校應該加大對網頁設計課程教學設施建設資金的投入力度。正所謂，“巧婦難為無米之炊。”有了足夠的資金，學校才能根據社會發展的需要，為網頁設計教學配備完善的教學設施，不斷更新和升級網頁設計課程教學所要使用的網頁設計軟件。這樣老師在教學時，才能讓學生們聽了網頁設計知識的同時參與到網頁設計的具體操作中去，再實踐操作中驗證老實所教授的知識和自己的猜想。從而在實踐中不斷提升自身的網頁設計知識。有了足夠的網頁設計課程設備，學生們在學習網頁設計課程時，才能及時地進行實踐操作。此外，還需要不斷更新現有的網頁設計教材，這樣學生們所學習和了解的知識，才不會與社會脫節。這樣的學生才是社會所需要的社會主義現代化所需要的人才。
2.高校應建立一支優秀的網頁設計課程的教師隊伍
正所謂，“名師出高徒?！庇幸粋€好的老師指導，在學習的道路上你就比別人領先了一步了。高校網頁設計老師是網頁設計課程教學的執行者，因此，老師所具備的專業知識和教學水平的高低直接影響著他所教授的學生網頁設計的水平。因此，高校應該大力打造一支優秀的網頁設計教師隊伍。首先，高校應該加大對優秀的網頁設計教師的引進，壯大我們的網頁設計教師隊伍，讓那些優秀的網頁設計老師，帶給網頁設計更多的教學方法。其次，高校應該及時的淘汰那些不稱職的網頁設計老師，凈化我們教師隊伍。從而提高我們網頁設計教師隊伍的教學質量。最后，對那些在職的能夠進行培養的網頁設計老師，高校應該給予更多的再教育和培訓的機會，讓他們有機會參與一些同行業的交流會，或者是一些知名的網頁設計培訓。從而不斷的提升自身的專業素質和教學水平，以便能夠在以后的網頁設計教學中，教導處一些優秀的符合社會需要的網頁設計人才。
3.高校網頁設計課程采用多種教學方法相結合
隨著現代素質教育的不斷發展，網頁設計也需要不斷進行素質教育改革。因此，高校老師在進行網頁設計課程教學時，應該采用多種教學方法相結合。網頁設計老師應該改變過去應試教育的那種老師主講的教學方式，將課程的主角換給學生。比如，讓學生們分成各個學習小組，老師只是講授一些基本的重要的網頁設計知識，然后讓各個學習小組，自行去談論研究網頁設計的制作。老師在學生們討論、研究時，對于及時的給予解答，做出正確的評價。這樣可以激發學生們的爭強好勝之心，極大的增強學生們對網頁設計的學習興趣，從而發揮學生們的聰明才智，積極主動地進行網頁設計制作。此外，網頁設計是一門操作性很強的學科，因此，老師在教授了必要的網頁設計知識后，應該將更多地精力放在學生們對網頁的設計上。讓學生們將所學到的知識及時運用于網頁設計實踐中去，從而在實踐中不斷提升自身的網頁設計水平。在這樣的教學環境下培養出的學生，才是社會所需要的網頁設計人才。
三、總結
網頁設計總結范文3
元素水墨畫是中國傳統藝術表現形式中最具有民族氣息、蘊含著東方精神的畫種，它具備了古代和現代人都能夠理解的相同的文化內涵。因此，著重分析水墨畫的表現元素對網頁設計起著非常重要的作用。下面筆者就結合水墨畫的藝術形式，分析水墨動畫在網頁設計中的應用。
1.構圖方面網頁設計是由簡單的構圖開始的。不論如何巧妙的構思都要通過構圖轉變成視覺語言傳遞給受眾。網頁設計中不同的構圖形式所表現出來的意味和給人的心理感受是不一樣的。而構圖在水墨畫中也起著不容忽視的作用。為了營造具有獨特韻味的藝術情景，水墨畫非常注重構圖的技巧，多采用散點透視，這種構圖方式不受視覺范圍的約束，更利于創作者將內容豐富化、生動化，更利于其在畫作中表達自己的情感。將這點應用到網頁設計當中，為網頁設計的構圖提供了更靈活的空間。水墨畫講究“計白當黑”，也就是在構圖時會特意留出大小、主次、疏密程度不同的空白，給人留有想象的空間，做到虛實結合，這樣不但可以增加作品的靈動感，還能夠開闊藝術家的思想。網頁中的界面設計也可以利用這一點，將圖形、文字等與空白相互結合，形成虛實空間，使頁面呈現高雅的視覺效果。
2.筆墨方面水墨畫中的用筆用墨都是具有一定技巧的，歷代畫家所總結的筆墨技巧給水墨動畫創作者帶來了很好的啟發，設計師可以將這一點充分應用到網頁設計中。設計師將水墨動畫中線條的獨特表現力應用到網頁設計中，將不同線條用筆的內涵表現得淋漓盡致，有效地傳遞了所要表達的信息。除了筆墨方面，水墨動畫中色彩的搭配也是網頁設計需要借鑒的重要技術。在網頁的設計中，只有把設計理念注入色彩應用，才可以使設計具有生命。就像水墨動畫中的色彩是由不同的顏色相互結合，產生細微變化所形成的顏色，是一種純粹的美。其運用到網頁設計中，可以使網頁富有生命力。
3.意境方面水墨動畫可以說是水墨畫的連貫表現，它與水墨畫一樣講究傳神。氣韻是評論畫作好壞的標準，也就是畫家在作畫時想要表達的情感含義、精神狀態。氣韻應生動，所謂生動指的是所表現出的視覺效果具有生機勃勃的態勢。這也是設計師在網頁設計中不斷追求的境界。在網頁設計中，只要是頁面上出現的圖像，都要做到將信息精準地傳遞給用戶，并能引起關注，給人留下深刻的印象。以上都是水墨動畫的表現元素，這些表現元素如今都在網頁設計中得到應用。相信經過不斷摸索，網頁設計師還會發現新的設計理念，并將我國的網頁設計事業推向高峰。
二、結語
網頁設計總結范文4
關鍵詞：網頁設計；CSS；鏈接樣式
中圖分類號：TP393.092
對于CSS網頁設計而言，它可以使網頁更具備鮮活的生命力，可以更好的吸引瀏覽者的眼球。但對于CSS的設計，在教學過程中大部分學生難以正確的利用CSS對網頁的設計，尤其對CSS的理解不夠深刻，導致在應用上出現種種問題。所以，本文針對網頁設計中CSS的鏈接樣式進行分析，從而讓人們能夠更好地駕馭CSS進行網頁設計。
1 CSS的認識
1.1 CSS的定義
CSS是一種用來對網頁樣式的控制同時將樣式信息和網頁內容分離的一種語言。采用CSS樣式表可以彌補HTML語言的缺陷，可以完成HTML存在的一些缺陷，比如更好地調節字間距和行間距，取消下劃線和背景圖像等運用CSS能夠達到更好的效果。也可以更好地控制網頁的外觀，大到整個網頁的布局，小到網頁字體的樣式，運用CSS都能夠靈活的進行設計。
1.2 CSS樣式表
CSS樣式表是由一系列的樣式選擇器和CSS屬性所組成的，它能夠針對網頁字體的屬性、顏色和背景屬性、邊框屬性、文本屬性、列表屬性以及網頁元素屬性等進行精確的定位，大大提高了網頁設計中的格式化功能。CSS網絡表針對網頁設計還有另一個優點，可以利用同一個樣式表對整個站所具有相同性質的網頁元素進行格式修飾，當需要更改樣式設置時，只要在樣式表中進行修飾即可，不用針對每一個網頁進行修飾，簡化了對網頁格式化的工作，提高了工作效率。
1.3 CSS樣式應用
CSS樣式在網頁設計中應用廣泛，并且對網頁設計起著良好的效果。CSS樣式的作用包括以下幾種：（1）CSS可以從最基本的建設到全面替代web的方法，通過CSS技術將替代HTML表格和font標簽、frames以及更多的元素。（2）采用CSS方法對網頁進行設計，還可以提高網頁的瀏覽速度，比傳統的web設計方法占用的內存小得多。（3）縮短了改版時間。CSS能夠統一管理多個頁面，只要對CSS文件進行簡單的修改，就可以同時改變多個網頁。（4）字體控制和排版能力強。CSS對字體的控制能力要比font的標簽控制強，采用CSS技術后不需要對font標簽機GIF圖片進行逐一控制了，可以輕松解決。（5）編寫簡單。編寫CSS非常輕松，和寫html代碼一樣容易。（6）可以只設計一次，隨意，通過CSS設計完網頁以后，不僅存于瀏覽器中，還可以將你的設計方案發動其他設備上，比如到PowerPoint中。
2 CSS的鏈接
2.1 CSS的鏈接簡介
在CSS鏈接中，通常會對某些特定效果進行指定特殊鏈接，常見的四種定義鏈接樣式如下：
：link
：visited
：hover
：active
通過以上的樣式進行定義鏈接，超鏈接中錨標簽是定義鏈接中必不可少的，把錨標簽和定義鏈接樣式的特定鏈接進行組合，分別為：
a：link—正常鏈接樣式；
a：visited—已瀏覽過鏈接樣式；
a：hover—鼠標指在連接上的樣式；
a：active—點擊鏈接時的樣式。
CSS鏈接的指定同時還有順序的要求，任何事都是有規律進行的，鏈接的定義也要有固定的形式，如果在程序書寫時鏈接順序錯了，也會導致鏈接失效等現象。所以在定義好鏈接后，一定要嚴格按照鏈接樣式的定義順序進行書寫，遵循link-visited-hover-active順序進行書寫。
2.2 建立CSS鏈接樣式
單機“CSS樣式”面板中的“新建規則”，選擇器類型為“高級”，“選擇器”下拉列表中選中a：link以及其他幾種鏈接樣式，進行分別定義。
2.3 調用CSS樣式文件
如果想要把剛剛建立的CSS樣式文件調用到別的網頁中，操作方法是：首先同樣單機“CSS樣式”面板，進入“附加樣式表”，對彈出的“連接外部樣式表”進行設置，在“文件/URL”文本框中輸入建立的CSS文件路徑和文件名稱，添加為鏈接選項，進行建立。
3 CSS的工作方式
通過以下三種方式，對網頁進行CSS樣式表設計
3.1 外部CSS樣式表的鍵入。首先建立外部CSS樣式表，使用HTML的link對象，表示方式如下：
文檔標題
3.2 內部CSS樣式表的鍵入。首先將…模塊插入到HTML中的和之間。表現形式如下：
=“text/css“>
#Top{background：#00FF00；font：10pt“Arial“}
Body，td，input{font：15pt“Arial“；font-weight：bold；color：maroon}
Style1{font：13pt“Arial“；font-weight：bold；color：blue}
Style2{font：10pt“Arial“；color：black}
- ->
3.3 內嵌式工作方式。針對表計對象中使用對象style定義適合的表格屬性。例如：=”font：10pt”Aral”；color：biack”>文字
。
4 CSS語法
通常CSS的語法有三部分組成：標識符、屬性以及屬性值。“標識符”可以表計HTML，例如：p、bady等?！皩傩浴敝傅氖且恍薷牡脑兀纾篶olor?！皩傩灾怠敝傅氖琴x予屬性的具體值。例如：上面的屬性color，賦予它的值可以為red，#FFFFFF。
5 CSS在應用中常見的問題與解答
了解CSS的功能，可以給網頁設計帶來巨大的好處，但是在具體的設計中，往往會遇到一些問題，下面對這些經常出現的問題進行歸納總結，并進行解析。
5.1 在網頁制作中有三種方式，在什么時候采取哪種方法比較合適？
對于這個問題常常會導致設計者在網頁設計中不敢采用或者錯用等情況，當采用同一個CSS設計方案設計多個網頁的時候，通常采用外部CSS樣式文件，降低了網頁的代碼，修改起來也比較方便；當采用CSS設計單個網頁的時候，通常采用內部樣式，；只有在網頁的某一點使用CSS設計時，一般采用內嵌式進行直接插入。
5.2 CSS在網頁制作中的三種方式可以搭配使用嗎？
CSS具有獨立性，在網頁中可以自由搭配，而不會造成網頁混亂。CSS在執行時遵循著優先級的順序，從高到低執行，先從內嵌式開始運行，然后是內部樣式，最后運行外部樣式。在顯示頁面的處理方式是：優先檢測是否有CSS插入，并優先執行，在通過內部樣式的CSS，并進行直接；都運行完以后或者都檢測沒有，最后檢測外部樣式的CSS，檢測到最后執行。因此CSS的執行也具有很好的條理性。
5.3 利用a：link a：visited a：hover a：active 設置了鏈接方式，如何將它僅應用在需要的地方，而不是應用在整個網頁的設計中？
可以把鏈接樣式進行分類。例如：
.al a：link，.al a：visited{color：#000000；}
.al a：hover，.al a：actice{color：#00FFFF；}
6 總結
通過對CSS技術的分析，了解其應用，更明確了CSS在網頁設計中的應用。在網頁設計中采用CSS，能夠有效地提高設計質量，簡化設計程序，提高了網頁制作中對多個網頁的統一制作，更好的實現文本顏色和文本圖片的設計，同時也提高了網頁的瀏覽量，使網頁更具鮮活的生命力，使網頁設計不在古板，具有更好的靈活性，能夠充分發揮設計者的創造力，在網頁設計上充分體現出CSS技術的高超，對當今的科技發展具有重大的意義。
參考文獻：
[1]艾靈仙.用ASP技術自建英語考試網站實現智能組卷、評分[J].長沙通信職業技術學院學報，2005（03）.
[2]張俊蘭，劉翼，鐵宏軍.基于CSS技術的網頁設計應用研究[J].延安大學學報（自然科學版），2010（03）.
[3]朱珊虹，石慶民.基于DIV+CSS的個人博客網頁設計應用研究[J].計算機與信息技術，2011（04）.
[4]吳凡，鐘寶江.基于CSS圖拱擬合描述算法的形狀檢索技術[C].第十五屆全國圖象圖形學學術會議論文集，2010.
網頁設計總結范文5
1.以就業為導向的網頁設計與制作課堂的教學
1.1網頁設計與制作課程的內容與特點
網頁版面的規劃設計與制作方法是網頁設計與制作主要設計的內容，在計算機應用中網頁設計與制作只是其中的一個分支。學生可以通過學習網頁設計與制作學會基本技能，用來進行網頁美化、網頁設計與網頁制作。網頁設計與制作作為一門課程有一定的技術性，同時它所具有的藝術性也很強，學生會因為課程豐富的內容和涉及到多方面的知識而獲取生存技能，同時學生的藝術氣息也會受到培養。因此學生自身要有較高的綜合素質才能學習這門課程。
1.2以就業為導向的課程體系設置目標
就業是目前網頁設計課程的設計導向。市場需求是這種體系的前提，課程設置以就業為先決條件，職業中所需要的技能在課程設置中都能找到相對應的內容，學生有明確的就業方向在畢業之后。課程設置決定于崗位需求，課程內容緊密聯系實際需要，在就業趨勢上充分體現了“能力本位”。網頁設計為與市場相連接應該構建一套課程體系，課堂體系的本位應該是培養能力、主線是進行實踐操作并且能夠順應經濟社會的發展。這套課程體系歸納總結了網頁設計師在實際中的應用，不同的模塊在教學中被設立用來進行學生的訓練，對于教學中的知識點學生可以通過模擬訓練來熟練掌握。
2.大學文科專業開展網頁設計與制作課程的必要性
當今社會已經普遍應用了計算機和互聯網，各企業和單位也越來越重視自身網站的建設，因此基本的網站制作技能是每個專業的學生都應該具備的。互聯網背后運作被網頁設計展現在大學生面前，對于這些文科生中的很多人都是聞所未聞的。因此，文科生會或多或少的存在一些困難在網頁制作的學習中。文科生與理科生相比有比較活躍的思維，對文字更善于表達。如果對于計算機技能文科生能夠快速的掌握，結合自己的知識背景和現代計算機來滿足市場上的各種職業要求，那么他們的就業優勢在同一競爭環境中就會比較突出。所以開展網頁設計與制作課程十分必要。
3.以就業為導向的大學文科網頁設計與制作課程體系構建策略
3.1優化課程內容設計，引入新的教學方法
在文科占較大比重的綜合性大學中，學生因專業的不同需要掌握不同的計算機技術。因此，高校應該根據不同的張揚對計算機課程進行不同的設置。理論與實踐緊密相連是網頁設計與制作課堂的基本特征，沒有清晰的劃分界限在理論與實踐之間。本文提出了一些建議與意見在教學方法上用來實現教學效果的最優化。
3.1.1模擬任務法，課堂教學結合實際操作。
教師在教學活動中可以把課堂假設成工作環境，模擬演練制作任務，一邊把如何操作演示給學生，一邊向學生進行講解，學生則可以邊聽邊做。學生在這樣的講練過程中很容易被激發出興趣，這種以學生為主的課堂可以提高學生發現問題、分析問題和解決問題的能力。
3.1.2實際案例分析法。
教師在課堂中引入典型的分類網站，為學生在課堂上做展示，對這些網站的內容分類、布局結構及技術特點進行分析討論。通過實際案例對教材中的知識點進行解釋說明，使學生的創新思維在實踐教學中得到培養，團隊合作能力得到鍛煉。
4.項目驅動的專題教學模式創新
4.1對教學項目進行合適的選擇，開發進度表的制定要細化。
優秀的教學項目對學生的積極性能起到充分的調動作用，學生會由“要我學”的學習態度逐漸轉變為“我要學”。對于教學內容與實際案例的結合教師在備課時應該進行充分的考慮，選擇的網絡項目應該略具挑戰性、有較廣的覆蓋范圍。
4.2為了促進網頁設計課程的創新引入專題教學模式。
網頁設計總結范文6
關鍵詞：網頁設計與制作；教學內容；教學方法
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
隨著計算機網絡技術的迅猛發展和網絡應用的日益廣泛，Internet在人們的生活、學習和工作中的地位顯得越來越重要，上網沖浪已經成為現代人生活的一個重要部分。信息技術的高速發展，使人們通過網絡來個人或者企業的信息、推廣企業產品已成為一種流行的趨勢。網頁已經成為信息共享和傳播的主要載體，掌握網頁的制作和網站的管理等內容已成為現代人必備的一種技能。
《網頁設計與制作》是軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用等專業公共的必修課程，也是許多高校的公共選修課，具有實踐性強和知識面廣的特點。該課程要求學生掌握HTML語言、CSS+DIV、JavaScript語言、Photoshop圖像處理、flas制作等基本知識，為后繼課程《動態網頁設計》、《計算機網絡》等打下牢固基礎，因此該課程具有知識點多、操作性強的特點。如何提高《網頁設計與制作》課程的教學質量，是亟待解決的問題。根據近年來對網頁課程的講授經驗，筆者從課程目標、課程內容、教學方法、課程實踐、課程實訓等幾個教學環節對該課程進行了一些研究和總結。
1理論教學
1.1課程目標
《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：
1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；
2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；
3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；
4)使學生能夠用Flash進行網頁動畫的簡單設計；
5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。
1.2課程內容
1.2.1 HTML網頁設計
重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養?！爸淙?，知其所以然”是我們的目標。
1.2.2 DIV+CSS網頁設計
DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得 網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。
該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。
1.2.3 Photoshop圖像處理
重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。
課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。1.2.4 Flas制作
重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。
1.2.5 JavaScript程序設計
JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。
1.3教學方法
該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。
教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。
1.3.1模塊教學法
根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。
1.3.2案例教學法
在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例――具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。
2課程實踐
2.1實驗題目的設計
結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。
2.1.1 HTML網頁設計
實驗1 HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5 HTML綜合實例。
2.1.2 DIV+CSS網頁設計
實驗1 CSS文字排版、實驗2 CSS網頁布局、實驗3背景設置、實驗4 CSS導航菜單設計、實驗5綜合實例。
2.1.3 Photoshop圖像處理
實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。
2.1.4 Flas制作
實驗1 Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。
2.1.5 JavaScript程序設計
實驗1 JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3 JavaScript內置函數和對象、實驗4 JavaScript事件處理、實驗5 Dom操作實例。
2.2自學模式的創建
為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。
2.3參與教師科研，以研促學
鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。
2.4成立網頁興趣小組，拓寬知識面
組織成立網頁課程的興趣學習小組，具體活動包括：
1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；
2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。
這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。
3課程實訓
網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。
實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。
平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。
課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
4結束語
明確的教學目標、豐富的教學內容、科學的教學方法、有效的教學手段大大增強了學生主動參與學習的積極性。隨著網頁技術的進一步發展和進步，網頁設計與制作課程的教學還必須與時俱進，不斷的改革和創新，教師只有不斷的學習新的教學理論，掌握現代化的教學手段，才能勝任高效教育工作，為社會培養高素質的技術應用型人才。
參考文獻：
[1]李偉,鄧紅濤,曹傳東.《網頁設計》課程實踐性教學改革與創新研究[J].改革與創新,2011(12):103-104.
