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

緒論：寫作既是個人情感的抒發(fā)，也是對學(xué)術(shù)真理的探索，歡迎閱讀由發(fā)表云整理的11篇網(wǎng)頁設(shè)計論文范文，希望它們能為您的寫作提供參考和啟發(fā)。

篇（1）

二、考核方案

1.考核方案的制定

本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個規(guī)定主題網(wǎng)站項目的方式展開。總成績由操作考核成績、項目報告成績兩部分組成，權(quán)重分別為70％、30％，每一項按百分制評分后依權(quán)重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學(xué)校的評分要求接軌，將本次考試所得的總成績作為學(xué)校學(xué)期總評成績的期末成績部分。并在此說明平時成績30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過小組合作完成主題網(wǎng)站的設(shè)計與制作，具體要求在此省略。此外要求學(xué)生撰寫項目報告不僅讓學(xué)生明確各自的份內(nèi)工作，同時要求學(xué)生善于思考、總結(jié)，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內(nèi)容：

（1）項目實施過程。項目實施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格（列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位）、網(wǎng)站欄目、站點目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設(shè)計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標注尺寸；程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進行截圖，以及繪制程序開發(fā)頁面流程圖。

（2）項目總結(jié)。對本項目完成情況進行分析、總結(jié)，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結(jié)，便于相互交流經(jīng)驗。

（3）項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現(xiàn)小組合作開發(fā)項目的工作模式，讓學(xué)生明白實際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識，與合作者之間有效、和諧的溝通。

篇（2）

1.1案例教學(xué)法案

例教學(xué)法是一種具有啟發(fā)性、實踐性,能開發(fā)學(xué)生思維能力,提高學(xué)生判斷能力、決策能力和綜合素質(zhì)的新型教學(xué)方——“分析案例”——“制作案例”的過程，培養(yǎng)學(xué)生分析問題，解決問題的能力，達到學(xué)習(xí)知識技能，靈活應(yīng)用的目的。例如，在講解ASP中的Request對象時,教師先展示一個表單提交的案例，然后引領(lǐng)學(xué)生分析我們在點擊提交按鈕后，如何在另外一個頁面中，得到提交頁面相應(yīng)的屬性值呢？學(xué)生在老師的啟發(fā)下動腦思考，引出Request對象的作用，接著教師講授Request對象的各種方法的使用。學(xué)生在深入理解后，運用知識制作此案例。

1.2任務(wù)驅(qū)動法

任務(wù)驅(qū)動法在課堂教學(xué)中，教師為學(xué)生布置上機操作任務(wù)，通過實際任務(wù)展開教學(xué)。學(xué)生通過親自動手操作，主動建構(gòu)探究，培養(yǎng)了學(xué)生創(chuàng)新精神和實踐能力，提高了學(xué)生的綜合運用知識的能力。例如在學(xué)習(xí)表單制作時，以現(xiàn)實生活中注冊電子郵件為例，提出表單的概念，然后講解其實現(xiàn)理論，接著布置實際任務(wù)——投票系統(tǒng)，讓學(xué)生用知識去解決任務(wù)，進一步加深理解知識。

1.3分層教學(xué)法

成人的學(xué)習(xí)能力差異大，存在個體差異，因此，教學(xué)中采用分層教學(xué)法。在實際教學(xué)中，教師根據(jù)學(xué)生現(xiàn)有的知識、能力水平和潛力傾向把學(xué)生科學(xué)地分成水平各自相近的幾組，如A、B、C三組，A組是按大綱基本要求進行教學(xué)的學(xué)生；B組是按略高于基本要求進行教學(xué)的學(xué)生；C組是按較高要求（能發(fā)揮學(xué)生數(shù)學(xué)特長）進行教學(xué)的學(xué)生。學(xué)生分組不是固定的，而是隨著學(xué)習(xí)情況及時調(diào)整。每組布置知識程度不同的學(xué)習(xí)任務(wù)，并且在教師恰當(dāng)?shù)闹笇?dǎo)下，讓全體學(xué)生從各自的層面體驗成功的愉悅。

2模擬化網(wǎng)絡(luò)教學(xué)

開放教育是傳統(tǒng)教育與網(wǎng)絡(luò)教學(xué)相互融合的產(chǎn)物。網(wǎng)絡(luò)教學(xué)以其獨特的魅力在開放教育中發(fā)揮著越來越重要的作用。學(xué)習(xí)已經(jīng)不再局限于課堂，學(xué)生只要有上網(wǎng)條件，無論何時何地，都可以方便的學(xué)習(xí)，打破了時間和空間的限制，因此，網(wǎng)上資源的好壞直接影響學(xué)生的學(xué)習(xí)效果。因此，筆者充分利用網(wǎng)絡(luò)資源，以教學(xué)大綱為依據(jù)，遵循厚基礎(chǔ)、重能力的原則，開發(fā)了此門課的模擬化網(wǎng)絡(luò)教學(xué)系統(tǒng)。此系統(tǒng)有“教學(xué)大綱”、“課程教案”、“模擬實驗”、“經(jīng)典案例”、“自我測試”、“課程討論”等欄目。分層次，多模塊，手段直觀、豐富有趣的一系列實驗教學(xué)單元。制作文字、圖像、聲音、動畫于一體的豐富多彩的模擬實驗教學(xué)內(nèi)容。模擬實驗教學(xué)的指導(dǎo)效率更高。使理論教學(xué)與實驗教學(xué)、基礎(chǔ)與前沿、經(jīng)典與現(xiàn)代、實驗內(nèi)容與實際應(yīng)用有機結(jié)合，更有利于學(xué)生學(xué)習(xí)，并且可以反復(fù)閱讀，是面授課堂一種好的補充與強化手段。

3多樣化互動教學(xué)

3.1課堂互動

成人有豐富的社會閱歷和人生體驗,有更為強烈的對話意識和平等意識，因此,師生活動主要體現(xiàn)在，放下身段，深入到學(xué)生們之中，和他們們交朋友，交流心得，平等對話，互相學(xué)習(xí)。鼓勵學(xué)生大膽地表達自己的想法，暢所欲言，和學(xué)生共去探索知識的世界。所謂生生互動，就是學(xué)生和學(xué)生之間可以互相討論，交流心得。在實際操作中將學(xué)生分組，合作學(xué)習(xí)，這樣促使小組成員積極參與，培養(yǎng)學(xué)生團結(jié)合作意識，集體榮譽感。人機互動是學(xué)習(xí)《動態(tài)網(wǎng)頁設(shè)計》這門課必不可少的環(huán)節(jié)。只懂理論，不會應(yīng)用，猶如紙上談兵，完全失去了學(xué)習(xí)的意義。所以，課上學(xué)生必須上機實踐，在實踐中掌握知識，消化知識，融會貫通。

