第一篇：《網(wǎng)頁設(shè)計與制作》課程中過程考核的運(yùn)用論文

考核是評價教師教學(xué)質(zhì)量、教學(xué)效果的重要方式，是評價學(xué)生學(xué)習(xí)效果的途徑之一，科學(xué)有效的考核方式能夠客觀的檢驗學(xué)生掌握所學(xué)知識和技能的程度，能夠充分地調(diào)動學(xué)生學(xué)習(xí)的積極性。[1]

《網(wǎng)頁設(shè)計與制作》這門課程作為計算機(jī)專業(yè)的一門主干專業(yè)課程，其考核方式一直采用的是傳統(tǒng)的考核方式，該方式存在有很多不足之處，作為學(xué)生只看重結(jié)果，而不注重平時的學(xué)習(xí)，出現(xiàn)了學(xué)生學(xué)習(xí)積極性不高，教學(xué)效果差、考試作弊等很多問題。基于傳統(tǒng)考核帶來的問題，我們可以對本門課程的考核做如下改革。

一、實施過程考核的必要性。

1.高職“網(wǎng)頁設(shè)計與制作”課程的特點(diǎn)。

本課程是高職計算機(jī)專業(yè)實踐性很強(qiáng)的一門主干專業(yè)課程，它涵蓋了 HTML 語言、Dreamweaver、Fireworks、Flash 等相關(guān)內(nèi)容，從多方面全面介紹了 WEB 站點(diǎn)的開發(fā)、設(shè)計、制作及維護(hù)等相關(guān)技術(shù)。本課程與計算機(jī)基礎(chǔ)、Flash動畫、PhotoShop 圖像處理、計算機(jī)網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫等課程相互聯(lián)系。是為了培養(yǎng)學(xué)生的應(yīng)用能力而開設(shè)的一門綜合課程，因此應(yīng)強(qiáng)調(diào)平時學(xué)習(xí)積累的重要性，通過提高學(xué)生對這門課程學(xué)習(xí)的積極性，進(jìn)而提高教學(xué)質(zhì)量。

2.考核方式改革的必要性。

在《網(wǎng)頁設(shè)計與制作》這門課程的教學(xué)過程中，以前總是更注重更新教學(xué)內(nèi)容、嘗試新的教學(xué)方法等方面，而忽視了評價考核。采用的考核方式較陳舊傳統(tǒng)，平時成績占的比例較小，期末成績占的比重較大，再加上有時教師考勤不嚴(yán)，學(xué)生主動學(xué)習(xí)的熱情降低，只看重結(jié)果，通過近兩年的教學(xué)效果來看，這種考核方式不利于課程教學(xué)目標(biāo)中注重對高職學(xué)生的實踐能力的培養(yǎng)，更不利于學(xué)生綜合素質(zhì)與能力的培養(yǎng)，為了更好地達(dá)到這門課程的教學(xué)目標(biāo)，加強(qiáng)學(xué)生對實踐操作技能的重視，培養(yǎng)出符合現(xiàn)代社會需求的高素質(zhì)技能型人才。要根據(jù)課程培養(yǎng)目標(biāo)及學(xué)生的實際學(xué)習(xí)情況，嘗試著對這門課程的考核評價方式進(jìn)行改革，新的考核評價方式要更有利于對學(xué)生綜合實踐技能的培養(yǎng)。

3.高職院校學(xué)生的學(xué)習(xí)特點(diǎn)。

隨著高等學(xué)校的逐年擴(kuò)招及自主招生的出現(xiàn)，高職學(xué)生的整體素質(zhì)呈下滑趨勢，經(jīng)常出現(xiàn)上課遲到、無故曠課、曠考、考試作弊等現(xiàn)象，學(xué)生認(rèn)為只要通過期末考試就行，平時表現(xiàn)不重要，對學(xué)生沒有一定的約束力，學(xué)生學(xué)習(xí)沒有壓力，缺乏學(xué)習(xí)的熱情，學(xué)習(xí)積極性不高，鑒于這樣的學(xué)生現(xiàn)狀，采取過程性考核可以加大學(xué)生的壓力，提高出勤率，從而提高學(xué)生的學(xué)習(xí)主動性、積極性，進(jìn)而提高教學(xué)質(zhì)量。

二、過程考核方案的設(shè)計。

1.設(shè)計思路。