篇（3）

因為瀏覽器對網(wǎng)頁的解析過程是等待整個表格都解析完成后，才會在瀏覽者的顯示器中顯示出表格中的所有內(nèi)容，設(shè)計者應(yīng)合理地應(yīng)用表格，將頁面中某一塊的內(nèi)容單獨地使用表格進行制作，這樣某一個表格下載完成后，瀏覽者都可以先查看顯示出的表格內(nèi)容，省去了等待時間。因此靈活地動用小的表格構(gòu)成整個頁面，避免使用大的表格。

2網(wǎng)頁設(shè)計時控制頁面的容量

一個好的網(wǎng)站，必定有很豐富的內(nèi)容，設(shè)計者應(yīng)該對網(wǎng)頁中的圖像、文本、多媒體和HTML文本的大小有一定的控制，使網(wǎng)頁在因特網(wǎng)上訪問時，能以最快的時間顯示出頁面上的所有內(nèi)容。

3使用圖像的技巧

3.1選用合適的圖像格式。在網(wǎng)頁中常用的圖像格式是GIF、JPEG和PNG格式，JPEG壓縮率特別高，GIF更適合小圖像或小動畫，對于4KB以下的圖像文件，GIF比JPEG格式效果更好。

3.2控制頁面圖像的數(shù)量。在網(wǎng)頁中不要使用過多的圖像文件，因為每下載一個圖像文件，瀏覽器都向Web服務(wù)器請求一次連接，因此在制作網(wǎng)頁時，可以將多個小的圖像合并成一個圖像，減少圖像的下載數(shù)量，提高網(wǎng)頁的瀏覽速度。

3.3重用圖像。在一個頁面中，如果同一個圖像多次出現(xiàn)，可以使用客戶端瀏覽器的Cache。瀏覽器將從Cache中找到先前下載的圖像文件顯示，可以加快頁面瀏覽速度。

3.4圖像的大小。設(shè)計者在HTML代碼中手動書寫圖像標簽時，最好標記出圖像顯示的寬和高，頁面在顯示時，瀏覽器會根據(jù)圖像的高和寬在頁面中為圖像留出位置，在圖像下載完畢之前及時地顯示其周圍的文字內(nèi)容，減少了瀏覽者等待的時間。

3.5不用圖片來敘述內(nèi)容。同樣的文字內(nèi)容，用文本儲存比圖片文件小得多，如果必須用圖片來解決一些因內(nèi)碼不同而導(dǎo)致的亂碼問題，也要包含解釋文本，這樣即使瀏覽者關(guān)閉了瀏覽器的圖像顯示功能，也能明白表達的意思。

3.6使用低分辨率圖像。如果頁面中需要使用大圖像，就要用適當(dāng)?shù)姆椒ń鉀Q大圖像顯示方法，使頁面能夠更快地顯示。一種方法是使用該大圖像的縮略圖，為該縮略圖設(shè)置鏈接、鏈接到原始的大圖像位置；另一種方法是使用低分辨率圖像，使用Dreamweaver提供的低分辨率源標記，讓低分辨率的圖像先下載，這樣瀏覽者就可以很快地看到低分辨率的圖像。

4使用JavaScript

在制作網(wǎng)頁時，為了使頁面具有一定的交互性和動態(tài)效果，常使用一些網(wǎng)頁控件，在此建議盡量使用HTML和JavaScript來完成。因為HTML和JavaScript代碼的解析時間比其他的網(wǎng)頁控制解析的時間短得多，同樣JavaScript具有非常強大的功能，可以制作出很多網(wǎng)頁特效。

5少用背景音樂進行網(wǎng)頁設(shè)計

篇（4）

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

1.3課程評價

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

（1）課程結(jié)束后，學(xué)生是否掌握了應(yīng)知應(yīng)會的基本知識和技能；

（2）學(xué)生是否了解到職業(yè)崗位開展工作的具體流程，并具備能力完成典型的工作任務(wù)；

（3）引入外部評價，如企業(yè)專家的考評，客觀評判學(xué)生的知識水平、職業(yè)能力和綜合素質(zhì)是否符合社會需求。值得注意的是，學(xué)生成績評價方法最好以形成式考核為主，按照項目進度逐步推進，學(xué)生的階段性成績不斷被累計，形成性評價可以確保基于工作過程的教學(xué)活動有序開展，監(jiān)控學(xué)生的學(xué)習(xí)效果，最終保障良好的教學(xué)質(zhì)量。

篇（5）

1.1從編寫代碼到創(chuàng)建實際任務(wù)。傳統(tǒng)的網(wǎng)頁教學(xué)總是以編寫HTML超文本標記語言、CSS層疊樣式表文件、JavaScript為基礎(chǔ)，通過Dreamweaver工具的拆分模式實現(xiàn)可視化的實際效果與基礎(chǔ)理論的結(jié)合來展開。這樣的教學(xué)方式與網(wǎng)頁的實際應(yīng)用聯(lián)系較少。使得學(xué)生在學(xué)完網(wǎng)頁之后難以解決具體的實際問題。采用任務(wù)驅(qū)動的教學(xué)方法，通過實際項目，引入真實情境，如玩具銷售店、我的大學(xué)生活、學(xué)科資源網(wǎng)站等。讓學(xué)們從單純的學(xué)生角色轉(zhuǎn)化為網(wǎng)站構(gòu)建者，成為一個生產(chǎn)者。這樣大大激發(fā)了學(xué)生的學(xué)習(xí)動力，并肩負責(zé)任感和成就感去學(xué)習(xí)。學(xué)生在構(gòu)建實際網(wǎng)站過程中直接、頻繁地接觸計算思維的概念，如網(wǎng)頁結(jié)構(gòu)的搭建，樣式美化的屬性設(shè)置等，并不斷提升系統(tǒng)性的思考能力和創(chuàng)意思維能力。構(gòu)建網(wǎng)站時系統(tǒng)性的思考力是指學(xué)生需要在設(shè)計諸如導(dǎo)航條或鏈接中從設(shè)計網(wǎng)站、解決問題和理解用戶需求的角度去“仔細思考用戶與網(wǎng)站的互動方式以及根據(jù)意圖實現(xiàn)功能的方式解決問題”[1]。構(gòu)建網(wǎng)站中的創(chuàng)意思維是指學(xué)生可以把網(wǎng)頁設(shè)計學(xué)習(xí)融入到創(chuàng)作具有實際意義和真實內(nèi)容及富有個性的網(wǎng)站構(gòu)建過程中，將學(xué)科學(xué)習(xí)與實際生活相統(tǒng)一。

1.2從獨立開發(fā)到小組合作、組間協(xié)作。網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)的工作不是一個人獨立完成的，而是需要團隊的合作共同完成，當(dāng)前的信息產(chǎn)業(yè)的工作都不是一個人獨立能夠完成的，而需要與他人合作完成。因此，獨立思考和學(xué)習(xí)確實能促進學(xué)生知識掌握能力、而通過合作構(gòu)建網(wǎng)站可以分解復(fù)雜任務(wù)。利用這種協(xié)作模式可以培養(yǎng)計算思維能力中除知識技能方面的其他方面——過程與方法、情感態(tài)度與價值觀。

2考核評價

根據(jù)《網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)課程》的三維教學(xué)目標（知識技能、過程與方法、情感態(tài)度三方面）制定考核方法及評價標準。考核評價改變傳統(tǒng)的單一的總結(jié)性評價的方法，采用平時的過程評價、階段評價和綜合評價相結(jié)合的評價方法。過程評價是指學(xué)生平時的學(xué)習(xí)過程，根據(jù)精心設(shè)計的學(xué)習(xí)情境對學(xué)生的學(xué)習(xí)過程進行記錄和評分。這其中包括學(xué)生出勤情況、學(xué)習(xí)態(tài)度、單元情境的完成情況；階段評價即是期中評價，通過期初時提出主題網(wǎng)站任務(wù)，學(xué)生在學(xué)習(xí)過程中著手規(guī)劃、設(shè)計、實施并完成任務(wù)，在學(xué)期中期進行集中評價[2]，起到貫穿始終、承前啟后的作用；期末考試采用上機考試，題型包括根據(jù)給定素材及代碼截圖拼出網(wǎng)頁頁面，根據(jù)給定模板和主題要求，在現(xiàn)有素材的基礎(chǔ)上實現(xiàn)網(wǎng)站規(guī)劃及網(wǎng)頁設(shè)計。

篇（6）

/基本要求

1.在網(wǎng)站根目錄中開設(shè)imagescommontemp三個子目錄，根據(jù)需要再開設(shè)media子目錄，images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標志、banner條、菜單、按鈕等等；common子目錄中放css、js,、php、include等公共文件；temp子目錄放客戶提供的各種文字圖片等等原始資料；media子目錄中放flash,avi,quicktime等多媒體文件。

2.在根目錄中原則上應(yīng)該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設(shè)一個目錄，根據(jù)需要在每一個欄目的目錄中開設(shè)一個images和media的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應(yīng)的再開設(shè)其他目錄。

3.temp目錄中的文件往往會比較多，建議以時間為名稱開設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理。

4.除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請盡量以英文為指導(dǎo)，不到萬不得已不要以拼音作為目錄名稱，經(jīng)驗證明，用拼音命名的目錄往往連一個月后的自己都看不懂，

/腳本編寫

我們應(yīng)該有一個腳本整體風(fēng)格一致的概念，意思是一個月后和一個月前的你寫的腳本風(fēng)格保持一致，以及同一個工作組中不同的開發(fā)人員編寫的腳本風(fēng)格保持一致，因為我們不可能永遠孤立的開發(fā)，你隨時都有可能和三個月前的自己合作（你的客戶要求改版），也經(jīng)常要和工作室中不同的同事共同開發(fā)一個項目，還有可能被要求修改已經(jīng)離職人員開發(fā)的腳本，當(dāng)然你自己也有可能會扔下一個項目給后來的同事。

1.Html文件的通用模板：

其他meta標記

樣式表定義

客戶端javascript函數(shù)定義及初始化操作

……

補充：

為了保證網(wǎng)站能夠與下一代的web語言xml標準兼容，所有的HTML標簽的屬性都要用單引號或者雙引號括起，即我們應(yīng)該寫而不是.

2.允許全文檢索的頁面，為了使Internet上的搜索引擎能夠有效檢索，在頻道的首頁的html的之間應(yīng)該加入Keywords和Description元標記，例如：

3.CSS文件的格式樣例代碼：

這里尤其要注意的是a:linka:visiteda:hovera:actived的排列順序一定要嚴格照上面的樣例代碼，否則或多或少會出問題。另外我們規(guī)定重定義的最先，偽類其次，自定義最后，便于自己和他人閱讀！

為了保證不同瀏覽器上字號保持一致，字號建議用點數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px和14.7px這是經(jīng)過優(yōu)化的字號，黑體字或者宋體字加粗時，一般選用11pt和14.7px的字號比較合適。

在寫互相嵌套時，嚴格按照的規(guī)范，對于單獨的一個來說，對齊，縮進兩個半角空格，中如果還有嵌套的表格，也縮進兩個半角空格，如果中沒有任何嵌套的表格，結(jié)束標記應(yīng)該與處于同一行，不要換行，

如我們注意在源代碼中不應(yīng)有這樣的代碼：

而應(yīng)該是這樣的：

這是因為瀏覽器認為換行相當(dāng)于一個半角空格，以上不規(guī)范的寫法相當(dāng)于無意中增加一個半角空格，如果確實有必要增加一個半角空格，也應(yīng)該這樣寫：

屬于同一個級別的

一定是左首對齊的，另外不允許沒有任何內(nèi)容的空的單元格存在，高度大于等于12px的單元格應(yīng)該在和之間寫一個如果高度小于12px,則應(yīng)該在和之間插入一個1*1大小的透明的gif圖片，這是因為某些瀏覽器認為空單元格非法而不會予以解釋。如果代碼順序較亂，在DW3中可以通過command->applysouceformatting進行重新整理！

5.Width和height的寫法也有統(tǒng)一的規(guī)范，一般情況下只有一列的表格，width寫在

的標簽內(nèi)，只有一行的表格，height寫在的標簽內(nèi)，多行多列的表格，width和height寫在第一行或者第一列的標簽內(nèi)。總之遵循一條原則：不出現(xiàn)多于一個的控制同一個單元格大小的height和width,保證任何一個width和height都是有效的，也就是你改動代碼中任何一個width和height的數(shù)值，都應(yīng)該在瀏覽器中看到變化。做到這一條不容易，需要較長時間的練習(xí)和思考。