本課程以任務(wù)引導(dǎo)學(xué)習(xí)，通過項目任務(wù)指導(dǎo)實踐，采用項目導(dǎo)向的模塊化教學(xué)，通過對項目任務(wù)進(jìn)行分析，選擇 5 個比較典型的項目作為本課程的教學(xué)情境。按照課程的特點(diǎn)，對該課程考核評價方式進(jìn)行改革，建立一個科學(xué)合理的有利于學(xué)生個性發(fā)揮和實踐能力培養(yǎng)的考核評價方式。每一個項目模塊設(shè)計一個相對應(yīng)的考核任務(wù)，項目開始，向?qū)W生說明項目設(shè)計的任務(wù)。在項目任務(wù)實施的過程中，對學(xué)生的制作和完成情況進(jìn)行考核。在考核評價的整個過程中，發(fā)揮過程考核的作用，使學(xué)生由淺入深、由點(diǎn)及面的全面掌握網(wǎng)頁設(shè)計與制作的職業(yè)技能。

2.過程考核內(nèi)容及成績比例設(shè)計。

對《網(wǎng)頁設(shè)計與制作》這門課程的考核采用過程考核與期末考核相結(jié)合的方式。過程性考核：主要包括出勤、課堂表現(xiàn)和各個項目完成情況，過程性考核占 60%,其中平時出勤和課堂表現(xiàn)占30%,各個項目完成情況占 30%.根據(jù)教學(xué)內(nèi)容本課程設(shè)計為五個項目任務(wù)：站點(diǎn)創(chuàng)建、基本網(wǎng)頁制作、網(wǎng)頁圖像制作、網(wǎng)頁動畫制作及網(wǎng)頁整體設(shè)計。依據(jù)每個項目的核心內(nèi)容設(shè)計相應(yīng)的考核作品，根據(jù)作品完成情況給出評價。將課程考核重點(diǎn)由結(jié)果考核轉(zhuǎn)向過程考核，突出了過程考核，強(qiáng)調(diào)了學(xué)習(xí)過程，評定出較為合理的課程成績，期末考核重點(diǎn)考核學(xué)生的綜合水平，綜合網(wǎng)站的制作能力，利用所學(xué)知識分析問題及解決問題的能力，設(shè)計多個網(wǎng)站主題，要求學(xué)生搜索使用與網(wǎng)站主題相符合的相關(guān)素材，利用網(wǎng)頁設(shè)計的相關(guān)制作軟件如 Dreamweaver、Photoshop、Flash等，完成所選主題網(wǎng)站的設(shè)計與制作。網(wǎng)站設(shè)計考核占 40%.評價學(xué)生網(wǎng)站設(shè)計，要更注重對學(xué)生操作過程中分析問題、解決問題能力方面的考核，更注重對學(xué)生創(chuàng)新設(shè)計能力的培養(yǎng)及考核，對在設(shè)計上有創(chuàng)意的學(xué)生予以特別加分鼓勵。

3.設(shè)計評價標(biāo)準(zhǔn)。

對學(xué)生設(shè)計的作品進(jìn)行評價要有一個評價標(biāo)準(zhǔn)，學(xué)生在進(jìn)行主題網(wǎng)站設(shè)計制作前就應(yīng)該清楚知道評價標(biāo)準(zhǔn)，這樣在進(jìn)行網(wǎng)站設(shè)計時就會有章可循，評價學(xué)生作品首先要看學(xué)生的學(xué)習(xí)態(tài)度，然后再看主題網(wǎng)站的站點(diǎn)結(jié)構(gòu)，頁面布局、色彩搭配及各種網(wǎng)頁元素的合理分布，頁面鏈接是否正確，相關(guān)技術(shù)的應(yīng)用及網(wǎng)站的整體效果等方面。

網(wǎng)站主題評價標(biāo)準(zhǔn)可以從以下幾個方面進(jìn)行參考（見表 1）：

在作品完成之后，教師可以對學(xué)生作品采取互評的方式，教師通過教學(xué)平臺把學(xué)生的作品進(jìn)行展示，讓學(xué)生欣賞并參與評價，提出作品的優(yōu)點(diǎn)和缺點(diǎn)，這種評價方式既能讓學(xué)生設(shè)計的作品進(jìn)行相互比較，互相學(xué)習(xí)，又能讓學(xué)生通過欣賞一些優(yōu)秀作品，學(xué)習(xí)一些新知識不斷地提高自己，增強(qiáng)自己的創(chuàng)新意識。