/一般原則

1.在排布表格之前，請大家一定要好好思考一個最佳的方案，表格的嵌套盡量控制在三層以內(nèi)，并且應(yīng)該盡量避免兩個標記，經(jīng)驗表明，這兩個標記會帶來許多麻煩。

2.一個網(wǎng)頁要盡量避免用整個一張大表格，所有的內(nèi)容都嵌套在這個大表格之內(nèi)，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網(wǎng)頁是嵌套在一個大表格之內(nèi)，那么很可能造成的后果就是，當(dāng)瀏覽者敲入網(wǎng)址，他要先面對一片空白很長時間，然后所有的網(wǎng)頁內(nèi)容同時出現(xiàn)。如果必須這樣做，請使用

標記，以便能夠使這個大表格分塊顯示。

3.排版中我們經(jīng)常會遇到需要進行首行縮進的處理，不要使用或者全角空格來達到效果，規(guī)范的做法是在樣式表中定義p{text-indent:2em;}然后給每一段加上

標記，注意，一般情況下，請不要省略

結(jié)束標記。

4.原則上，我們禁止用來人為干預(yù)圖片顯示的尺寸，而且建議標簽中不要帶上width和height兩個屬性，這是因為制作過程中，圖片往往需要反復(fù)的修改，這樣可以避免人為干預(yù)圖片顯示的尺寸，盡可能的發(fā)揮瀏覽器自身的功能；但是這樣的一個副作用是當(dāng)網(wǎng)頁還未加載圖片時，不會留出圖片的站位大小，可能會造成網(wǎng)頁在加載過程中抖動（如果圖片是插在一個固定大小的表格里的，不會有這個現(xiàn)象），尤其是當(dāng)圖片的尺寸較大時，這種現(xiàn)象會很明顯，所以當(dāng)預(yù)料到這種會明顯導(dǎo)致網(wǎng)頁抖動的情況會發(fā)生時，請大家務(wù)必在最后給附上width和height屬性。

5.為了最大程度的發(fā)揮瀏覽器自動排版的功能，在一段完整的文字中請盡量不要使用

來人工干預(yù)分段。

6.不同語種的文字之間應(yīng)該有一個半角空格，但避頭的符號之前和避尾的符號之后除外漢字之間的標點要用全角標點，英文字母和數(shù)字周圍的括號應(yīng)該使用半角括號。

7.所有的字號都應(yīng)該用樣式表來實現(xiàn)，禁止在頁面中出現(xiàn)標記。

8.請不要在網(wǎng)頁中連續(xù)出現(xiàn)多于一個的也盡量少使用全角空格（英文字符集下，全角空格會變成亂碼），空白應(yīng)該盡量使用text-indent,padding,margin,hspace,vspace以及透明的gif圖片來實現(xiàn)。

9.中英文混排時，我們盡可能的將英文和數(shù)字定義為verdana和arial兩種字體。

10.行距建議用百分比來定義，常用的兩個行距的值是line-height:120%/150%.

11.網(wǎng)站中的路徑全部采用相對路徑，一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名，如我們不必這樣：而應(yīng)該這樣：

12、嵌入圖形文本的使用較大的字體，建議不要在圖形中包括文本。

13、“網(wǎng)頁大小”定義為網(wǎng)頁的所有文件大小的總和，包括HTML文件和所有的嵌入的對象。用戶喜歡快的而不是新奇的站點。對于解調(diào)器用戶，網(wǎng)頁大小保持在34K以下為合適。

/文件命名原則

1.每一個目錄中應(yīng)該包含一個缺省的html文件，文件名統(tǒng)一用index.htm

2．文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。

3.命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當(dāng)我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作。

4.下面以“新聞”（包含“國內(nèi)新聞”和“國際新聞”）這個欄目來說明html文件的命名原則：

在根目錄下開設(shè)news目錄

第一條缺省新聞取名index.htm

所有屬于“國內(nèi)新聞”的新聞依次取名為：china_1.htm,china_2.htm,…

所有屬于“國際新聞”的新聞依次取名為：internation_1.htm,internation_2.htm,…

如果文件的數(shù)量是兩位數(shù)，請將前九個文件命名為：china_01.htm,china_02.htm以保證所有的文件能夠在文件夾中正確排序。

5.圖片的命名原則遵循以下幾條規(guī)范：

名稱分為頭尾兩兩部分，用下劃線隔開。

頭部分表示此圖片的大類性質(zhì)，例如廣告、標志、菜單、按鈕等等。

一般來說:

放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們?nèi)∶篵anner

標志性的圖片我們?nèi)∶麨椋簂ogo

在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨閎utton

在頁面上某一個位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶簃enu

裝飾用的照片我們?nèi)∶簆ic

不帶鏈接表示標題的圖片我們?nèi)∶簍itle

依照此原則類推。

尾部分用來表示圖片的具體含義。

篇（7）

以網(wǎng)站內(nèi)容為主導(dǎo)，向瀏覽者表述和傳達咨詢，如產(chǎn)品、服務(wù)、理念、文化等等，根據(jù)內(nèi)容，分為幾大部分，再根據(jù)功能劃分，最后進行網(wǎng)站頁面的設(shè)計美化工作。大致可以分為：菜單欄，導(dǎo)視欄和一些輔助功能欄，人們比較習(xí)慣于將這些功能劃分在上面，左側(cè)和右側(cè)。傳統(tǒng)的網(wǎng)站設(shè)計過于呆板，已經(jīng)不再適應(yīng)現(xiàn)在網(wǎng)絡(luò)飛速發(fā)展的今天了。而作為企業(yè)宣傳的其中一種，提升企業(yè)互聯(lián)網(wǎng)品牌形象中至關(guān)重要的一部分就是精美的網(wǎng)頁設(shè)計。

（二）豐富多樣的動態(tài)效果的網(wǎng)站頁面逐漸出現(xiàn)

信息時代的新媒體，其與瀏覽者進行網(wǎng)絡(luò)互動的特點極大地了新環(huán)境下的交互式設(shè)計革命。瀏覽者已經(jīng)不僅僅滿足于通過鼠標機械地點擊來瀏覽網(wǎng)頁,而是使用者要求選擇導(dǎo)航菜單進行花樣翻新。現(xiàn)在加入動畫語言的網(wǎng)站設(shè)計越來越受大眾的喜愛，一些國內(nèi)的藝術(shù)類獨立網(wǎng)站，一些私人BLOG，和一些追求經(jīng)典的企業(yè)都已開啟了亦或優(yōu)美的，亦或幽默搞笑的動畫互動功能。在韓國和日本的網(wǎng)站設(shè)計，動畫語言已經(jīng)運用的很成熟了，而國內(nèi)的騰訊QQ空間，已經(jīng)在把個人空間做出了很多動畫效果的方便初見成效。