三、過程考核方案的實施效果。

“過程考核”在平時教學(xué)中實施以來，盡管遇到了一些阻力，如對于部分學(xué)生來說，交作業(yè)比較被動等，但經(jīng)過一段時間的實施，從學(xué)習(xí)效果來看，明顯提高了學(xué)生學(xué)習(xí)的主動意識，增強(qiáng)了學(xué)生學(xué)習(xí)該門課程的興趣，通過對阜陽職業(yè)技術(shù)學(xué)院 2012 級計算機(jī)網(wǎng)絡(luò)班學(xué)生、2013 級計算機(jī)應(yīng)用班學(xué)生進(jìn)行學(xué)生學(xué)習(xí)主動意識調(diào)查。結(jié)果顯示，2012 級學(xué)生實施的是傳統(tǒng)考核，學(xué)生學(xué)習(xí)積極性不高，學(xué)生愿意主動學(xué)習(xí)的有 60%,而 2013級學(xué)生實施了過程考核后，學(xué)生學(xué)習(xí)的積極性有了很大的提高，愿意主動學(xué)習(xí)的有 89%,調(diào)查結(jié)果表明，該考核方式能有效激發(fā)學(xué)生的學(xué)習(xí)興趣，有利于教學(xué)效果的提高。其實施效果主要體現(xiàn)在以下幾點(diǎn)：

1.過程考核能夠有力的激發(fā)學(xué)生的主動意識，給學(xué)生創(chuàng)造更多的展示自我的機(jī)會，增強(qiáng)學(xué)生學(xué)習(xí)信心，提高學(xué)生自學(xué)能力。

2.增強(qiáng)師生之間的互動，活躍課堂，改善師生之間的關(guān)系，進(jìn)而幫助提高教學(xué)質(zhì)量。

3.給教師的“教”與學(xué)生的“學(xué)”提供參考。學(xué)生通過教師的作品展示，可以發(fā)現(xiàn)自己在學(xué)習(xí)中存在的不足；教師可以總結(jié)學(xué)生在知識運(yùn)用、軟件運(yùn)用、語言表達(dá)、綜合素質(zhì)方面的情況，通過信息反饋，教師可以為今后改進(jìn)教學(xué)方法、教學(xué)內(nèi)容及考核評價積累經(jīng)驗。

4.提高了教學(xué)效果。學(xué)生在過程考核中，實操參與率和完成率都達(dá)到了 90%以上。通過大量的上機(jī)實踐，加強(qiáng)了學(xué)生的實際動手能力及對知識的理解，真正實現(xiàn)了“教、學(xué)、做”于一體的教學(xué)模式，達(dá)到了預(yù)期的教學(xué)效果。

過程考核加強(qiáng)了對學(xué)生平時學(xué)習(xí)態(tài)度、學(xué)習(xí)效果的考核，打破了傳統(tǒng)的課程考核模式，是科學(xué)公正地評定學(xué)生的學(xué)習(xí)效果、促進(jìn)學(xué)生自主性學(xué)習(xí)、提高學(xué)生綜合素質(zhì)的重要途徑，是改變學(xué)生學(xué)習(xí)“平時懶惰，考試前臨時抱佛腳”的不良學(xué)習(xí)習(xí)慣的重要方式。這種方式有利于教學(xué)水平的提高，能充分挖掘出學(xué)生的創(chuàng)新能力和自我學(xué)習(xí)能力，促進(jìn)了課程的內(nèi)涵式建設(shè)，值得大力推廣和應(yīng)用。

參考文獻(xiàn)：

[1] 石曉梅。淺談過程性考核在課程教學(xué)中的應(yīng)用[J].科技創(chuàng)新導(dǎo)報，2013（1）：154-155.[2] 周淑萍。過程性考試在中職計算機(jī)教學(xué)中的應(yīng)用[J].教育研究，2010（7）：146.[3] 王書立，張立軍。淺談過程性考核在高職“企業(yè)會計實務(wù)”課程教學(xué)中的應(yīng)用[J].深圳信息職業(yè)技術(shù)學(xué)院學(xué)報，2007（9）：60-63.[4] 姜玉潔，張楠，戴毅君等。網(wǎng)頁制作教程[M].機(jī)械工業(yè)出版社，2007:2.