二、動漫元素在網(wǎng)頁設(shè)計中的必要性

加拿大著名的傳播理論家赫伯特•馬歇爾•麥克盧漢在他的經(jīng)典著作《理解媒介-一論人的延伸》一書中寫道:“罰矛弄姆容易把技術(shù)工具作為試用者犯罪孽的替罪羊，現(xiàn)代科學(xué)產(chǎn)品的本事無所謂好壞，決定他們價值的是他們的使用方式。”網(wǎng)站與人的互動設(shè)計就好比是一場互聯(lián)網(wǎng)設(shè)計革命，它是人類在視覺、聽覺和觸覺等方面的要求和提高，是人類對于世界的審美的提高。一個成功的網(wǎng)站設(shè)計，除了對于網(wǎng)站內(nèi)容是硬件要求之外，對于網(wǎng)頁和瀏覽者的互動設(shè)計則是重要的軟件要求。瀏覽者和網(wǎng)站的互動性與參與性，決定了該網(wǎng)站對于大眾的吸引力和點擊率。任何一家網(wǎng)站都有一定的互動性,而好的動畫語言添加在這種互動性的體驗中就為網(wǎng)站增添了更多的趣味性。

三、動畫元素在網(wǎng)頁設(shè)計中的具體體現(xiàn)

（一）主頁互動

主頁中的動畫展示是最關(guān)鍵的一部分，也是大多企業(yè)投入設(shè)計費用最多的一部分。形象展示動畫如同網(wǎng)站的形象廣告,起著不可忽視的作用。它的強烈的動態(tài)效果,給瀏覽者的內(nèi)心留下一個最初且深刻的印象，將瀏覽者輕易的引導(dǎo)入該企業(yè)文化中。一般情況下，企業(yè)會將自己的企業(yè)理念或者是企業(yè)的產(chǎn)品做成宣傳片置于首頁的動畫中，抑或是做一個關(guān)于企業(yè)產(chǎn)品的小游戲，來與瀏覽者進行互動。這樣，在用戶打開網(wǎng)站時，便會被一種包裹式的試聽效果和形象展示所吸引。

（二）鼠標顯示

目前鼠標的動態(tài)效果千奇百怪,如瀏覽者將鼠標移上導(dǎo)航欄時和點擊后出現(xiàn)的動畫效果,可以給瀏覽者帶來一種新奇感。目前有很多網(wǎng)站開始以動畫的特效鼠標來吸引瀏覽者的眼球,或展現(xiàn)其網(wǎng)站的特色。例如賣蔬菜的網(wǎng)站往往會將鼠標做成胡蘿卜的效果。當(dāng)然,除了鼠標動畫設(shè)計中需要的語言編程。設(shè)計師在做鼠標動畫效果時,還要注意另外兩個方面：一種是關(guān)于色彩的動畫，通過色彩的明暗度或者飽和度等等方面的變化，進行動畫效果。另一種就是在鼠標滑過或者點擊的過程中，鼠標周圍出現(xiàn)例如小范圍的閃亮或者光暈的動畫效果，這類效果無形中為網(wǎng)站添加了許多夢幻效果。這些設(shè)計主要還是要和網(wǎng)站整體設(shè)計風(fēng)格進行搭配設(shè)計。

（三）進度條設(shè)計

目前網(wǎng)站中的進度條設(shè)計是應(yīng)用動畫元素最多和最普遍的地方了。由于網(wǎng)速的限制，導(dǎo)致在瀏覽者打開網(wǎng)站或者下載時中間會出現(xiàn)卡殼或空擋，這時候大多會跳出一個進度條來顯示其運行速度。各大網(wǎng)站對于進度條的設(shè)計真可謂是百花齊放各顯神通。進度條設(shè)計雖然是一個很不起眼的小FLASH動畫，但不小覷這些細節(jié)設(shè)計，進度條的設(shè)計精致與否，也關(guān)系到整個網(wǎng)站的設(shè)計成敗，乃至企業(yè)文化的精髓。

篇（8）

二、什么樣的設(shè)計更適合web頁面

1.慎用較“重”的圖形元素這里圖形元素的輕重不是色調(diào)的輕重，是形式的輕和重，形式的輕重和內(nèi)容相呼應(yīng)，網(wǎng)頁設(shè)計的一大趨勢就是越來越“輕”。除了對圓角效果和高光效果等效果的審美疲勞之外，網(wǎng)頁設(shè)計師開始意識到好的網(wǎng)頁設(shè)計更注重的是將網(wǎng)頁內(nèi)容與網(wǎng)頁形式結(jié)合起來，而非形式的堆砌。所以設(shè)計師在應(yīng)用那些較“重”的圖形設(shè)計時，一定要慎重思考，考慮到該圖形的應(yīng)用是否有必要以及該設(shè)計是否與受眾的氣質(zhì)相契合。

2.內(nèi)容和形式的分離對于一些比較強調(diào)視覺效果的特殊產(chǎn)品，也可以利用圖片格式和一些前端知識對網(wǎng)頁設(shè)計進行優(yōu)化，比如內(nèi)容和形式的分離。一些國外比較流行的設(shè)計風(fēng)格都是通過大幅的背景圖進行氣氛的渲染和意境的傳達。這樣做的一個好處就是能把需要用到圖片的視覺元素進行集中的壓縮優(yōu)化，同時因為前端實現(xiàn)時一般會用相近的背景色先進行填充，然后在逐步顯示背景圖，就不會因為加載太慢而拖慢用戶的訪問速度。

3.通過較小的視覺犧牲換取較大的性能提升有時候為了提升頁面的加載速度達到更好的用戶體驗，不得不對設(shè)計進行優(yōu)化，這個時候就需要犧牲一部分視覺效果利用網(wǎng)頁設(shè)計師掌握的圖片格式知識更有目的性的優(yōu)化設(shè)計網(wǎng)頁。例如著名的淘寶“雙十一”大促銷活動的宣傳網(wǎng)頁網(wǎng)頁，由于雙十一期間，該網(wǎng)頁的訪問量非常大并且為了配合商家的宣傳活動需要在網(wǎng)頁上加載非常多的商品圖片，這時候就需要網(wǎng)頁設(shè)計師對雙十一的促銷活動網(wǎng)頁的圖形進行優(yōu)化以達到提升網(wǎng)頁性能的目的。網(wǎng)頁設(shè)計師可以去掉一些不太重要的高光、漸變和陰影效果，從而降低圖片文件的大小，提高圖片文件的加載速度。