第二篇：網(wǎng)頁設(shè)計與制作課程學(xué)習(xí)論文

《網(wǎng)頁設(shè)計與制作》課程學(xué)習(xí)論文

作為一個二十一世紀(jì)的大學(xué)生，學(xué)習(xí)如何設(shè)計與制作網(wǎng)頁變?yōu)橐粋€必不可少的過程。經(jīng)過這幾個星期的學(xué)習(xí)，我開始對網(wǎng)頁設(shè)計與制作有了初步的認(rèn)識，并且學(xué)習(xí)了一些網(wǎng)頁設(shè)計與制作的基礎(chǔ)。隨著時代的發(fā)展，網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一門技術(shù)。網(wǎng)站設(shè)計日有必要的益被重視，學(xué)習(xí)網(wǎng)頁設(shè)計與制作這門學(xué)科是非常。

作為網(wǎng)頁設(shè)計的初學(xué)者，我對網(wǎng)頁設(shè)計非常感興趣，一心想設(shè)計出一個美觀、實用、內(nèi)容豐富的個人網(wǎng)頁。我通過自己動手、動腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，也增強(qiáng)了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設(shè)計過程中，從構(gòu)思到設(shè)計、完善、維護(hù)，整個過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計的知識。

互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。

網(wǎng)頁設(shè)計與制作包含視聽元素于版式設(shè)計兩項內(nèi)容，以主題鮮明、形式與內(nèi)容統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計原則，具有互交性與持續(xù)性、綜合性、版式的不可以控性、藝術(shù)與技術(shù)的結(jié)合的緊密型等特點(diǎn)。美和功能都是為了表達(dá)網(wǎng)站的主題。我認(rèn)為在一個網(wǎng)站中，最重要的頁面當(dāng)屬主頁，所以在此以主頁為例，說明在網(wǎng)頁制作中版面設(shè)計的問題。從版面設(shè)計來講,一個有特色的主頁,必須包含有四個要素：文字，圖片，排列方式和主色調(diào)，這四者相輔相成，缺一不可。圖片要素

要設(shè)計出漂亮的主頁，首先要成為計算機(jī)圖形高手，僅這一點(diǎn)就可以讓初學(xué)者花上一年半載的時間。排列方法要素，主頁的第二個要素是排列方法，即網(wǎng)頁布局。色彩在網(wǎng)頁所占比重很大。有了合理清新的色調(diào)，會彌補(bǔ)主頁上的其它不足。頁面的色彩搭配是與網(wǎng)站的主題分不開的，一個網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。一般來說，頁面的主體文字應(yīng)盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網(wǎng)站使用藍(lán)色為主題色，再用紅色和黑色作為配色，就能表達(dá)出嚴(yán)肅、穩(wěn)重的效果。網(wǎng)頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾，不能簡單地將其羅列在一個頁面上，否則會搞得雜亂無章。關(guān)于具體的網(wǎng)頁布局，常見的有“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關(guān)于它們，在網(wǎng)頁設(shè)計的相關(guān)書籍中或者在網(wǎng)絡(luò)上都可以看到詳細(xì)的敘述

網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設(shè)計上有許多共同之處，也要遵循一些設(shè)計的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會功能的不同，網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。一般的來說，絕大多數(shù)普通受眾圖形，插件，applets和其它有關(guān)的高級Web瀏覽器特性。對我們來說，頁面的實用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點(diǎn)，這是一條最佳的捷徑。就站點(diǎn)設(shè)計而言，的確能夠通過成功的圖形設(shè)計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網(wǎng)絡(luò)的速度已經(jīng)關(guān)閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經(jīng)常被用來作為導(dǎo)航按鈕。使用可以把一個瀏覽器分成幾個不同的窗口，對于站點(diǎn)的結(jié)構(gòu)的把握是一個不錯的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設(shè)計一個幀的時候，你該仔細(xì)的考慮考慮你是否的確真的需要。經(jīng)常，你這樣的需求可以通過表格來組織站點(diǎn)的結(jié)構(gòu)。網(wǎng)頁設(shè)計涉及到對多種軟件、多種知識的學(xué)習(xí)和應(yīng)用，以及個人的審美觀等等。所以要想制作出漂亮的網(wǎng)頁，需要一個逐步學(xué)習(xí)和經(jīng)驗積累的過程。

隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，建立個人網(wǎng)站，不但可以很好的展示自己，而且可以提高自己在計算機(jī)應(yīng)用方面的能力。個人在設(shè)計時考慮的多為個人的興趣喜好，而不注重商業(yè)的展示。內(nèi)容以反映個人為中心，從而使個人網(wǎng)站真正的成為展示自己的網(wǎng)絡(luò)名片。一張完美的主頁設(shè)計需要積累豐富的知識以及掌握大量的技巧。

由于平時課程比較繁忙，學(xué)習(xí)時間比較少，對于網(wǎng)頁設(shè)計軟件的強(qiáng)大功能運(yùn)用得還不夠。不知不覺網(wǎng)頁設(shè)計的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒有想到的。在整個的學(xué)習(xí)過程中，我學(xué)習(xí)了Flash、Fireworks、Html語言、IIS、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。在網(wǎng)頁設(shè)計過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設(shè)計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計水平，想有個理想的網(wǎng)頁，必須學(xué)會代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認(rèn)識，以后再加強(qiáng)學(xué)習(xí)也才會有所提高。

總體來說，通過今次的對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對網(wǎng)頁設(shè)計的熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。網(wǎng)頁設(shè)計還有更多的技巧，有待于我們?nèi)ネ诰蚝脱芯俊?/p>

第三篇：網(wǎng)頁設(shè)計與制作課程教學(xué)大綱

網(wǎng)頁設(shè)計與制作課程教學(xué)大綱

1.課程設(shè)計的指導(dǎo)思想

（一）課程性質(zhì)

1．課程類別：專業(yè)選修課 2．適應(yīng)專業(yè)：軟件工程 3．開設(shè)學(xué)期：第二學(xué)期

4．學(xué)時安排：周學(xué)時2＋2，總學(xué)時72 5．學(xué)分分配：

（二）開設(shè)目的

本課程是計算機(jī)類專業(yè)的專業(yè)選修課,它是一門操作性和實踐性很強(qiáng)的課程。本課程開設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁制作打下基礎(chǔ)。通過本課程的學(xué)習(xí)，讓學(xué)生了解一定的網(wǎng)絡(luò)應(yīng)用基礎(chǔ)知識；能夠熟練掌握網(wǎng)頁制作工具——網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash的使用，能自行設(shè)計各種網(wǎng)頁、編輯一定的平面圖像、網(wǎng)絡(luò)動畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能，能獨(dú)立設(shè)計 WEB 站點(diǎn)。

（三）基本要求

1、知識要求：

（1）網(wǎng)頁設(shè)計基礎(chǔ)知識（2）DREAMWEAVER 的使用（3）FIREWORKS 圖像處理（4）FLASH 的使用（5）網(wǎng)站制作實例

2、能力要求：

（1）學(xué)會熟練運(yùn)用 Dreamweaver、Flash 和 Fireworks 應(yīng)用軟件；（2）熟練掌握使用絕對和相對 URL，創(chuàng)建超鏈接，圖像鏈接；（3）熟練掌握設(shè)置顏色、文本格式和列表；（4）掌握在網(wǎng)頁中添加 CSS 的方法

（5）掌握在網(wǎng)頁中嵌入圖像、聲音、多媒體信息的方法；（6）熟練掌握表格的使用方法，學(xué)會利用表格布局網(wǎng)頁；（7）掌握框架制作網(wǎng)頁的方法，會使用框架設(shè)計網(wǎng)頁；（8）掌握用 Fireworks 處理矢量圖和位圖。（9）掌握用 Flash 制作網(wǎng)頁動畫。

3、素質(zhì)要求：

（1）具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實、創(chuàng)新的工作作風(fēng)；（2）具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)（3）具有高度責(zé)任心和良好的團(tuán)隊合作精神

（4）具有一定的科學(xué)思維方式和判斷分析問題的能力（5）具有較強(qiáng)的網(wǎng)頁設(shè)計創(chuàng)意思維、藝術(shù)設(shè)計素質(zhì)。

（四）主要內(nèi)容 計算機(jī)網(wǎng)站基礎(chǔ)知識、網(wǎng)頁三劍客DREAMWEAVER 的使用、FIREWORKS 圖像處理、FLASH 的使用。

（五）先修課程 計算機(jī)基礎(chǔ)

（六）后繼課程 Web 程序設(shè)計

（七）考核方式 上機(jī)考試