4.圖形藝術(shù)的界面處理新穎的網(wǎng)頁圖形藝術(shù)設(shè)計可以牢牢地吸引住瀏覽者的注意力，設(shè)計具有創(chuàng)意、布局合理、設(shè)計規(guī)范的網(wǎng)頁也是提高網(wǎng)頁瀏覽量的的重中之重。一個圖形運用恰當(dāng)、設(shè)計人性化的網(wǎng)頁可以讓瀏覽者對網(wǎng)站心生好感，極大地提高瀏覽者瀏覽該網(wǎng)頁的欲望。所以，網(wǎng)頁設(shè)計者要注重運用一切科學(xué)技術(shù)手段來設(shè)計圖形藝術(shù)，保證頁面效果給人以眼前一亮或是舒適的感覺，讓圖形首先在視覺上給予客戶一種沖擊，給客戶一個良好的第一印象。

篇（9）

二、思考與探索

（一）優(yōu)化教材體系

“工欲善其事，必先利其器。”完善本課程的教與學(xué)關(guān)鍵之一便是優(yōu)化教材，合適的教材在教學(xué)環(huán)節(jié)中起著舉足輕重的作用。高職高專《網(wǎng)頁設(shè)計與制作》課程以往選用的教材，對于初學(xué)者尤其是學(xué)習(xí)能力稍差的高職學(xué)生而言難度較大，以至于教學(xué)中經(jīng)常出現(xiàn)學(xué)生學(xué)習(xí)興趣降低、教師教學(xué)課時明顯不夠等問題。網(wǎng)頁設(shè)計與制作課程教材，內(nèi)容應(yīng)以教授基礎(chǔ)、基礎(chǔ)與案例相結(jié)合、案例分析等層層遞進的原則進行選擇，組織與編排方式以折衷式組織及螺旋式排列組合為優(yōu)。在選擇到合適的教材基礎(chǔ)上，教師要立足于教材，篩選教學(xué)內(nèi)容，以使教學(xué)過程中教材利用最大化。

（二）改革教學(xué)方法與手段

1.明確學(xué)習(xí)目標

分階段教學(xué)根據(jù)高職高專學(xué)生特點，明確學(xué)習(xí)目標，進行分階段教學(xué)。前期以講授課程基礎(chǔ)為主，旨在讓學(xué)生熟練掌握本課程基礎(chǔ)操作，以便中后期案例教學(xué)能夠及順利遞進難度；中后期教學(xué)需要理論聯(lián)系實際，結(jié)合啟發(fā)式、直觀式、交互式教學(xué)方法，鼓勵學(xué)生獨立思考，勤于動手，激發(fā)他們的學(xué)習(xí)積極性和主動性。

2.加強實踐

注重技能培養(yǎng)任務(wù)驅(qū)動，小組協(xié)作。開展以制作某一特定網(wǎng)站或者多類型網(wǎng)站為目標的項目教學(xué)，使得學(xué)生不僅能夠掌握《網(wǎng)頁設(shè)計與制作》課程的基本知識和基本技能，提高學(xué)習(xí)興趣，而且在小組學(xué)習(xí)的過程中，學(xué)會與他人合作，共同完成任務(wù)。同時，在專業(yè)課程教學(xué)中滲透多類型網(wǎng)站內(nèi)容相關(guān)教育內(nèi)容，使學(xué)生在不知不覺中學(xué)到更多學(xué)科知識。此外，還可定期舉辦技能大賽和知識競賽，以鞏固學(xué)生的學(xué)習(xí)效果。以職業(yè)需求為導(dǎo)向，加強實習(xí)實訓(xùn)平臺建設(shè)，強化實踐教學(xué)，教學(xué)與實訓(xùn)實現(xiàn)一地化，重視校企合作。高職教育人才培養(yǎng)模式是根據(jù)職業(yè)崗位需要來進行，立足于企業(yè)人才需求實際，在課程中開展基于工作任務(wù)的項目教學(xué)。我們應(yīng)利用校企合作共同構(gòu)建和實施基于工作任務(wù)的項目課程體系，使學(xué)生真正做到理論聯(lián)系實踐，在獲取知識的同時充分掌握專業(yè)崗位技能，以充分體現(xiàn)出高職人才培養(yǎng)的職業(yè)性和實踐性。

（三）加強“雙師型”教師

培養(yǎng)優(yōu)秀的師資是高職院校辦學(xué)的根本保證。提高高職教師“雙師”素質(zhì)是高職教育發(fā)展的需要，也是教師個人發(fā)展的需要。高職院校應(yīng)鼓勵現(xiàn)有專職教師在其專業(yè)領(lǐng)域不斷學(xué)習(xí)，及時更新自己現(xiàn)有的知識結(jié)構(gòu)，進行自我提升，并有針對性地將部分教師安排在合作企業(yè)頂崗工作，增強其實踐經(jīng)驗，提高其動手能力，使他們對行業(yè)需求變化了如指掌，以便清晰地掌握學(xué)生的培養(yǎng)方向。

篇（10）

傳統(tǒng)的網(wǎng)頁設(shè)計課程是按照教材的內(nèi)容，講解HTML語言和DreamWeaver工具的使用。學(xué)生往往不能將所學(xué)知識聯(lián)系起來。學(xué)期結(jié)束后，學(xué)生對整個網(wǎng)站的構(gòu)建缺乏清晰的概念，提交的作品質(zhì)量較差。在對學(xué)生進行期中課程質(zhì)量問卷調(diào)查中，80％的學(xué)生都認為課程所學(xué)內(nèi)容可以理解，但是當(dāng)教師要求學(xué)生動手完成網(wǎng)站時，90％的學(xué)生都不能很好完成。這正是因為在傳統(tǒng)教學(xué)中一般采用講授法和實驗法，一周2學(xué)時的理論講解，2學(xué)時的實驗課。教師按照教材章節(jié)進行教學(xué)并布置實驗內(nèi)容，這樣就造成了學(xué)生只對單一章節(jié)知識的理解，難以將所學(xué)內(nèi)容聯(lián)系在一起。

1．2教材過時，影響教學(xué)效果