（八）使用教材

（九）參考書目

1、《網(wǎng)頁設(shè)計與制作技術(shù)教程》 作者：王傳華、段青玲、馬欽? 清華大學(xué)出版社?第二版.2、網(wǎng)頁和網(wǎng)站制作基礎(chǔ)操作與實例教程.陜西科學(xué)技術(shù)出版社

3、Dreamweaver8PhotoshopCS2Flash8網(wǎng)頁制作教材.陳笑；李景池.清華大學(xué)出版社

4、《使用網(wǎng)站技術(shù)基礎(chǔ)》作者：德力、盧明波、王化宇.內(nèi)蒙古教育出版社 教學(xué)內(nèi)容

第一部分 網(wǎng)頁設(shè)計與制作基礎(chǔ)知識 教學(xué)目的

使學(xué)生了解什么是網(wǎng)頁，網(wǎng)站，網(wǎng)頁元素等概念 主要內(nèi)容 什么是網(wǎng)頁，網(wǎng)站;2 Html語言基礎(chǔ)； 構(gòu)建網(wǎng)站的一般過程； 教學(xué)要求

了解：網(wǎng)站設(shè)計與制作的前期準(zhǔn)備 掌握： 繪制網(wǎng)站首頁效果圖 第二部分 網(wǎng)頁制作軟件Dreamweaver 教學(xué)目的

使學(xué)生了解網(wǎng)站設(shè)計概念；掌握軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁制作的高級技術(shù)。主要內(nèi)容

1、網(wǎng)站設(shè)計概念，要求達(dá)到“了解掌握”程度 網(wǎng)站的主題定位

網(wǎng)站的風(fēng)格和創(chuàng)意設(shè)計 準(zhǔn)備材料和結(jié)構(gòu)規(guī)劃 頁面布局

定義站點(diǎn)、申請域名、空間 認(rèn)識HTML語言

2、初識軟件界面及站點(diǎn)建立，要求達(dá)到“了解掌握”程度 Dreamweaver軟件界面 對象控制面板的使用 建立本地站點(diǎn) 建立遠(yuǎn)程站點(diǎn) 站點(diǎn)的更新和管理

3、Dreamweaver的基本功能，要求達(dá)到“掌握”程度，添加文本 插入圖片 插入表格

超級鏈接和導(dǎo)航條的創(chuàng)建 插入多媒體

4、表單和CSS樣式表的應(yīng)用，要求達(dá)到“了解掌握”程度 插入表單

插入表單對象

創(chuàng)建并鏈接到外部CSS樣式

5、網(wǎng)頁制作高級技術(shù)，要求達(dá)到“了解掌握”程度 創(chuàng)建層 設(shè)置層

層與表格的相互轉(zhuǎn)換 創(chuàng)建框架 行為操作 創(chuàng)建模板 模板的應(yīng)用 教學(xué)要求

了解：網(wǎng)站設(shè)計概念

掌握：軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁制作的高級技術(shù)。

第三部分 圖形制作與處理軟件Firewoks 教學(xué)目的

使學(xué)生了解Fireworks軟件界面；掌握圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。主要內(nèi)容

1、Fireworks簡介，要求達(dá)到“了解掌握”程度 Fireworks概述

Fireworks的系統(tǒng)需求 Fireworks的新增功能 Fireworks窗口界面 創(chuàng)建新文檔

導(dǎo)入和導(dǎo)出文檔

2、圖像的繪制和編輯，要求達(dá)到“掌握”程度 繪制圖像 編輯圖像

3、文本與顏色，要求達(dá)到“掌握”程度 文本的使用 顏色的使用 設(shè)置畫布

4、層與元件，要求達(dá)到“掌握”程度 層的使用 元件的使用

5、濾鏡和特效，要求達(dá)到“了解掌握”程度 使用濾鏡 使用特效

6、按鈕和動畫，要求達(dá)到“了解掌握”程度 按鈕 動畫

教學(xué)要求

了解：Fireworks軟件界面

掌握：圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。第四部分 動畫制作與編輯軟件Flash 教學(xué)目的

使學(xué)生了解Flash基本工作環(huán)境；掌握Flash繪圖工具的使用方法，F(xiàn)lash動畫基礎(chǔ)及FIash影片制作和發(fā)布。主要內(nèi)容

1、初識Flash，要求達(dá)到“了解”程度 Flash基本工作環(huán)境 認(rèn)識舞臺與時間軸.認(rèn)識不同作用的面板

2、Flash繪圖工具，要求達(dá)到“掌握”程度 矢量圖與位圖 線型與顏色

線條的繪制與修改 填充圖形的繪制，選取工具 文本

變換工具 其他工具

3、Flash動畫基礎(chǔ)，要求達(dá)到“掌握”程度 層 幀 元件

Flash的基本操作

4、FIash影片制作和發(fā)布，要求達(dá)到“掌握”程度 動畫基礎(chǔ) 逐幀動畫 形狀漸變 動作漸變 蒙板

運(yùn)動導(dǎo)線 按鈕

軌跡追蹤 導(dǎo)入聲音 加入視頻 測試發(fā)布 教學(xué)要求

了解：Flash基本工作環(huán)境

掌握：Flash繪圖工具的使用方法，F(xiàn)lash動畫基礎(chǔ)及FIash影片制作和發(fā)布。第五章 綜合實例 教學(xué)目的

使學(xué)生能夠熟練掌握網(wǎng)頁制作工具Dreamvwaver、Fireworks、Flash的使用，能自行設(shè)計各種網(wǎng)頁、編輯一定的平面圖象、網(wǎng)絡(luò)動畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能，能獨(dú)立設(shè)計 WEB 站點(diǎn)。主要內(nèi)容

綜合實例，要求達(dá)到“掌握”程度 網(wǎng)頁設(shè)計準(zhǔn)備工作

用Fireworks設(shè)計網(wǎng)頁結(jié)構(gòu) 用Dreamweaver生成網(wǎng)頁 用Flash制作網(wǎng)頁動畫 整理網(wǎng)頁

完成小型WEB站點(diǎn)網(wǎng)頁的規(guī)劃、設(shè)計、管理與維護(hù) 教學(xué)要求

掌握：Web網(wǎng)站建設(shè)的基本方法，掌握網(wǎng)頁制作工具的使用方法和技巧，培養(yǎng)學(xué)生設(shè)計網(wǎng)站的能力。課時分配及其它

（一）課時分配

課程總教學(xué)時數(shù)為90學(xué)時，安排在第二學(xué)期，每周3＋2學(xué)時，上課18周。具體分配如下

教學(xué)內(nèi)容 講授學(xué)時數(shù)

章次

第一部分 網(wǎng)頁設(shè)計與制作基礎(chǔ)知識 4 第二部分 網(wǎng)頁制作軟件Dreamweaver 12 第三部分 圖形制作與處理軟件Firewoks 8 第四部分 動畫制作與編輯軟件Flash 8 第五部分 綜合實例 4 合計

實驗學(xué)時數(shù) 10 8 2 36

（二）考核要求

平時成績（含考勤、作業(yè)與實驗）占50%，期末（上機(jī)考試）成績占50%。

第四篇：網(wǎng)頁設(shè)計與制作實驗過程及報告

網(wǎng)頁制作過程及報告

網(wǎng)頁設(shè)計與制作的一般實驗步驟：

1、確定網(wǎng)站主題

網(wǎng)站里的每一個網(wǎng)頁都要有統(tǒng)一的風(fēng)格，以加強(qiáng)渲染自己性格的效果。最重要的是做出自己的風(fēng)格，吸引瀏覽者的眼球。

2、搜集材料

主要在網(wǎng)站上搜集所要的網(wǎng)頁信息，包括圖片、文字、相關(guān)的新聞，同時，查詢相關(guān)的圖書、報紙、光盤、多媒體等，也可以得來更加有說服力的信息。

3、規(guī)劃網(wǎng)站

我的網(wǎng)站包括5個頁面。版面設(shè)計要靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計。但是每個頁面的主元素和位置不能變。用CSS設(shè)計一個樣式，以保證隨時、準(zhǔn)確的調(diào)用。另外，為了網(wǎng)頁布局的協(xié)調(diào)，還可以加入flash動態(tài)圖片，會達(dá)到更好的效果。

4、選擇合適的制作工具

做網(wǎng)頁的首先工具當(dāng)然為Dreamweaver。

5、認(rèn)識網(wǎng)頁設(shè)計工具Dreamweaver

（1）Dreamweaver的啟動

（2）窗口組成的認(rèn)識

6、新建站點(diǎn)

7、站點(diǎn)中首頁的創(chuàng)建