網(wǎng)頁設(shè)計課程是一門應(yīng)用極強的課程，技術(shù)和工具的更新?lián)Q代較快。而與之矛盾的卻是教材的出版周期較長，往往跟不上技術(shù)發(fā)展的腳步。例如，當(dāng)前，DreamweaverCS6已經(jīng)成為主流網(wǎng)頁設(shè)計的軟件，但是一些教材還停留在講解Dreamweav－erCS3上，導(dǎo)致學(xué)生的興趣不高，不利于學(xué)生創(chuàng)造能力的培養(yǎng)，違背了教學(xué)目標的要求。同時，按照教材的內(nèi)容講解也限制了教師的教學(xué)，目前高校中使用的網(wǎng)頁設(shè)計教材分為兩種，一種是基于理論性質(zhì)的，單純講解HTML，一種是介紹Dreamweaver網(wǎng)頁開發(fā)的。前一種不適合非計算機專業(yè)學(xué)生學(xué)習(xí)，內(nèi)容比較枯燥，學(xué)生在沒有計算機程序語言的基礎(chǔ)上很難理解。一般高校對非計算機專業(yè)學(xué)生都選擇使用第二種介紹Dreamweaver的教材，而該教材則會造成學(xué)生的開發(fā)水平較低，過度依賴工具，無法解決實際問題。

1．3教學(xué)方法單一，學(xué)生學(xué)習(xí)興趣不高

對于公共課來說，學(xué)習(xí)興趣是學(xué)生是否能學(xué)好課程的重要因素。對于計算機應(yīng)用能力較差的非計算機專業(yè)學(xué)生來說，在學(xué)習(xí)網(wǎng)頁設(shè)計這門課程時，如何提高學(xué)生的興趣至關(guān)重要。傳統(tǒng)的網(wǎng)頁設(shè)計課程的教學(xué)采用2學(xué)時理論和2學(xué)時實驗課的形式進行，學(xué)生缺少動手的機會，往往使學(xué)生對課程缺乏興趣，這阻礙了學(xué)生的能動性與創(chuàng)造性的發(fā)揮。對學(xué)生進行調(diào)查問卷中，70％的學(xué)生都提出課程設(shè)置實驗時間較少，應(yīng)將課程都安排在實驗室等問題，還有一些學(xué)生認為網(wǎng)頁設(shè)計課程應(yīng)以提高學(xué)生興趣為出發(fā)點。這些都說明了學(xué)生對于增加自己實踐機會的渴望。

2基于任務(wù)驅(qū)動的教學(xué)改革

任務(wù)驅(qū)動教學(xué)法是指在學(xué)習(xí)課程中，學(xué)生在教師指導(dǎo)下，根據(jù)學(xué)習(xí)內(nèi)容完成任務(wù)的教學(xué)方法。任務(wù)驅(qū)動教學(xué)之下，學(xué)生具有較強解決問題的動機，對學(xué)習(xí)資源能夠積極主動的應(yīng)用，能夠進行自主的探索與互動協(xié)作的學(xué)習(xí)，最終圓滿完成課程指定的任務(wù)。它打破以往以傳授知識為主的傳統(tǒng)教學(xué)理念，建立以解決問題、完成任務(wù)為主的多維互動式的教學(xué)模式；并將再現(xiàn)式的教學(xué)變?yōu)樘骄渴降膶W(xué)習(xí)，學(xué)生處于一個積極的學(xué)習(xí)狀態(tài)，都能根據(jù)自己對當(dāng)前問題的理解，運用所學(xué)知識與自己特有的經(jīng)驗提出方案來解決問題。任務(wù)驅(qū)動教學(xué)法是一種建立在建構(gòu)主義教學(xué)理論基礎(chǔ)上的教學(xué)法。它要求“任務(wù)”的目標性和教學(xué)情境的創(chuàng)建。使學(xué)生帶著真實的任務(wù)在探索中學(xué)習(xí)。在這個過程中，學(xué)生還會不斷地獲得成就感，可以更大地激發(fā)他們的求知欲望，逐步形成一個感知心智活動的良性循環(huán)，從而培養(yǎng)出獨立探索、勇于開拓進取的自學(xué)能力。

2．1任務(wù)的制定

根據(jù)網(wǎng)頁設(shè)計課程的內(nèi)容與特點，首先在學(xué)期開始時給出課程的總?cè)蝿?wù)以及總的教學(xué)目標。課程的總?cè)蝿?wù)是以小組為單位，選擇教師給定的任務(wù)書中的網(wǎng)站題目，設(shè)計實現(xiàn)一個靜態(tài)網(wǎng)站。總的教學(xué)目標是掌握設(shè)計網(wǎng)站的方法。（1）第一章是初識網(wǎng)頁設(shè)計，教師會首先講解幾個靜態(tài)網(wǎng)站的實例，讓學(xué)生對所學(xué)課程有一定了解，之后講解相關(guān)的概念和設(shè)計開發(fā)工具DreamweaverCS6；學(xué)生的任務(wù)是根據(jù)小組所選擇的題目，在互聯(lián)網(wǎng)中查找資料，書寫開題報告。同時每組出一名學(xué)生向大家介紹本組的想法。（2）第二章是學(xué)習(xí)建立本地站點，教師會講解建立站點的重要性，講解相對路徑和絕對路徑，之后講解如何建立站點；學(xué)生的任務(wù)是為自己的網(wǎng)站建立站點，預(yù)估網(wǎng)站的規(guī)模，添加相應(yīng)網(wǎng)頁并改名。（3）第三章是網(wǎng)頁頭部信息，教師講解如何添加網(wǎng)頁標題、關(guān)鍵字和說明；學(xué)生的任務(wù)是為站點中所有網(wǎng)頁添加頭部信息。（4）第四章是網(wǎng)頁布局，教師講解網(wǎng)頁布局技術(shù)：表格、DIV、框架以及模板和庫；學(xué)生的任務(wù)是對網(wǎng)站進行前期布局。（5）第五章是超級鏈接，教師講解超級鏈接；學(xué)生的任務(wù)是制作導(dǎo)航欄。（6）第六章是添加多媒體，教師講解添加圖片、背景音樂、Flash、滾動欄等內(nèi)容；學(xué)生的任務(wù)是準備網(wǎng)站中需要的圖片、flash等資源，將資源添加至網(wǎng)頁。（7）第七章是表單，教師講解如何添加和設(shè)置表單；學(xué)生的任務(wù)是給網(wǎng)站添加注冊頁和用戶登錄。（8）第八章是CSS，教師講解CSS的應(yīng)用；學(xué)生對網(wǎng)站添加內(nèi)部樣式和外部樣式表。（9）第九章是網(wǎng)站，教師講解使用IIS在局域網(wǎng)中如何站點；學(xué)生的任務(wù)是相互網(wǎng)站，對其他組內(nèi)容進行訪問。課程內(nèi)容講完后，預(yù)留兩周課程時間，學(xué)生對所做的作品進行整理、美化。課程結(jié)束后，小組為單位對作品進行展示和提交。