8、制作網(wǎng)頁

素材、風(fēng)格、模板都設(shè)計好以后，下一步就是具體的制作網(wǎng)頁。制作網(wǎng)站時，首先要做的就是站點(diǎn)的規(guī)劃，建立一個本地站點(diǎn)。網(wǎng)頁中的css 樣式文件也應(yīng)統(tǒng)一管理，做到有條不紊。

9、根據(jù)自己的網(wǎng)頁風(fēng)格，在網(wǎng)上搜集合適的圖片。

最后還要制作各個頁面的鏈接，把整個網(wǎng)頁可憐起來，形成一個統(tǒng)一的整體，方便瀏覽者進(jìn)行各個頁面間的跳轉(zhuǎn)。

10、上傳測試

網(wǎng)頁制作完畢以后，要進(jìn)行測試，在瀏覽器上運(yùn)行自己的網(wǎng)站，反復(fù)測試，以發(fā)現(xiàn)設(shè)計中的缺陷。

實驗結(jié)果及理論分析：

通過這簡短的三個周的學(xué)習(xí)，讓我有一個獨(dú)立設(shè)計，制作網(wǎng)頁的機(jī)會，通過這次試驗，我的收益頗多。首先，獨(dú)立的實踐了一個完整的網(wǎng)站設(shè)計的全過程，把設(shè)計中零散的注意點(diǎn)和要求在自己大腦中形成了一個完整的框架體系，使平時學(xué)到的知識點(diǎn)有了一個質(zhì)的升華，并且合理的在試驗中進(jìn)行了實踐。第二，在這次實驗的過程中，我搜集了大量的素材和網(wǎng)頁設(shè)計的技術(shù)技巧方面的書，擴(kuò)大了知識面，給我在以后的設(shè)計過程中能博采眾長，制作出技術(shù)精湛的網(wǎng)頁打下了基礎(chǔ)。最后，我感受最深的是，技術(shù)方面的學(xué)習(xí)，最重要的是自己實踐做出東西，只通過自己的親身實踐，才能學(xué)會、學(xué)懂、學(xué)通技術(shù)。

朱禮明

信息管理與信息系統(tǒng)1301班

2014.07.23

第五篇：網(wǎng)頁設(shè)計與制作課程作業(yè)任務(wù)書

廣新09級《網(wǎng)頁設(shè)計與制作》課程作業(yè)任務(wù)書

一、目的與任務(wù)

《網(wǎng)頁設(shè)計與制作》課程作業(yè)是《網(wǎng)頁設(shè)計與制作》課程教學(xué)中的一個重要的環(huán)節(jié)，是對學(xué)生進(jìn)行的一次較為全面的網(wǎng)頁設(shè)計與制作的訓(xùn)練和考核。其基本目的是：

（1）培養(yǎng)學(xué)生理論聯(lián)系實際的設(shè)計思想，訓(xùn)練綜合運(yùn)用所學(xué)的基礎(chǔ)理論知識，結(jié)合生產(chǎn)實際分析和解決網(wǎng)頁設(shè)計與制作中問題的能力，從而使基礎(chǔ)理論知識得到鞏固和加深。

（2）學(xué)習(xí)掌握網(wǎng)站的一般設(shè)計過程和方法。

（3）對學(xué)生所學(xué)知識的程度進(jìn)行考核。

二、教學(xué)基本要求

（1）確定設(shè)計網(wǎng)站的主題和風(fēng)格。

（2）合理設(shè)計網(wǎng)站結(jié)構(gòu)圖。

（3）根據(jù)網(wǎng)站結(jié)構(gòu)圖，對各個頁面進(jìn)行布局和樣式設(shè)計。

（4）完成課程作業(yè)報告。

三、課程作業(yè)題目具體要求

1、網(wǎng)站有一個主題，比如：個人網(wǎng)站、購物網(wǎng)站等；

2、每個網(wǎng)站至少包含5個以上的html文件；（網(wǎng)站的首頁統(tǒng)一名稱為:index.html）

3、最后提交兩個內(nèi)容：

1)打印紙質(zhì)報告（具體要求見報告模板）；

2)網(wǎng)站源文件。

做完后找老師驗收通過后發(fā)到365109338@qq.com。郵件主題上一定要寫明：學(xué)號+班級+姓名+網(wǎng)頁設(shè)計與制作