2．2考核方法與評分標準

網(wǎng)頁設(shè)計課程總成績由平時成績和期末成績兩部分組成。其中平時成績占總成績的50％，期末成績占總成績的50％。平時成績除了到課情況外，主要依據(jù)學(xué)生在組內(nèi)的貢獻、每期任務(wù)的完成情況以及整個團隊的表現(xiàn)。與傳統(tǒng)的成績評定不同，該課程更注重學(xué)生的平時表現(xiàn)是否積極、是否有團隊合作精神。期末成績的考核包括提交的作品和學(xué)生的答辯情況，評分指標與所占分數(shù)如表3所示。提交的作品主要考察界面是否合理、美觀，是否與開題所寫的需求分析內(nèi)容一致，網(wǎng)站是否能正常的顯示以及配套的網(wǎng)站文檔是否完善等。答辯模擬項目經(jīng)理與客戶的角色進行，教師提出問題，學(xué)生進行回答，查看學(xué)生的現(xiàn)場反應(yīng)力與問題解決能力。

篇（11）

（2）網(wǎng)頁設(shè)計技術(shù)不斷地發(fā)展變化，新的技術(shù)、新的方法也不斷涌現(xiàn)。從1997年Dreamweaver首次推出，經(jīng)歷Mx、Mx2004、到Dreamweaver8，現(xiàn)在普遍使用ADODBDreamweaverCs系列，我這學(xué)期使用的dreamweavercs4。網(wǎng)頁布局也從傳統(tǒng)的表格布局轉(zhuǎn)換為Div布局。所以不論是從選擇軟件到選擇網(wǎng)頁設(shè)計的方法，都不能太落后。

（3）從目前網(wǎng)絡(luò)公司行業(yè)來看，網(wǎng)頁設(shè)計與后臺代碼分開日趨明顯，所以并不一定要求學(xué)生設(shè)計與編程并重，畢竟對于中高職學(xué)生，編程相對較難理解。設(shè)計方面可以圖文并茂，在一定程度上能夠激發(fā)學(xué)生學(xué)習(xí)的興趣。對教材的使用也必須同時考慮在內(nèi)，有部分教材案例缺乏美感，計算機專業(yè)的學(xué)生對審美本身就很缺乏。對于學(xué)習(xí)初期的學(xué)生，可以引導(dǎo)學(xué)生多欣賞比較優(yōu)秀的網(wǎng)頁。早期可以模仿，不是美術(shù)專業(yè)畢業(yè)，這方面不是一下子能夠改變過來，自己也是深有體會，只有在今后長期的鍛煉、設(shè)計中尋找。

2教學(xué)方法

2.1課前準備在教學(xué)之前首先從網(wǎng)上下載優(yōu)秀的網(wǎng)頁截圖給學(xué)生欣賞，然后制作一個非常簡單的靜態(tài)網(wǎng)頁以激發(fā)學(xué)生學(xué)習(xí)的興趣。有很多教材編輯的很全，從文字帶后臺編碼。對于各種教材，并不一定要全部講解。只需要講解實際操作性的。例如從文字到布局。

2.2教學(xué)方法教學(xué)過程是教師與學(xué)生之間信息傳遞及反饋的過程。在學(xué)習(xí)過程中，要給學(xué)生明確的思路，運用任務(wù)驅(qū)動法、模塊教學(xué)法、案例教學(xué)法和項目教學(xué)法等多種教學(xué)手段，引導(dǎo)學(xué)生主動思考，解決問題。不論是選用何種教學(xué)方法，最重要的一點是要貼合實際。以上幾種教學(xué)方法并不一定對每個章節(jié)都適用，也不一定對每門課都適用，因人而異。總之，要貼合自己的實際，以及學(xué)生的素質(zhì)、水平、層次等等。

2.2.1任務(wù)驅(qū)動法在教學(xué)過程中，以完成任務(wù)為導(dǎo)向，把教學(xué)內(nèi)容貫穿于每個任務(wù)中，在完成任務(wù)的過程中，發(fā)現(xiàn)問題、解決問題。采用任務(wù)驅(qū)動的教學(xué)方法，任務(wù)設(shè)計是關(guān)鍵。比如說在網(wǎng)頁設(shè)計教學(xué)中，文字、鏈接、圖片章節(jié)都可以用任務(wù)驅(qū)動法，網(wǎng)頁設(shè)計這門課本身就是易學(xué)易忘，所以在設(shè)計任務(wù)的時候，不斷復(fù)習(xí)之前學(xué)習(xí)的內(nèi)容，以此來加深和鞏固之前所學(xué)習(xí)的知識。任務(wù)驅(qū)動評價中教師評價相對容易些，但是學(xué)生互評，現(xiàn)在還沒有系統(tǒng)能達到這樣的功能，有待于開發(fā)。

2.2.2模塊教學(xué)法主要分為以下幾個步驟：劃分小組、確定內(nèi)容、布置任務(wù)、學(xué)生實施、評價結(jié)果。現(xiàn)在不僅是網(wǎng)絡(luò)公司還是其他企業(yè)等等，都是團隊合作，講究的是團結(jié)協(xié)作。網(wǎng)頁設(shè)計公司現(xiàn)在也是，很多網(wǎng)站界面都實行模塊化，每個人負責(zé)完成自己的任務(wù)。模塊教學(xué)法就是有目標，有任務(wù)，有內(nèi)容。目前中高職學(xué)生水平參差不齊，所以在分組的時候要特別講究。每節(jié)的重點和難點一定要講透，盡量慢，有的時候雖然講過一遍，但是很少人能夠理解體會。有時候需要在做的過程中加以輔導(dǎo)，不能放鴨式學(xué)習(xí)。模塊化教學(xué)更適合用于網(wǎng)頁設(shè)計最后的綜合實例。例如完成網(wǎng)站首頁，需要設(shè)定目標，分配每個成員的任務(wù)。但在實際運用中，相對較難完成。個人觀點，模塊化教學(xué)不適用于網(wǎng)頁設(shè)計教學(xué)。