時間：2023-03-22 17:46:34
序論：速發(fā)表網(wǎng)結(jié)合其深厚的文秘經(jīng)驗，特別為您篩選了11篇網(wǎng)頁制作論文范文。如果您需要更多原創(chuàng)資料，歡迎隨時與我們的客服老師聯(lián)系，希望您能從中汲取靈感和知識！
現(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有AdobePagemill3.0--制作多框架，表單和Imagemap圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其到指定的站點上，而且在之后還能對更新情況進行監(jiān)控以更新站點的內(nèi)容。
工具準備好了，可根據(jù)你的個人喜好來選擇一些素材，如圖片、喜歡的文章等。現(xiàn)在就讓我們從第一步的建立站點來踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點是很容易的。首先，我們來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網(wǎng)頁的站點”圖標，單擊“確定”按鈕。這就建立好站點了，我們現(xiàn)在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網(wǎng)頁的站點時，F(xiàn)RONTPAGE就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外，還有文件夾。新建站點時，F(xiàn)RONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片?！皃rivate”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。
盡管每一個站點都要有一個主頁，不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創(chuàng)建一個空站點?！靶陆ㄕ军c”對話框中還有許多其他圖標，這是FRONTPAGE提供的用來創(chuàng)建站點模板或向?qū)?。我們?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點，都是從頭開始來創(chuàng)建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。
同樣的，盡管站點的風格千差萬別但是有許多站點的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復(fù)勞動，這時，我們就可以使用模板或向?qū)斫⒄军c。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標，用它可以迅速創(chuàng)建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個人站點。個人站點模板已經(jīng)為我們規(guī)劃好了站點的目錄和建立了相關(guān)的頁面?，F(xiàn)在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標，
看，這就是我們的個人站點的主頁。哎，好象有許多文字都不對，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標題的地方，我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風景圖片換成自己的照片，只要在新建站點的基礎(chǔ)上進一步修改就可以做出自己的個人站點了。這不僅節(jié)省了許多力氣，同時也給了初學者一個良好的出發(fā)點。
那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時，一步步的用對話框提示我們完成安裝過程的程序就是一個向?qū)АＴ贔RONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，
你看，F(xiàn)RONTPAGE提供了兩個向?qū)В汗菊故鞠驅(qū)А⒂懻撜军c向?qū)?，使用起來都很方便，你有興趣也可以利用向?qū)Ы⒁粋€站點。
創(chuàng)建頁面最簡單的方法就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。默認狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。然后點確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點綴，在網(wǎng)頁中插入適當?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。
如果有一個圖形，怎么把它放到網(wǎng)頁上呢？
首先要看你的圖形是什么格式的，也就是它擴展名是什么只有擴展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅應(yīng)用廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時FRONTPAGE會提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動進行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。
在默認情況下，F(xiàn)RONTPAGE認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的。可以說,站點就是一個目錄。我們把編輯的許多網(wǎng)頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個目錄下。當然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。
如果要插入的圖片不在主目錄下,在“選擇文件”對話框中進行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了?，F(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個對話框,因為我們剛才插入的文件不在站點內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點內(nèi)，可是使用什么名字，放在站點的哪個目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時對圖形的格式進行轉(zhuǎn)換。單擊“位置”按鈕，在默認情況下，圖形被保存在站點的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕?；氐健扒度胧轿募贝翱冢賳螕簟按_定”。這樣，圖形就保存在站點內(nèi)了
我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點內(nèi)。
您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點目錄下。
一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對齊方式很重要。在默認情況下，圖形自動與文本的底部對齊。這一個網(wǎng)頁，由于默認的對齊效果，頁面出現(xiàn)了大量的空白。這時就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標右鍵，選擇“圖片屬性”，選擇“外觀”選項卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。
如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個文本框，輸入：“計算機軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。
如果我要修改單擊一下要修改的文字，這時文字作為一個整體被選中了，再點一下文字，這時文本框里有光標閃爍，你可以編輯文本了，重新輸入：“計算機硬件”，在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢？一個簡單的方法就是使用“格式”工具欄。
字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計算機沒有設(shè)置的字體？瀏覽器會用系統(tǒng)默認的字體代替你設(shè)置的字體。不過，使用常用字體是一個好習慣。
字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標的作用是：
按下B按鈕，被選中的文字就會變?yōu)榇煮w
按下I按鈕，被選中的文字就會變?yōu)樾斌w
按下u按鈕，被選中的文字就會帶下畫線
字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當?shù)念伾?，字的顏色就改變了?/p>
還可以對字體進行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。
“字符間距”選項卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充，這時預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一個底線，定位就是指文字相對于底線的距離。也就是把文字上下移動，現(xiàn)在選擇“上移”，文字就向上移動了。預(yù)覽框中的黑線就是行的底線。
設(shè)計好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項卡，在這個預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNETEXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNETEXPLORER5.0為例）單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？
在網(wǎng)頁里，我們把這種點擊后會進行頁面切換的網(wǎng)頁界面元素叫超鏈接。
先來看一下用文字來建立鏈接。
首先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當我們把鼠標指向“主頁”兩字時鼠標變成手形，單擊它，我們就切換到主頁了。
那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網(wǎng)頁的，當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀，因此不能進行頁面切換。不過如果按住CTRL鍵，鼠標就變成了小手狀。這時單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認是普通模式，在要改變的超鏈接下單擊鼠標右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的內(nèi)容就可以了。還有一種超鏈接，可以鏈接電子郵件。這樣可以使你的網(wǎng)上朋友通過Email及時與你聯(lián)系，這是一個網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。我們試一下，切換到預(yù)覽模式，單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它到Web服務(wù)器上。站點前還要對它進行檢查工作，包括超鏈接，頁面等。
【參考文獻】
項目教學法簡介
項目教學法的前提是“項目”，是一個人人參與的集學習、創(chuàng)作于一體的過程。
項目教學法就是在教學中，組織學生真實地參加項目設(shè)計、實施和管理的全過程，在項目實施過程中完成教學任務(wù)。項目教學法的開始階段，主要采用獨立作業(yè)的方式。項目教學法更多采用小組工作的方式，共同制定計劃、共同或分工完成整個項目。一般而言，項目教學法的實施過程可以分五個階段：
確定項目任務(wù)通常由教師提出一個或幾個項目的任務(wù)設(shè)想，與學生一起討論，最終確定項目的目標和任務(wù)。制定計劃由學生制定項目工作計劃，確定工作步驟和程序，得到教師的認可后實施。
實施計劃學生確定各自在小組中的分工以及小組成員的合作形式，然后按照已確立的工作步驟和程序開展工作。
評價考核通過項目的完成情況對學生的學習效果進行考查，包括教師評價、學習小組評價和自評三部分。可分三個級別進行考核：第一級，由教師對各小組項目完成情況進行評定，如能否共同協(xié)作，是否實現(xiàn)預(yù)期功能，是否具有創(chuàng)新意識等；第二級，由各小組成員根據(jù)每個組員對本小組的貢獻情況及參與意識進行互評；第三級，由學生本人進行自評，如自己是否在原有基礎(chǔ)上有所提高，是否已經(jīng)掌握本課程的知識點并熟練應(yīng)用。最后，綜合三級評定情況確定每名學生的學習成績。對于有企業(yè)參與的項目，必要時可由企業(yè)做出最終評價。
歸檔或結(jié)果應(yīng)用項目應(yīng)盡可能具有實際應(yīng)用價值，應(yīng)盡可能將項目的完成結(jié)果應(yīng)用到企業(yè)和學校的生產(chǎn)教學實踐中。
《網(wǎng)頁制作技術(shù)》課引入項目教學法
《網(wǎng)頁制作技術(shù)》是我院計算機應(yīng)用技術(shù)、計算機網(wǎng)絡(luò)技術(shù)、軟件技術(shù)等專業(yè)的主干課程，具有實用性強，應(yīng)用面廣，操作性強、與崗位聯(lián)系密切等特點。為了更好地講授《網(wǎng)頁制作技術(shù)》課，我們進行了大膽的教學改革，打破了傳統(tǒng)的教學模式，將實際項目引入課堂教學，改革教學方法、教學手段及考核形式，較好地實現(xiàn)了課程教學目標?！毒W(wǎng)頁制作技術(shù)》的課程目標《網(wǎng)頁制作技術(shù)》的課程目標是結(jié)合職業(yè)崗位的需要，培養(yǎng)出能夠從事網(wǎng)頁平面設(shè)計或網(wǎng)站構(gòu)建的人才，提高學生的學習能力、協(xié)作能力和綜合能力。
將項目教學法引入《網(wǎng)頁制作技術(shù)》課本課程的傳統(tǒng)教學方式是先由教師在多媒體教室授課，然后安排學生在實驗室上機驗證教師所講內(nèi)容。這種方式忽略了學生的積極性、主動性，學生學到的知識比較零碎，很難開發(fā)實際項目。隨著課程內(nèi)容的深入，很多學生逐漸失去了學習興趣，喪失了主動參與的意識，以致課程結(jié)束時，幾乎沒有學生能夠設(shè)計出具有一定水平的網(wǎng)站。為打破傳統(tǒng)的教學模式，突出學生的主體地位，讓學生成為教學的中心。我們分析了該課程的特點，并結(jié)合任課教師為企業(yè)開發(fā)網(wǎng)站的經(jīng)驗，讓教師將所承擔的網(wǎng)站建設(shè)項目引入課堂教學，引導(dǎo)學生共同開發(fā)項目，讓學生既能學到知識，又能積累項目開發(fā)經(jīng)驗，從而體現(xiàn)出“教、學、做是一件事，不是三件事”。
項目教學法提高了學生的能力和素質(zhì)將項目教學法引入《網(wǎng)頁制作技術(shù)》后，學生成為了學習的主體，教師在教學過程中起引導(dǎo)協(xié)助作用。學生在項目的驅(qū)動下自主學習，邊學邊做。有些能力突出的學生在學習過程中主動與外界聯(lián)系，承接小型網(wǎng)站建設(shè)項目。在完成項目的過程中，他們主動與其他同學和教師進行交流，討論問題，促進了項目教學法的發(fā)展。項目完成后所帶來的成功的愉悅和滿足感，不但提高了學生的學習興趣和學習積極性，同時也培養(yǎng)了學生自主學習的能力。
《網(wǎng)頁制作技術(shù)》課實施項目教學法的過程
筆者在擔任《網(wǎng)頁制作技術(shù)》課的教學過程中，結(jié)合學生的特點以及環(huán)境，將教學過程劃分成以下五個階段。（一）網(wǎng)站項目的確定
確立實用、優(yōu)秀的項目是項目教學法能否成功實施的關(guān)鍵。因此，在實施項目教學法時，首先，應(yīng)選擇切實可行的項目。在教學正式開始之前，可先對學生進行分組，盡量使每一組學生的能力都比較均衡。同時，結(jié)合相應(yīng)的崗位能力要求，將選用的項目分為兩種：一種是選用已通過驗收的項目，另一種是選用正在進行中的項目。其次，應(yīng)針對學生的實際水平確定項目的難易程度。對于首次接觸這門課程的學生，由教師負責選取項目，講解知識點。所選取的項目必須簡單、典型，并且最好選擇已經(jīng)完成的項目，以便學生進行知識的遷移。對于具有一定基礎(chǔ)的學生，可由教師和學生共同討論選定具有較高難度的項目，并且最好選擇正在進行中的項目，讓學生身臨其境，參與創(chuàng)造實踐活動，親身體驗實踐的艱辛與樂趣。另外，應(yīng)注意根據(jù)學生具體的培養(yǎng)方向，確立最適合的項目。
（二）網(wǎng)站項目計劃
網(wǎng)站項目的計劃應(yīng)按照項目開發(fā)的需求加以實施。確定項目以后，讓每一組學生針對該項目進行需求分析，啟發(fā)學生主動發(fā)現(xiàn)身邊的素材。對于已通過驗收的項目，可由教師充當企業(yè)的角色，由學生向教師匯報自己所進行的關(guān)于項目需求的分析及收集到的資料；對于正在進行中的項目，可由學生直接面對企業(yè)，與企業(yè)溝通，做出需求分析。教師在這一過程中，一方面，起到指導(dǎo)的作用，另一方面，在對已驗收的項目實施的過程中，教師應(yīng)事先對該項目內(nèi)容進行定位，分析研究需要解決的問題和完成的任務(wù)，確保學生進行需求分析時，不會定位過高。完成項目需求分析后，教師應(yīng)根據(jù)學生所作的需求分析確定項目的能力模塊，并將每個能力模塊細分為一系列小項目，學生根據(jù)課程的時間安排，結(jié)合項目內(nèi)容編寫項目開發(fā)計劃書。例如，根據(jù)我?！毒W(wǎng)頁制作技術(shù)》課的實際情況，將首次接觸這門課程的學生的能力模塊劃分如下（見下圖）。
（三）網(wǎng)站項目實施
項目教學法中最重要的環(huán)節(jié)是項目的具體實施過程。在該過程中，教師應(yīng)及時恰當?shù)貙W生進行引導(dǎo)，督促學生根據(jù)項目計劃書，按時按量完成相應(yīng)的功能模塊，保證項目順利進行，實現(xiàn)課程教學目標。對于首次接觸網(wǎng)頁制作的學生來說，沒有一定的網(wǎng)頁制作軟件操作基礎(chǔ)，就無法進行項目建設(shè)。因此，應(yīng)在《網(wǎng)頁制作技術(shù)》課程項目實施過程的第一階段講授學生網(wǎng)頁制作軟件的使用方法，為第二階段奠定基礎(chǔ)，第三階段的主要任務(wù)則是撰寫網(wǎng)站開發(fā)總結(jié)報告，鍛煉學生撰寫文章的能力。
第一階段實施過程對應(yīng)上圖中的能力模塊劃分情況，在第一階段的實施過程中主要教授學生網(wǎng)頁制作軟件的使用方法，使其形成相應(yīng)的具體能力。具體做法是：教師首先通過簡單的例子講解實際操作方法，然后，讓學生練習新知識、新操作，完成相應(yīng)的實驗項目。通過這種雙教一體的教學模式、講練結(jié)合的教學手段讓學生掌握牢固的基礎(chǔ)知識。
第二階段實施過程結(jié)合第一階段學生具體能力的鍛煉情況，根據(jù)所要建設(shè)的項目，按照項目計劃書進行開發(fā)并完成設(shè)計。該階段是項目教學法實施的核心環(huán)節(jié)。在此階段，教師要根據(jù)各開發(fā)小組的具體情況、具體要求及時恰當?shù)剡M行指導(dǎo)，解決學生開發(fā)過程中遇到的難題，督促學生按時按量完成項目計劃書中的各個開發(fā)環(huán)節(jié)，保證學生順利完成項目的開發(fā)，實現(xiàn)教學目標。在實際教學過程中，教師要重點做好指導(dǎo)監(jiān)督工作。如定期召開各項目組長會議，了解各項目組的開發(fā)進程；在項目開發(fā)過程中進行技術(shù)引導(dǎo)和指導(dǎo)，收集各組遇到的難題，組織各組進行總結(jié)和經(jīng)驗交流，從中探討不同的解決問題的方法。
第三階段實施過程該階段的任務(wù)是在學生完成網(wǎng)站建設(shè)后，撰寫開發(fā)總結(jié)報告，總結(jié)本次學習、開發(fā)的收獲和經(jīng)驗，為下一次開發(fā)做準備。階段性總結(jié)評價也是項目具體實施過程中必不可少的環(huán)節(jié)。教師和學生在每個階段的學習結(jié)束后，都要對該階段的學習成果進行展示、評價、總結(jié)，及時改進不足之處，鞏固成果，為后續(xù)工作打下堅實的基礎(chǔ)。
（四）網(wǎng)站項目展示與評價
項目完成后，應(yīng)對網(wǎng)站項目的建設(shè)效果進行展示，并加以講解。在講解展示網(wǎng)站的過程中，學生和教師可以提出問題，并結(jié)合相應(yīng)的網(wǎng)站項目評分表，形成學生和教師對該項目各自的評價。在對學生進行評價時，還應(yīng)結(jié)合其在項目開發(fā)過程中的學習能力、合作能力、參與程度、服務(wù)程度以及所起作用等各方面的表現(xiàn)情況。在對承接的企業(yè)的開發(fā)項目進行評價時，除上述評價角度外，還應(yīng)結(jié)合企業(yè)的需求，即除了學生評價、教師評價外，還要有企業(yè)評價，并以企業(yè)的評價作為最終的評判標準。
（五）網(wǎng)站項目的總結(jié)和應(yīng)用
項目完成后應(yīng)進行總結(jié)，并將其成果應(yīng)用到相關(guān)領(lǐng)域，體現(xiàn)該門課程的教學目標。我校在《網(wǎng)頁制作技術(shù)》課中實施項目教學法以來，完成了多個項目并將研究成果應(yīng)用到實際工作中，如我院的網(wǎng)站、各系各部門的網(wǎng)站、思明網(wǎng)站等。項目完成后應(yīng)總結(jié)思路、技巧并進行經(jīng)驗交流。思路總結(jié)可以幫助學生明晰項目完成的最佳思考方法，找到自己的不足；技巧總結(jié)著重總結(jié)解決開發(fā)環(huán)節(jié)中遇到的難題的方法，把握并吸收整個項目開發(fā)的精髓；經(jīng)驗交流主要是對學習方法、知識應(yīng)用進行交流。最后，教師可以指導(dǎo)學生對項目進行拓展和延伸。超級秘書網(wǎng)
項目教學法的成果
《網(wǎng)頁制作技術(shù)》課在實施項目教學法后，從本質(zhì)上改變了課程的教學目的。這種改變使學生不再覺得學習該門課程只是為了獲取學分，而是真正掌握一門技術(shù)，具備一定的開發(fā)能力，能夠承擔相應(yīng)的工作。在整個教學過程中，學生的自主學習能力、實踐能力、創(chuàng)新能力、團隊協(xié)作能力、分析解決問題的能力以及撰寫報告的能力都得到了鍛煉、培養(yǎng)和提高。
實踐表明，《網(wǎng)頁制作技術(shù)》課從傳統(tǒng)的多媒體教學模式的枷鎖中掙脫出來，實施項目教學法，體現(xiàn)了以學生為本，最大限度地調(diào)動了學生自主學習的積極性，培養(yǎng)了學生的綜合能力，使學生掌握了一門技巧，對教師也是一種鍛煉和提高。
參考文獻：
/基本要求
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ā)人員編寫的腳本風格保持一致，因為我們不可能永遠孤立的開發(fā)，你隨時都有可能和三個月前的自己合作（你的客戶要求改版），也經(jīng)常要和工作室中不同的同事共同開發(fā)一個項目，還有可能被要求修改已經(jīng)離職人員開發(fā)的腳本，當然你自己也有可能會扔下一個項目給后來的同事。
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)該是這樣的：
這是因為瀏覽器認為換行相當于一個半角空格，以上不規(guī)范的寫法相當于無意中增加一個半角空格，如果確實有必要增加一個半角空格，也應(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)?？傊裱粭l原則：不出現(xiàn)多于一個的控制同一個單元格大小的height和width,保證任何一個width和height都是有效的，也就是你改動代碼中任何一個width和height的數(shù)值，都應(yīng)該在瀏覽器中看到變化。做到這一條不容易，需要較長時間的練習和思考。
/一般原則
1.在排布表格之前，請大家一定要好好思考一個最佳的方案，表格的嵌套盡量控制在三層以內(nèi)，并且應(yīng)該盡量避免兩個標記，經(jīng)驗表明，這兩個標記會帶來許多麻煩。
2.一個網(wǎng)頁要盡量避免用整個一張大表格，所有的內(nèi)容都嵌套在這個大表格之內(nèi)，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網(wǎng)頁是嵌套在一個大表格之內(nèi)，那么很可能造成的后果就是，當瀏覽者敲入網(wǎng)址，他要先面對一片空白很長時間，然后所有的網(wǎng)頁內(nèi)容同時出現(xiàn)。如果必須這樣做，請使用
標記，以便能夠使這個大表格分塊顯示。
3.排版中我們經(jīng)常會遇到需要進行首行縮進的處理，不要使用或者全角空格來達到效果，規(guī)范的做法是在樣式表中定義p{text-indent:2em;}然后給每一段加上
標記，注意，一般情況下，請不要省略
結(jié)束標記。
4.原則上，我們禁止用來人為干預(yù)圖片顯示的尺寸，而且建議標簽中不要帶上width和height兩個屬性，這是因為制作過程中，圖片往往需要反復(fù)的修改，這樣可以避免人為干預(yù)圖片顯示的尺寸，盡可能的發(fā)揮瀏覽器自身的功能；但是這樣的一個副作用是當網(wǎng)頁還未加載圖片時，不會留出圖片的站位大小，可能會造成網(wǎng)頁在加載過程中抖動（如果圖片是插在一個固定大小的表格里的，不會有這個現(xiàn)象），尤其是當圖片的尺寸較大時，這種現(xiàn)象會很明顯，所以當預(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)思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作。
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
依照此原則類推。
尾部分用來表示圖片的具體含義。
Web2.0體現(xiàn)為互聯(lián)網(wǎng)作為跨設(shè)備的平臺,其應(yīng)用程序充分發(fā)揮平臺的內(nèi)在優(yōu)勢,軟件以不斷更新的服務(wù)方式進行傳遞,個人用戶通過組成群體貢獻自己的數(shù)據(jù)和服務(wù),同時允許他人聚合,以達到用戶越多、服務(wù)越好的目的。通過這種“參與架構(gòu)”創(chuàng)造出超越傳統(tǒng)網(wǎng)絡(luò)頁面技術(shù)內(nèi)涵,引發(fā)出具有豐富用戶體驗的網(wǎng)絡(luò)效應(yīng)[1]。Web1.0的特點在于用戶只能獲取信息,Web2.0則更注重與用戶的交互,用戶既是信息的消費者(瀏覽者),也是信息的制造者[2][3][4]。
一、Web2.0對旅游行業(yè)的影響
旅游2.0(Travel2.0)就是將Web2.0的思想運用到與旅游相關(guān)的電子商務(wù)及網(wǎng)站上,將來源分散的信息聚合以實現(xiàn)與游客更好的交互體驗,是一種對以往旅游信息化過程的再思考和改進[5]。Travel2.0是旅游服務(wù)市場的發(fā)展方向。Web2.0的基礎(chǔ)“長尾理論”認為,只要存儲和流通的渠道足夠大,需求不旺或銷量不佳的產(chǎn)品共同占據(jù)的市場份額就可以和那些數(shù)量不多的熱賣品所占據(jù)的市場份額相匹敵甚至更大。這一理論有效的前提是滿足個性化需求的產(chǎn)品可以通過互聯(lián)網(wǎng)將渠道成本降為零或者趨于零[6]。旅游行業(yè)自身的特點正好滿足這個前提,天然具有發(fā)揮互聯(lián)網(wǎng)營銷能力的優(yōu)勢。同時,旅游業(yè)對于信息的依賴性又不同于其它行業(yè),Web1.0時代集中式的信息管理方法已經(jīng)不能適應(yīng)用戶的要求。伴隨Web2.0誕生的大量新興網(wǎng)絡(luò)商業(yè)模式給傳統(tǒng)旅游業(yè)帶來了沖擊,同時也帶來了創(chuàng)新的動力和活力。
二、旅游業(yè)參與角色功能范圍的重新劃分
Web2.0時代則關(guān)注用戶體驗,關(guān)注服務(wù)質(zhì)量,這種業(yè)務(wù)模式的轉(zhuǎn)變必然導(dǎo)致旅游業(yè)各參與角色功能范圍的變化。
1.游客。旅游產(chǎn)業(yè)必須占有和依托大量的信息,屬于信息密集型產(chǎn)業(yè),對信息的支持和更新要求很高。Web2.0的出現(xiàn)從根本上改變了游客在旅游活動中的角色功能。
首先,從“讀者”到“編輯”的轉(zhuǎn)換。Web2.0服務(wù)強調(diào)協(xié)作,網(wǎng)絡(luò)信息的生成不再完全由專業(yè)編輯控制,而是向所有用戶開放。大量游客的直接參與不僅改變了以往信息的單方向流動,同時也極大地豐富了以往無法及時采集或者更新的旅游信息。比如國外著名的TripAdvisor網(wǎng)站可供游客對酒店、景點等任何旅游相關(guān)的服務(wù)進行評價,這些信息可以防止服務(wù)商虛假信息,也可以提供服務(wù)商沒有公布的信息,是潛在游客重要的參考資料。其次,從“遍地撒網(wǎng)”到“集中攻克”。Web2.0服務(wù)注重個人體驗,強調(diào)信息的個性化。游客可以通過書簽訂閱感興趣的資料或者加入合適的興趣小組就可以直接獲取所需要的信息,服務(wù)提供商也可以根據(jù)用戶的興趣“推送”相關(guān)資料。“信息的消費者和創(chuàng)造者”合二為一的游客新角色是應(yīng)用的需要,也是用戶意志的體現(xiàn)。這種主體意識必將在全新網(wǎng)絡(luò)文化的滋養(yǎng)下愈發(fā)強勁。
2.政府。政府在旅游行業(yè)的組織管理過程中扮演著重要的角色,除了相關(guān)政策的制定和外,還負責一些公益性的、需要巨大投入的項目建設(shè)。Web2.0時代實現(xiàn)了“網(wǎng)聚人的力量”,任何組織和個人以往無法完成或者需要花費巨大的人力物力才可能完成的工程,現(xiàn)在只需要很小的投入便能成功。維基旅游(WikiTravel)的成功正是源自于無數(shù)網(wǎng)絡(luò)用戶一點一滴的貢獻。單就個人來說,這種貢獻壓力小,可以做到精準。而對于網(wǎng)站來說,積沙成堆的效果就很明顯。這種個人力量的匯集最終又將惠及所有人,是知識和經(jīng)驗傳播的有效途徑。政府應(yīng)該變換思路,放棄傳統(tǒng)旅游信息組織的方式,主動利用Web2.0的特性來組織構(gòu)建新一代旅游信息平臺。采用類似維基旅游的方法,這樣政府就可以從大量繁重的信息采集和整理工作中解脫出來,而集中有限的人力資源來審核信息。
3.景區(qū)。景區(qū)作為旅游信息化最終的落實對象,在任何時候都應(yīng)該以提升自我服務(wù)質(zhì)量為第一要務(wù)。經(jīng)濟社會使得行業(yè)分工越來越細,景區(qū)是旅游活動最重要的參與對象,但不是唯一的。良好的旅游服務(wù)應(yīng)該使游客對六要素(吃、住、行、游、購、娛)都滿意。景區(qū)開發(fā)不可能涵蓋所有的要素,即使勉強提供了所有業(yè)務(wù),那么與這些要素配套的服務(wù)會成為景區(qū)不可避免的負擔和累贅。例如僅是酒店預(yù)訂、機票車票預(yù)訂就可以形成一個巨大的行業(yè)(國內(nèi)多數(shù)旅游網(wǎng)站都依此為主要經(jīng)濟來源,如攜程,e龍等),景區(qū)如果不做到專業(yè)化如何能與獨立旅游網(wǎng)站競爭?所以,景區(qū)的發(fā)展之路就是專注與景區(qū)的管理和開發(fā),而相關(guān)的服務(wù)通過與第三方旅游網(wǎng)站的聯(lián)合而實現(xiàn)雙贏。
Web2.0還為景區(qū)的開發(fā)管理以及信息化帶來了很多便利之處,例如景區(qū)地圖。以往的景區(qū)地圖需要請專業(yè)機構(gòu)制作,更新頻率低,而且地圖與相關(guān)介紹分離。Web2.0提供的免費電子地圖(如GoogleMaps,BaiduDitu,Go2map等)不僅更新快,分辨率高,而且具有很好的擴展性,便于二次開發(fā)。景區(qū)可以方便的將景點信息(圖片,文字等)潛入電子地圖,給用戶更真實的體驗。
4.專業(yè)旅游網(wǎng)站。在Web2.0時代,旅游網(wǎng)站的功能和職責沒有明顯變化,但其經(jīng)營方式卻需要轉(zhuǎn)變思路。
首先,最重要的就是要駕馭“長尾”的力量。旅游網(wǎng)站一直以來作為個性化散客的信息平臺,卻未能從這些“服務(wù)對象”身上直接謀取豐厚回報?！伴L尾”經(jīng)濟現(xiàn)象啟示人們,個性化旅游市場目前雖然松散但總量可觀。在旅游Web2.0網(wǎng)站,基于以上兩種力量,相似偏好的用戶將形成虛擬社區(qū),并引發(fā)新的出游模式,實現(xiàn)出游的“化零為整”。這就要求網(wǎng)站突出Web2.0的特點,以用戶為中心,跟蹤用戶的需求和習慣,加強互動性。
其次,旅游產(chǎn)業(yè)具有關(guān)聯(lián)度高的特性,產(chǎn)業(yè)涵蓋了食、住、行、游、購、娛等多種要素,產(chǎn)業(yè)依托性較強,產(chǎn)業(yè)鏈涉及部門廣泛,單純依靠傳統(tǒng)交易模式來提供服務(wù)產(chǎn)品效率低下,準確性欠佳。旅游產(chǎn)業(yè)的復(fù)雜性決定了服務(wù)于旅游信息溝通和交易的旅游電子商務(wù)體系的多元復(fù)雜性,游客對于一站式旅游服務(wù)的需求越來越強。景區(qū)不可能提供這樣的服務(wù),旅行社在個性化旅游時代的作用會被削減。因此,旅游網(wǎng)站就不可避免地成為銜接六要素相關(guān)行業(yè)的中樞,實現(xiàn)各類服務(wù)的無縫集成,給用戶提供一站式旅游服務(wù)。這種模式在Web2.0時代必將大行其道,其原因就是行業(yè)分工更明確,行業(yè)協(xié)作更自由。Web2.0初期旅游網(wǎng)站之間必然會出現(xiàn)大量的收購合并事件,直至市場分配相對平衡。
5.旅行社。Web1.0時代追求一切業(yè)務(wù)都上網(wǎng),旅行社也不例外。實際上除了少數(shù)幾個大型旅行社依據(jù)雄厚的實力通過網(wǎng)絡(luò)獲益外(如中青旅遨游網(wǎng)、春秋旅游網(wǎng)),很多中小型旅行社的網(wǎng)站只是一個擺設(shè)。Web2.0時代旅游行業(yè)的專業(yè)分工將更加細致,同時經(jīng)濟收入的提高促進了個性化旅游的發(fā)展,中小型旅行社單薄的網(wǎng)絡(luò)營銷依然難與大型旅行社競爭。其出路在于與獨立旅游網(wǎng)站合作,借助專業(yè)網(wǎng)站平臺的用戶群和營銷模式來爭取客戶。可以預(yù)見Web2.0時代,旅行社獨立建設(shè)的網(wǎng)站數(shù)量將大大減少,多數(shù)旅行社的業(yè)務(wù)將寄托在專業(yè)旅游網(wǎng)站上。由此可見,旅游網(wǎng)站將成為旅游2.0的核心,其商業(yè)價值巨大。
三、結(jié)論
在Web2.0時代,游客、政府,景區(qū),專業(yè)旅游網(wǎng)站和旅行社的角色功能都要重新定位,新的網(wǎng)絡(luò)應(yīng)用模式和商業(yè)盈利模式促使旅游行業(yè)分工更加細致,行業(yè)之間的合作更加緊密。這種洗牌過程有利于提高部門效率,提高部門專業(yè)化程度,提高游客的旅游質(zhì)量。
參考文獻:
[1]TimO′Reilly.What’sWeb2.0?DesignPatternsandBusinessModelsfortheNextGenerationofSoftware[EB/OL]
[2]周敏,周仁軍.Web2.0:企業(yè)信息化新趨勢[J].上海信息化,2006(10):76-78.
[3]莫凡.Web2.0的常見形態(tài)及傳播特點[J].開封大學學報,2006,20(2):77-78.
后續(xù)課程《網(wǎng)絡(luò)信息系統(tǒng)開發(fā)與利用》要求學生能讀懂HTML代碼并能修改或編寫，也會影響此課程的學習。早期頁面布局方法一般為表格布局，現(xiàn)在這種技術(shù)已經(jīng)落后被淘汰，取而代之的是DIV+CSS技術(shù)，此方法使頁面內(nèi)容和顯示效果完全分開，頁面元素的布局更加靈活，網(wǎng)站在制作過程中風格的統(tǒng)一、后期網(wǎng)站風格的改變及網(wǎng)站的維護更新將會變得更加方便。
1.2確立課程教學目標“網(wǎng)頁設(shè)計與制作”實踐培訓課程主要面向網(wǎng)頁設(shè)計人員必備的一些基本技能，使學生能夠具備以下四方面的能力，基于以上表格的內(nèi)容“，網(wǎng)頁設(shè)計與制作”這門課程采取了以“教師為主導(dǎo)地位，學生作為主體”的模式進行教學的，這種模式符合我校的教學和管理模式的要求，讓老師根據(jù)學生的特點來指導(dǎo)《網(wǎng)頁設(shè)計與制作課程》的探索、分析、研究以及改善學生的實踐操作動手能力。采用任務(wù)驅(qū)動的教學模式方法，在課堂上以案例為主進行實踐教學環(huán)節(jié)。在教學過程中可使用網(wǎng)頁模型為例，根據(jù)教學內(nèi)容的安排和要求，教師引導(dǎo)學生并為學生創(chuàng)造環(huán)境，讓學生快速發(fā)現(xiàn)、探索和解決網(wǎng)頁中的問題，來激發(fā)學生的好奇心和欲望，帶動學生興趣，促進學生的創(chuàng)新能力。
2課程教學體系的基本思路
在“網(wǎng)頁設(shè)計與制作”課上協(xié)調(diào)好教學課程，努力使學生變被動學習為主動學習，樹立以學生為中心，師生關(guān)系和教學崗位、教師與學生之間，通過師生關(guān)系和互動創(chuàng)造了良好的教學氛圍，這是教學改革進程的一個重要組成部分。有效的學生交流機制是建立學生互動的良好基礎(chǔ)。
3課程教學體系構(gòu)建
3.1課程內(nèi)容結(jié)構(gòu)
“網(wǎng)頁設(shè)計與制作”作為計算機類專業(yè)課程實踐環(huán)節(jié)，可以作為其他相關(guān)專業(yè)的實踐課程或選修課，這是一個操作性和實用性并重的課程。因此，在這個過程以系統(tǒng)建設(shè)，網(wǎng)頁設(shè)計人員培訓為目標，培養(yǎng)應(yīng)用型人才為主線，來從構(gòu)建課程知識，能力及素質(zhì)建設(shè)，并注重實用技能。如下圖1所示：
3.2教學內(nèi)容的組織和安排
教學內(nèi)容是教學中的重要組成環(huán)節(jié)，在教學內(nèi)容上，要重視理論知識聯(lián)系并應(yīng)用到實際中的這一過程的安排，以更好地將傳播知識、培養(yǎng)能力、素質(zhì)教育的要求恰當?shù)恼掀饋?，進而達到更好的教學目的。
（1）理論與實踐相結(jié)合。強調(diào)知識和技能的結(jié)合，突出實際生產(chǎn)現(xiàn)場，將實際操作技能作為重點，加大實踐教學。抓住課程內(nèi)容的基本要求，妥善處理相關(guān)課程和教學內(nèi)容。在整個課程后，每個系列都配備了完整的課程專題，最后安排一個星期的課程設(shè)計。
（2）理論與實際相結(jié)合結(jié)合學生實際情況的要求，安排公司的網(wǎng)頁設(shè)計工作，開展頂崗實習培訓，提高解決實際問題的能力，更好地讓學生有機地學習各部分掌握的內(nèi)容。
3.3實踐教學方法
由于傳統(tǒng)的時間和空間的有限性的課堂，使教師不能充分利用教學資源，以達到最佳的教學效果;而網(wǎng)上教學是無限的空間，考慮信息容量等因素的影響，可最大限度地利用教學資源。對于學生在房間里探索互聯(lián)網(wǎng)，學生在BBS平臺上討論，舉行每學期的網(wǎng)頁設(shè)計大賽，根據(jù)學生對教學網(wǎng)站的工作，讓學生選擇入圍的優(yōu)秀作品，再由老師評出學生獎項。
4課程教學體系建構(gòu)
這個課題的意義是實現(xiàn)理論和實踐的融合，實現(xiàn)學生的思維、行為和態(tài)度的整合，要求學生全面發(fā)展。
4.1運用多層次的教學方式
教學改進一直是教學改革的重點。怎么樣能更好地體現(xiàn)教學特色，怎么樣能實現(xiàn)教學目標，解決這一問題的教學方式就是采用多層次的教學方法，如：教師進行案例分析，教師和學生共同模擬和角色扮演的場景以及其他創(chuàng)新教學方法，而這種多樣化的教學手段體現(xiàn)三個注意層面，分別為：老師講課實踐指導(dǎo)，開放自我的做法，引導(dǎo)和探索性實踐相結(jié)合“，進而實現(xiàn)教學中的多層次的教學方式。
4.2開展多元化的教學活動
基于多種教學方法，我們可以開展各種教育活動，主要是在“知識交流和自學相結(jié)合、綜合教學實踐與研究相結(jié)合、課堂培訓和課外活動相結(jié)合”原則下進行的多樣教學活動，如使用任務(wù)驅(qū)動教學。任務(wù)驅(qū)動教學法讓學生從一個典型的任務(wù)開始，從網(wǎng)絡(luò)的實際工作流程設(shè)計出發(fā)推動教學活動，抓住設(shè)計問題的重要而艱巨任務(wù)。教學應(yīng)遵循兩個原則：第一，循序漸進的原則，根據(jù)學生接受不同的能力，目前的水平和興趣，從簡單到復(fù)雜，從外到內(nèi);二是要提高的思想能力，注重教學生一種思想，解決問題的方法，引導(dǎo)學生運用多種方法來解決同樣的問題。在這個過程中，學生可以繼續(xù)獲得成就感，更能激發(fā)他們的求知欲望，培養(yǎng)獨立探索的自主學習能力和開拓精神。
4.3進行多重性的能力培養(yǎng)
這就要求我們的學生應(yīng)具備基本課程知識，基本技能，操作課外協(xié)作，從中調(diào)動學生學習積極性網(wǎng)頁教學活動,促進學生在實際應(yīng)用中的能力的展，同時溝通，心理學專業(yè)素質(zhì)，這樣才能真正的得到業(yè)務(wù)綜合能力。實現(xiàn)這一目標，既滿足標準和市場需求，有使得我們在培養(yǎng)理論知識，基本技能外，還鞏固和著力加強對學生動手能力的訓練.培養(yǎng)多重性能力，是學生的學習知識、學習技能以及培養(yǎng)學生的網(wǎng)頁素養(yǎng)、能力通過中建立教學平臺，利用課堂教學的各個電子內(nèi)容，讓便于自學的學生放學，提高學習水平，可以豐富學生的學習資源。
1 引言
畢業(yè)論文寫作是檢驗畢業(yè)生綜合能力、評估學業(yè)成績的重要方式。畢業(yè)論文寫作指導(dǎo)是高職英語專業(yè)學生的必修課。發(fā)揮英語專業(yè)特點，充分運用現(xiàn)代教育技術(shù)，保障畢業(yè)生的學術(shù)水平和科研能力，是高職高專外語系課程改革與建設(shè)中一項重要的任務(wù)?；ヂ?lián)網(wǎng)在中國的普及和高校校園網(wǎng)寬帶的不斷升級，使基于網(wǎng)絡(luò)的英語專業(yè)畢業(yè)論文寫作教學成為可能。
畢業(yè)論文寫作是一門實踐性的課程，學生必須通過參與研究和寫作的整個過程才能建構(gòu)自己的學術(shù)研究理念和實踐技能。結(jié)合網(wǎng)絡(luò)教學的特點，發(fā)揮建構(gòu)主義理論對網(wǎng)絡(luò)論文寫作教學的指導(dǎo)作用，整合網(wǎng)絡(luò)教學理論與實踐，探索基于網(wǎng)絡(luò)技術(shù)、以任務(wù)為導(dǎo)向的教學方法勢在必行。
2 建構(gòu)主義理論指導(dǎo)下的評價體系
基于網(wǎng)絡(luò)的論文寫作教學新模式是以建構(gòu)主義為理論基礎(chǔ)的。建構(gòu)主義強調(diào)，在整個教學過程中由教師起組織、指導(dǎo)和促進作用，學生是學習的主體，利用情境、協(xié)作、會話等學習環(huán)境要素充分發(fā)揮學生的積極性、主動性，最終完成對知識的意義建構(gòu)。他們認為學習者是在與周圍環(huán)境相互作用的過程中，通過“同化”與“順應(yīng)”兩種方式，促進自身認知結(jié)構(gòu)發(fā)展的。學生的學習不是被動的，而應(yīng)是主動的、探索式的、協(xié)作式的學習。根據(jù)建構(gòu)主義理論，學習本身是一個動態(tài)發(fā)展的過程，像建構(gòu)理論下的情境創(chuàng)設(shè)、知識的意義建構(gòu)以及人與人的協(xié)作關(guān)系都是隨時空轉(zhuǎn)換而不斷變化的。而以往論文寫作教學中的終結(jié)性評價，關(guān)注的是整個階段的教學結(jié)果，不能對教學過程起到跟蹤、監(jiān)控、檢測和指導(dǎo)的作用。為了彌補終結(jié)性評價的缺陷和不足，在新的教學模式下，要重視學生綜合能力和整體素質(zhì)的發(fā)展，科學地、理性地、全面地對學生進行評價，從知識、能力、品質(zhì)、態(tài)度等多項指標去衡量每一名學生。運用更具個性發(fā)展的評價策略，激發(fā)學習者潛意識中的學習興趣，充分發(fā)揮他們的積極性、主動性和創(chuàng)造性，使眾多更具特色的學習個體融于網(wǎng)絡(luò)學習這個大環(huán)境中。
3 以形成性評價為主的多維評價體系的評價方式
以形成性評價為主的多維評價體系其評價方式是多種多樣的，其評價資料可以由教師和學生共同收集而完成。評價體系:
(1)以自我評價為主，結(jié)合教師評價、小組評價等多種評價方式。建構(gòu)主義主張自主學習，鼓勵學生積極參與學習、研究，發(fā)揮首創(chuàng)精神，實現(xiàn)自我反饋學習者每一次實現(xiàn)對原有認知結(jié)構(gòu)的改造與重組，也就是完成了一次自我的肯定、否定、再否定的辯證評價過程。這種自我評價有利于學習者成就感的形成、目標的明確、個性化的培養(yǎng)，使學生由評價客體成為評價主體，提高了學習的參與性，增強了學生的評價能力。同時，我們也不應(yīng)忽略教師評價和小組評價的作用。教師評價為學生對知識的意義建構(gòu)提供了一種引導(dǎo)，科學、更合理、更客觀。
(2)通過對評價對象的多維度、多層次的評價，提高評價的說服力。建構(gòu)主義重視個性發(fā)展，提倡多情境解決問題，主張發(fā)散性思維的培養(yǎng)。
畢業(yè)論文的寫作一般分五個步驟:
1)選題;
2)搜集材料;
3)論文提綱的撰寫;
4)撰寫初稿;
5)修改初稿、完成論文。
根據(jù)Willis的任務(wù)教學模式，我們可以把選題分為前期寫作任務(wù)，搜集材料，論文提綱的撰寫以及撰寫初稿分為寫作期，而修改初稿、完成論文分為任務(wù)后的分析和解決問題。因此我們把論文質(zhì)量監(jiān)控和管理分成3個方面:論文寫作的準備階段監(jiān)控;論文寫作過程質(zhì)量監(jiān)控;論文寫作中期檢查和學生意見反饋。論文寫作的準備階段監(jiān)控主要任務(wù)是:教師對學生進行畢業(yè)論文寫作的各個環(huán)節(jié)的輔導(dǎo)，幫助他們樹立正確的寫作態(tài)度。同時在論文寫作各個階段進行論文寫作課堂教學，內(nèi)容涉及畢業(yè)論文選題、寫作方法、規(guī)范格式、寫作過程中出現(xiàn)的問題及相應(yīng)的對策等。論文寫作過程質(zhì)量監(jiān)控的主要任務(wù)是:教師就各個環(huán)節(jié)進行質(zhì)量監(jiān)控，如定期抽取某個小組，了解其組員畢業(yè)論文撰寫進展情況，以及存在的問題。論文寫作中期檢查和學生意見反饋表。在論文寫作進展到中期時，教師自己填寫其中檢查表，對自己的進度、組織安排、質(zhì)量監(jiān)控等各個方面進行自查。學生意見反饋表主要涉及教師的態(tài)度、科研水平、教師對畢業(yè)論文指導(dǎo)、組織安排等方面的問題。
4 實施畢業(yè)設(shè)計管理系統(tǒng)
首先是通過網(wǎng)絡(luò)監(jiān)控畢業(yè)設(shè)計的選題。學生根據(jù)選題的基本原則填寫畢業(yè)設(shè)計選題表，并通過e-mail發(fā)給指導(dǎo)教師。高職高專學生的畢業(yè)設(shè)計要充分體現(xiàn)其職業(yè)性和崗位性，畢業(yè)設(shè)計選題應(yīng)與所學專業(yè)及崗位需求緊密結(jié)合。高職高專英語專業(yè)畢業(yè)設(shè)計選題的基本原則是結(jié)合英語專業(yè)特點，符合本專業(yè)教學大綱的要求。設(shè)計不應(yīng)該只是單一的語言技能，更應(yīng)該是英語語言技能與文秘、商務(wù)、旅游等其他學科知識相結(jié)合。此外，題目難度應(yīng)適宜學生在規(guī)定的時間內(nèi)可以完成，同時題目還要求有科學性、實踐性、針對性、創(chuàng)新性。指導(dǎo)教師通過網(wǎng)絡(luò)對選題進行審批。
其次是對設(shè)計過程的管理。畢業(yè)設(shè)計前期，管理部門落實管理選題工作并監(jiān)督進展情況，提供標準來確定各種表格填寫是否規(guī)范。根據(jù)畢業(yè)設(shè)計進度要求，學生網(wǎng)上提交選題報告。教師在網(wǎng)上進行評閱，通過后才能進入下一個環(huán)節(jié)。畢業(yè)設(shè)計中期，學生網(wǎng)上提交設(shè)計稿并匯報設(shè)計情況。教師通過檢查工作進度，了解畢業(yè)設(shè)計工作中存在的問題，以便及時采取有效措施解決問題。網(wǎng)上指導(dǎo)便于教師掌握學生畢業(yè)設(shè)計的進度和質(zhì)量，可考察學生掌握和運用知識的能力以及學生的工作態(tài)度，對學生在畢業(yè)設(shè)計中出現(xiàn)的原則性錯誤能及時指出，并幫助其改正。對部分態(tài)度不認真或違反紀律的學生要及時幫助和教育。通過網(wǎng)絡(luò)，教師可全面審閱學生的書面材料，指導(dǎo)學生形成正確的表達思路，能充分調(diào)動學生學習的主動性與積極性。對關(guān)鍵環(huán)節(jié)如設(shè)計方法、理論分析、數(shù)據(jù)處理和結(jié)論等環(huán)節(jié)進行指導(dǎo)時，指導(dǎo)教師通過存儲的學生的初稿進行評閱并做批注，最終論文定稿。畢業(yè)設(shè)計后期，指導(dǎo)教師可檢查各項工作的完成情況，對進度緩慢的學生要根據(jù)實際情況提出改進意見，督促學生按進度完成畢業(yè)設(shè)計任務(wù)，同時決定畢業(yè)設(shè)計答辯的具體安排等。
5 建立評估體系，導(dǎo)向規(guī)范評價
建立質(zhì)量評估體系應(yīng)具有科學性與可行性。評估指標體系應(yīng)具有一定的導(dǎo)向性，能充分調(diào)動教師、學生和管理人員的積極性。依據(jù)畢業(yè)設(shè)計的質(zhì)量要素，依據(jù)科學性、可操作性、導(dǎo)向性和可比性的原則，我系建立的畢業(yè)設(shè)計質(zhì)量評估體系包括6個評估要素，細分為18個評估項目(見表1)。
6 畢業(yè)設(shè)計教學管理、評估體系的實施效果
我系學生畢業(yè)設(shè)計始于2006年，幾年以來，我系實施畢業(yè)設(shè)計教學管理與評估體系，取得了如下成效:
(1)進一步完善了畢業(yè)設(shè)計工作的有關(guān)文件。我系制定了有關(guān)畢業(yè)設(shè)計工作的教學管理規(guī)章制度，為畢業(yè)設(shè)計工作提供了制度保障，使畢業(yè)設(shè)計工作有章可循。
(2)充分發(fā)揮了系、教研室在畢業(yè)設(shè)計工作中的作用。畢業(yè)設(shè)計有目標管理和過程管理，而系、教研室兩部門在過程管理中起重要的作用。系是宏觀監(jiān)控組織，教研室則針對高職英語專業(yè)特點，加強了對畢業(yè)設(shè)計的組織、管理和檢查，制訂了畢業(yè)設(shè)計工作的相關(guān)細則。
(3)加強了畢業(yè)設(shè)計工作的質(zhì)量保障與評估。在貫徹實施畢業(yè)設(shè)計教學管理與評估體系過程中，學生畢業(yè)設(shè)計的質(zhì)量不斷提高。1)提前選題時間，選題從第五學期開始，學生提前進入畢業(yè)設(shè)計準備階段，并充分利用寒假開展社會調(diào)研工作，增強能力培養(yǎng)與社會需求的契合度。并結(jié)合專業(yè)課程學習和實踐教學環(huán)節(jié)、社會實踐活動，在教師指導(dǎo)下及時選擇或更換題目。實踐結(jié)果表明，提前選題時間，更有利于發(fā)揮學生的自主性和創(chuàng)造才能;同時，學生有較充足的時間查閱、調(diào)研文獻資料，提前進入角色，為第六學期開展畢業(yè)設(shè)計工作奠定較扎實的基礎(chǔ)。2)加強了對畢業(yè)設(shè)計工作的中期檢查。教學督導(dǎo)組成員、主管教學系主任、教務(wù)處有關(guān)人員深入到各專業(yè)查閱有關(guān)畢業(yè)設(shè)計的教學文件，了解設(shè)計的選題、及時發(fā)現(xiàn)問題，解決問題。3)編寫了畢業(yè)設(shè)計指導(dǎo)用書，規(guī)范了畢業(yè)設(shè)計的撰寫形式。4)在畢業(yè)設(shè)計工作結(jié)束后，教務(wù)處對當年的畢業(yè)設(shè)計進行抽查、審閱，了解當前畢業(yè)設(shè)計質(zhì)量以及存在的不足，評出系、校級優(yōu)秀畢業(yè)設(shè)計。5)在畢業(yè)設(shè)計工作結(jié)束時，組織專家組按照畢業(yè)設(shè)計質(zhì)量保障與評估體系對當年的畢業(yè)設(shè)計工作進行評分，明確現(xiàn)狀，找出差距，及時改進，不斷提高。
畢業(yè)設(shè)計教學、評估體系的建立促進了我系畢業(yè)設(shè)計質(zhì)量的穩(wěn)步提高，畢業(yè)設(shè)計的成績分布合理，設(shè)計優(yōu)秀率保持在10%左右，良好率穩(wěn)定在60%以內(nèi)，中等率在20%及格與不及格率控制在10%左右。理論性題目保持在40%以內(nèi)，而實踐性題目穩(wěn)定在60%以上。
參考文獻
[1] Airasian Peter W. Classroom Assessment[M].New York: MeGraw---Hill，1991.
[2] Cohen Andrew D. Assessing Language Ability in Classroom[M].Boston: Heinle & Heinle publishers，1994.
[3] 丁光惠，唐正連，楊偉等.畢業(yè)設(shè)計管理系統(tǒng)研究與實踐[J].黑龍江教育---高教研究與評估，2007(4).
項目教學法簡介
項目教學法的前提是“項目”，是一個人人參與的集學習、創(chuàng)作于一體的過程。
項目教學法就是在教學中，組織學生真實地參加項目設(shè)計、實施和管理的全過程，在項目實施過程中完成教學任務(wù)。項目教學法的開始階段，主要采用獨立作業(yè)的方式。項目教學法更多采用小組工作的方式，共同制定計劃、共同或分工完成整個項目。一般而言，項目教學法的實施過程可以分五個階段：
確定項目任務(wù)通常由教師提出一個或幾個項目的任務(wù)設(shè)想，與學生一起討論，最終確定項目的目標和任務(wù)。
制定計劃由學生制定項目工作計劃，確定工作步驟和程序，得到教師的認可后實施。
實施計劃學生確定各自在小組中的分工以及小組成員的合作形式，然后按照已確立的工作步驟和程序開展工作。
評價考核通過項目的完成情況對學生的學習效果進行考查，包括教師評價、學習小組評價和自評三部分?？煞秩齻€級別進行考核：第一級，由教師對各小組項目完成情況進行評定，如能否共同協(xié)作，是否實現(xiàn)預(yù)期功能，是否具有創(chuàng)新意識等；第二級，由各小組成員根據(jù)每個組員對本小組的貢獻情況及參與意識進行互評；第三級，由學生本人進行自評，如自己是否在原有基礎(chǔ)上有所提高，是否已經(jīng)掌握本課程的知識點并熟練應(yīng)用。最后，綜合三級評定情況確定每名學生的學習成績。對于有企業(yè)參與的項目，必要時可由企業(yè)做出最終評價。
歸檔或結(jié)果應(yīng)用項目應(yīng)盡可能具有實際應(yīng)用價值，應(yīng)盡可能將項目的完成結(jié)果應(yīng)用到企業(yè)和學校的生產(chǎn)教學實踐中。
《網(wǎng)頁制作技術(shù)》課引入項目教學法
《網(wǎng)頁制作技術(shù)》是我院計算機應(yīng)用技術(shù)、計算機網(wǎng)絡(luò)技術(shù)、軟件技術(shù)等專業(yè)的主干課程，具有實用性強，應(yīng)用面廣，操作性強、與崗位聯(lián)系密切等特點。為了更好地講授《網(wǎng)頁制作技術(shù)》課，我們進行了大膽的教學改革，打破了傳統(tǒng)的教學模式，將實際項目引入課堂教學，改革教學方法、教學手段及考核形式，較好地實現(xiàn)了課程教學目標。
《網(wǎng)頁制作技術(shù)》的課程目標《網(wǎng)頁制作技術(shù)》的課程目標是結(jié)合職業(yè)崗位的需要，培養(yǎng)出能夠從事網(wǎng)頁平面設(shè)計或網(wǎng)站構(gòu)建的人才，提高學生的學習能力、協(xié)作能力和綜合能力。
將項目教學法引入《網(wǎng)頁制作技術(shù)》課本課程的傳統(tǒng)教學方式是先由教師在多媒體教室授課，然后安排學生在實驗室上機驗證教師所講內(nèi)容。這種方式忽略了學生的積極性、主動性，學生學到的知識比較零碎，很難開發(fā)實際項目。隨著課程內(nèi)容的深入，很多學生逐漸失去了學習興趣，喪失了主動參與的意識，以致課程結(jié)束時，幾乎沒有學生能夠設(shè)計出具有一定水平的網(wǎng)站。為打破傳統(tǒng)的教學模式，突出學生的主體地位，讓學生成為教學的中心。我們分析了該課程的特點，并結(jié)合任課教師為企業(yè)開發(fā)網(wǎng)站的經(jīng)驗，讓教師將所承擔的網(wǎng)站建設(shè)項目引入課堂教學，引導(dǎo)學生共同開發(fā)項目，讓學生既能學到知識，又能積累項目開發(fā)經(jīng)驗，從而體現(xiàn)出“教、學、做是一件事，不是三件事”。
項目教學法提高了學生的能力和素質(zhì)將項目教學法引入《網(wǎng)頁制作技術(shù)》后，學生成為了學習的主體，教師在教學過程中起引導(dǎo)協(xié)助作用。學生在項目的驅(qū)動下自主學習，邊學邊做。有些能力突出的學生在學習過程中主動與外界聯(lián)系，承接小型網(wǎng)站建設(shè)項目。在完成項目的過程中，他們主動與其他同學和教師進行交流，討論問題，促進了項目教學法的發(fā)展。項目完成后所帶來的成功的愉悅和滿足感，不但提高了學生的學習興趣和學習積極性，同時也培養(yǎng)了學生自主學習的能力。
《網(wǎng)頁制作技術(shù)》課實施項目教學法的過程
筆者在擔任《網(wǎng)頁制作技術(shù)》課的教學過程中，結(jié)合學生的特點以及環(huán)境，將教學過程劃分成以下五個階段。
（一）網(wǎng)站項目的確定
確立實用、優(yōu)秀的項目是項目教學法能否成功實施的關(guān)鍵。因此，在實施項目教學法時，首先，應(yīng)選擇切實可行的項目。在教學正式開始之前，可先對學生進行分組，盡量使每一組學生的能力都比較均衡。同時，結(jié)合相應(yīng)的崗位能力要求，將選用的項目分為兩種：一種是選用已通過驗收的項目，另一種是選用正在進行中的項目。其次，應(yīng)針對學生的實際水平確定項目的難易程度。對于首次接觸這門課程的學生，由教師負責選取項目，講解知識點。所選取的項目必須簡單、典型，并且最好選擇已經(jīng)完成的項目，以便學生進行知識的遷移。對于具有一定基礎(chǔ)的學生，可由教師和學生共同討論選定具有較高難度的項目，并且最好選擇正在進行中的項目，讓學生身臨其境，參與創(chuàng)造實踐活動，親身體驗實踐的艱辛與樂趣。另外，應(yīng)注意根據(jù)學生具體的培養(yǎng)方向，確立最適合的項目。
（二）網(wǎng)站項目計劃
網(wǎng)站項目的計劃應(yīng)按照項目開發(fā)的需求加以實施。確定項目以后，讓每一組學生針對該項目進行需求分析，啟發(fā)學生主動發(fā)現(xiàn)身邊的素材。對于已通過驗收的項目，可由教師充當企業(yè)的角色，由學生向教師匯報自己所進行的關(guān)于項目需求的分析及收集到的資料；對于正在進行中的項目，可由學生直接面對企業(yè)，與企業(yè)溝通，做出需求分析。教師在這一過程中，一方面，起到指導(dǎo)的作用，另一方面，在對已驗收的項目實施的過程中，教師應(yīng)事先對該項目內(nèi)容進行定位，分析研究需要解決的問題和完成的任務(wù)，確保學生進行需求分析時，不會定位過高。
完成項目需求分析后，教師應(yīng)根據(jù)學生所作的需求分析確定項目的能力模塊，并將每個能力模塊細分為一系列小項目，學生根據(jù)課程的時間安排，結(jié)合項目內(nèi)容編寫項目開發(fā)計劃書。例如，根據(jù)我?！毒W(wǎng)頁制作技術(shù)》課的實際情況，將首次接觸這門課程的學生的能力模塊劃分如下（見下圖）。
（三）網(wǎng)站項目實施
項目教學法中最重要的環(huán)節(jié)是項目的具體實施過程。在該過程中，教師應(yīng)及時恰當?shù)貙W生進行引導(dǎo)，督促學生根據(jù)項目計劃書，按時按量完成相應(yīng)的功能模塊，保證項目順利進行，實現(xiàn)課程教學目標。對于首次接觸網(wǎng)頁制作的學生來說，沒有一定的網(wǎng)頁制作軟件操作基礎(chǔ)，就無法進行項目建設(shè)。因此，應(yīng)在《網(wǎng)頁制作技術(shù)》課程項目實施過程的第一階段講授學生網(wǎng)頁制作軟件的使用方法，為第二階段奠定基礎(chǔ)，第三階段的主要任務(wù)則是撰寫網(wǎng)站開發(fā)總結(jié)報告，鍛煉學生撰寫文章的能力。
第一階段實施過程對應(yīng)上圖中的能力模塊劃分情況，在第一階段的實施過程中主要教授學生網(wǎng)頁制作軟件的使用方法，使其形成相應(yīng)的具體能力。具體做法是：教師首先通過簡單的例子講解實際操作方法，然后，讓學生練習新知識、新操作，完成相應(yīng)的實驗項目。通過這種雙教一體的教學模式、講練結(jié)合的教學手段讓學生掌握牢固的基礎(chǔ)知識。
第二階段實施過程結(jié)合第一階段學生具體能力的鍛煉情況，根據(jù)所要建設(shè)的項目，按照項目計劃書進行開發(fā)并完成設(shè)計。該階段是項目教學法實施的核心環(huán)節(jié)。在此階段，教師要根據(jù)各開發(fā)小組的具體情況、具體要求及時恰當?shù)剡M行指導(dǎo)，解決學生開發(fā)過程中遇到的難題，督促學生按時按量完成項目計劃書中的各個開發(fā)環(huán)節(jié)，保證學生順利完成項目的開發(fā)，實現(xiàn)教學目標。在實際教學過程中，教師要重點做好指導(dǎo)監(jiān)督工作。如定期召開各項目組長會議，了解各項目組的開發(fā)進程；在項目開發(fā)過程中進行技術(shù)引導(dǎo)和指導(dǎo)，收集各組遇到的難題，組織各組進行總結(jié)和經(jīng)驗交流，從中探討不同的解決問題的方法。
第三階段實施過程該階段的任務(wù)是在學生完成網(wǎng)站建設(shè)后，撰寫開發(fā)總結(jié)報告，總結(jié)本次學習、開發(fā)的收獲和經(jīng)驗，為下一次開發(fā)做準備。階段性總結(jié)評價也是項目具體實施過程中必不可少的環(huán)節(jié)。教師和學生在每個階段的學習結(jié)束后，都要對該階段的學習成果進行展示、評價、總結(jié)，及時改進不足之處，鞏固成果，為后續(xù)工作打下堅實的基礎(chǔ)。
（四）網(wǎng)站項目展示與評價
項目完成后，應(yīng)對網(wǎng)站項目的建設(shè)效果進行展示，并加以講解。在講解展示網(wǎng)站的過程中，學生和教師可以提出問題，并結(jié)合相應(yīng)的網(wǎng)站項目評分表，形成學生和教師對該項目各自的評價。在對學生進行評價時，還應(yīng)結(jié)合其在項目開發(fā)過程中的學習能力、合作能力、參與程度、服務(wù)程度以及所起作用等各方面的表現(xiàn)情況。在對承接的企業(yè)的開發(fā)項目進行評價時，除上述評價角度外，還應(yīng)結(jié)合企業(yè)的需求，即除了學生評價、教師評價外，還要有企業(yè)評價，并以企業(yè)的評價作為最終的評判標準。
（五）網(wǎng)站項目的總結(jié)和應(yīng)用
項目完成后應(yīng)進行總結(jié)，并將其成果應(yīng)用到相關(guān)領(lǐng)域，體現(xiàn)該門課程的教學目標。我校在《網(wǎng)頁制作技術(shù)》課中實施項目教學法以來，完成了多個項目并將研究成果應(yīng)用到實際工作中，如我院的網(wǎng)站、各系各部門的網(wǎng)站、思明網(wǎng)站等。項目完成后應(yīng)總結(jié)思路、技巧并進行經(jīng)驗交流。思路總結(jié)可以幫助學生明晰項目完成的最佳思考方法，找到自己的不足；技巧總結(jié)著重總結(jié)解決開發(fā)環(huán)節(jié)中遇到的難題的方法，把握并吸收整個項目開發(fā)的精髓；經(jīng)驗交流主要是對學習方法、知識應(yīng)用進行交流。最后，教師可以指導(dǎo)學生對項目進行拓展和延伸。
項目教學法的成果
《網(wǎng)頁制作技術(shù)》課在實施項目教學法后，從本質(zhì)上改變了課程的教學目的。這種改變使學生不再覺得學習該門課程只是為了獲取學分，而是真正掌握一門技術(shù)，具備一定的開發(fā)能力，能夠承擔相應(yīng)的工作。在整個教學過程中，學生的自主學習能力、實踐能力、創(chuàng)新能力、團隊協(xié)作能力、分析解決問題的能力以及撰寫報告的能力都得到了鍛煉、培養(yǎng)和提高。
實踐表明，《網(wǎng)頁制作技術(shù)》課從傳統(tǒng)的多媒體教學模式的枷鎖中掙脫出來，實施項目教學法，體現(xiàn)了以學生為本，最大限度地調(diào)動了學生自主學習的積極性，培養(yǎng)了學生的綜合能力，使學生掌握了一門技巧，對教師也是一種鍛煉和提高。
參考文獻
網(wǎng)站開發(fā)論文參考文獻：
[1]黃寶玉，項國雄.國家精品課程建設(shè)現(xiàn)狀分析及思考[J].中國高教研究，2007(9)：72-75.
[2]史金昌.淺析基于ASP.NET的Web網(wǎng)絡(luò)應(yīng)用程序的安全開發(fā)[J].科技創(chuàng)新導(dǎo)報，2008(23)：37.
[3]李志勇，魏紅.高校精品課程數(shù)字化資源建設(shè)與推廣應(yīng)用研究[J].電腦知識與技術(shù)，20l0(2)：485-486.
[4]張書梅，符蘊芳，劉智國.網(wǎng)站安全管理的方法與具體實現(xiàn)[J].石家莊學院學報，2005，7(6)：54-56.
[5]陽衛(wèi)文，王建斯，基于P2P流媒體系統(tǒng)模型的研究進展[J].現(xiàn)代電子技術(shù)，2008(2)：159-161.
[6]萬榮澤.基于ASP.NET技術(shù)的統(tǒng)一后臺網(wǎng)站群的設(shè)計[J].微計算機信息，2007，23(8)：260-262.
[7]王紅雨，蔡成聞.基于ASP.NET的課程平臺設(shè)計與實現(xiàn)[J].聊城大學學報：自然科學版，2007，20(1)：78-82.
[8]顧正剛，畢海峰.網(wǎng)站規(guī)劃與建設(shè)[M].北京：機械工業(yè)出版社，2007：4-8.
網(wǎng)站開發(fā)論文參考文獻：
[1]孔祥鑫.基于PHP技術(shù)的校園網(wǎng)站的設(shè)計與實現(xiàn)[D].天津：天津師范大學，2012.
[2]李良.基于PHP的商業(yè)站點設(shè)計與實現(xiàn)[D].南昌：南昌大學，2010.
[3]杜闖.PHP在動態(tài)網(wǎng)站開發(fā)中的優(yōu)勢[J].電腦知識與技術(shù)，2010（13）.
[4]賈素來.使用PHP和MySQL開發(fā)動態(tài)網(wǎng)站[J].大眾科技，2011（3）.
[5]李晶.PHP技術(shù)應(yīng)用于中小企業(yè)網(wǎng)站開發(fā)探討[J].軟件開發(fā)設(shè)計，2014（10）.
[6]杜闖.PHP在動態(tài)網(wǎng)站開發(fā)中的優(yōu)勢[J].電腦知識與技術(shù)，2010（13）.
[7]賈素來.使用PHP和MySQL開發(fā)動態(tài)網(wǎng)站[J].大眾科技，2011（3）.
網(wǎng)站開發(fā)論文參考文獻：
[1]靳瑩.基于緩存技術(shù)的內(nèi)容管理系統(tǒng)研究[D].吉林大學，2014.
[2]黃菊.分布式緩存技術(shù)及其在車輛監(jiān)控系統(tǒng)中的應(yīng)用[D].北京郵電大學，2015.
[3]崔解賓.分布式內(nèi)存緩存技術(shù)在數(shù)據(jù)處理平臺中的研究與應(yīng)用[D].北京郵電大學，2015.
[4]李光瑞.Map/Reduce型海量數(shù)據(jù)處理平臺中的內(nèi)存級數(shù)據(jù)緩存技術(shù)研究[D].北京工業(yè)大學，2013.
[5]易會戰(zhàn)，王鋒，左克，楊燦群，杜云飛，馬亞青.基于內(nèi)存緩存的異步檢查點容錯技術(shù)[J].計算機研究與發(fā)展，2014（06）：1229-1239.
網(wǎng)頁設(shè)計論文參考文獻：
[1]胡崧.HTML從入門到精通[M].北京：中國青年出版社，2007.
[2]知新文化.HTML完全手冊與速查辭典[M].北京：科學出版社，2007.
[3]楊選輝.網(wǎng)頁設(shè)計與制作教程[M].北京：清華大學出版社，2009.
[4]王誠君，劉振華，郭竑暉，高中山.Dreamweaver8網(wǎng)頁設(shè)計應(yīng)用教程[M].北京：清華大學出版社，2007.
[5]李光明，曹蕾，余輝.中文Dreamweaver8網(wǎng)頁設(shè)計與實訓教程[M].北京：冶金工業(yè)出版社，2006.
[6]周德華，許銘霖.新編網(wǎng)頁設(shè)計教程[M].北京：冶金工業(yè)出版社，2006.
[7]趙銘建，趙慧，喬孟麗，康梅娟.網(wǎng)頁設(shè)計與制作[M].東營：中國石油大學出版社，2007.
[8]趙祖蔭，王云翔，胡耀芳.網(wǎng)頁設(shè)計與制作教程[M].北京：清華大學出版社，2008.
[9]陳季.Flash基礎(chǔ)與實例教程[M].北京：北京希望電子出版社，2005.
[10]丁海祥.計算機平面設(shè)計實訓[M].北京：高等教育出版社，2005.
[11]曹雁青，楊聰.Photoshop經(jīng)典作品賞析[M].北京：北京海洋智慧圖書有限公司，2002.
[12]張怒濤.Photoshop平面設(shè)計圖像處理技法[M].北京：清華大學出版社，2003.
[13]陳笑.Dreamweaver8，PhotoshopCS2，F(xiàn)lash8網(wǎng)頁制作實用教程[M].北京：清華大學出版社，2006.
[14]孫強，李曉娜，黃艷.JavaScript從入門到精通[M].北京：清華大學出版社，2008.
[15]劉智勇.JavaScript開發(fā)技術(shù)大全[M].北京：清華大學出版社，2009.
[16]陳會安.JavaScript基礎(chǔ)與實例教程[M].北京：中國電力出版社，2007.
[17]常永英.ASP.NET程序設(shè)計教程(C#版)[M].北京：機械工業(yè)出版社，2009.
[18]肖金秀，馮沃輝，陳少涌.ASP.NET程序設(shè)計教程[M].北京：冶金工業(yè)出版社，2003.
[19]金旭亮.ASP.NET程序設(shè)計教程[M].北京：高等教育出版社，2009.
[20]劉培文，韓小祥.ASP.NET程序設(shè)計教程[M].北京：中國人民大學出版社，2009.
網(wǎng)頁設(shè)計論文參考文獻：
[1]安穎蓮，李秀，姚瑞霞，田榮牌.《網(wǎng)頁設(shè)計與制作》課程教學設(shè)計與實踐.中國教育信息化，2007(17).
[2]沈志剛，于曉霞.“模塊項目化”教學法在網(wǎng)頁設(shè)計與制作課程中的應(yīng)用.福建電腦，2009(5).
[3]周娟.高職網(wǎng)頁設(shè)計與制作課程教學的幾點改進.電腦知識與技術(shù)，2009(26).
[4]蔡北勤.模塊化基礎(chǔ)上的工作過程系統(tǒng)化教學模式探討.交通職業(yè)教育，2007(6).
[5]，馮永華.課堂教學變革的反思與重建———“慕課”背景下課堂教學變革的思考[J].教師教育學報，2014，11(3)：53-63.
[6]孫曉娟.基于“慕課”的高職課程改革及教學評價的研究[J].中國管理信息化，2016，1(4)：236-237.
[7]張琳.高職網(wǎng)頁設(shè)計課程的教學生態(tài)模式研究[J].教育現(xiàn)代化，2015，4(10)：99-101.
[8]鄭偉、薛嵐.高職院校圖形類專業(yè)實踐教學研究[J].科技資訊，2010(12)：248-248.
[9]鄭偉.高職院校非圖形類專業(yè)《網(wǎng)頁設(shè)計與制作》課程教學改革的探討[J].福建電腦，2011，27(1)：205-206.
[10]鄭偉、薛嵐.高職院校圖形類專業(yè)《網(wǎng)頁設(shè)計與制作》課程建設(shè)改革的探討[J].藝術(shù)科技，2013，26(3)：283-283.
[11]李榮剛.視覺傳達專業(yè)中的網(wǎng)頁設(shè)計課程探索[J].美術(shù)學刊，2012，(10).
[12]何磊孫志宜.視覺傳達設(shè)計專業(yè)課程教學改革與創(chuàng)新[J].合肥師范學院學報，2015，(1)33期
[13]魏坤.視覺傳達設(shè)計專業(yè)發(fā)展現(xiàn)狀與教學對策——以漢江大學設(shè)計學院為例[J].中國藝術(shù)，2013，(4).
[14]戴士弘.職業(yè)教育課程教學改革[M].北京：清華大學出版社，2007：13-15
[15]梁景紅.網(wǎng)站設(shè)計與網(wǎng)頁配色[M].北京，人民郵電出版社，2008，(52).
網(wǎng)頁設(shè)計論文參考文獻：
[1]王寅田.基于Hadoop的交通物流大數(shù)據(jù)處理系統(tǒng)設(shè)計與實現(xiàn)[D].上海交通大學2014
[2]滕勇.基于WMI的電信營業(yè)終端管理系統(tǒng)的設(shè)計與實現(xiàn)[D].上海交通大學2013
[3]劉暢.模型驅(qū)動的飛機座艙顯示控制應(yīng)用軟件開發(fā)方法研究與實現(xiàn)[D].上海交通大學2014
[4]李巖.可調(diào)整時間自動機可達性算法的研究與實現(xiàn)[D].上海交通大學2014
[5]余啟鴻.物流企業(yè)信用評級技術(shù)研究及系統(tǒng)實現(xiàn)[D].上海交通大學2014
[6]張明銳.基于AOP的座艙顯示應(yīng)用軟件框架研究與實現(xiàn)[D].上海交通大學2014
[7]浦杰.券商門戶系統(tǒng)統(tǒng)一通訊平臺的研究和實現(xiàn)[D].上海交通大學2012
[8]陸志林.基于jBPM和SSH的電子政務(wù)開發(fā)平臺的研究和實現(xiàn)[D].上海交通大學2012
[9]鄭琦.基于OCM模型的在線計費系統(tǒng)開發(fā)及應(yīng)用[D].上海交通大學2007
一、目前，中等職業(yè)學校計算機課程評價體系的弊端
目前中等職業(yè)學校的計算機課程教學中，還是以傳統(tǒng)的終結(jié)性考核為主。中職學生的基礎(chǔ)差、學習的自覺性不強，特別是不少計算機專業(yè)的學生是因為喜歡電腦游戲才選擇計算機專業(yè)。另外，計算機教學的網(wǎng)絡(luò)環(huán)境對學生的課堂學習有不小的干擾和誘惑，部分同學將課堂實踐時間用于玩游戲和閑聊。傳統(tǒng)的評價等同于考試，試卷上幾乎沒有讓學生綜合運用所學知識解決實際問題的試題，不能引導(dǎo)學生培養(yǎng)各種能力，總結(jié)為重知識，輕能力；重筆試，輕操作。
職業(yè)教育的優(yōu)勢在于畢業(yè)生到崗就能上崗、上崗就能頂崗。為了培養(yǎng)高素質(zhì)的技能型人才，我們必須對學生的評價體制進行改革。有效過程性評價，就是對于學生學習過程進行多方面、多種形式、分階段的考核，側(cè)重對學生認知過程和綜合應(yīng)用能力的形成進行監(jiān)督和評價。
二、有效過程性評價在實踐中的應(yīng)用方法
1.與職業(yè)資格等級制度掛鉤。
有效過程性評價并不否定終結(jié)性評價的甄別作用，在計算機網(wǎng)絡(luò)專業(yè)的教學中，我們要求學生通過國家勞動和社會保障部門的職業(yè)資格鑒定，獲得行業(yè)準入資格，為就業(yè)打好基礎(chǔ)。在《網(wǎng)頁制作》學科，要求學生能夠通過網(wǎng)頁制作的過級考試，獲取認證資格。
2.將課堂行為納入評價范圍。
職業(yè)學校不僅培養(yǎng)勞動者的專業(yè)技能，更注重培養(yǎng)勞動者的職業(yè)道德意識。我們把考勤記錄、學生對自己行為的認知和改進，對待批評的態(tài)度作為有效性過程評價的一部分。
3.課堂上引入合作學習。
將學生分成小組進行比賽，每個小組成員都承擔一部分任務(wù)，通過比賽增強學習的興趣。比如在學習《網(wǎng)頁制作》中CSS樣式的使用過程中，讓學生分工設(shè)置關(guān)于超級鏈接的各種狀態(tài)，學習能力強的同學設(shè)計鼠標經(jīng)過、單擊、激活和正常時的四種鏈接狀態(tài)，學習能力稍微弱一些的同學負責觀察四種狀態(tài)的不同效果。這樣使既保證了每一個學生都有任務(wù)可做，也達到了培養(yǎng)學生合作學習的能力。為學生今后走向工作崗位打下了良好的基礎(chǔ)，使學生能夠更容易的適應(yīng)團隊生活。
4.其他一些影響評價的因素。
課堂筆記：把學生的課堂筆記放到評價中，用于考察學習態(tài)度。課堂筆記不是板書的翻版，對那些結(jié)合了個人的思考和總結(jié)，問題和解決方法的筆記要給予表揚，好的方法要在學生中推廣，教會其他同學做有價值的筆記。
學習態(tài)度：對于學習態(tài)度有明顯好轉(zhuǎn)的或者出現(xiàn)好的學習習慣的學生要及時給予關(guān)注和鼓勵。考慮到不同層次學生的接受能力，題目有難易度的區(qū)分，并給予學生一定的選題權(quán)。不以統(tǒng)一的技能考試為標準，而是根據(jù)學生技能的進步程度進行評價。
觀察能力和創(chuàng)新能力：計算機技術(shù)發(fā)展之快速使教學準備很難做到充分，課堂上出現(xiàn)的一些小問題引起了那些善于思考的學生的興趣，這些學生非常善于發(fā)現(xiàn)問題。教師要鼓勵和表揚這些行為。在《網(wǎng)頁制作》課程講解時間軸知識的時候，讓學生從中發(fā)現(xiàn)問題，并讓學生自己找出解決的方法，學生就會聯(lián)系自己所學的FLASH課程，并把其它學科的相關(guān)知識應(yīng)用于本學科。學生的觀察能力和創(chuàng)新能力是教與學過程和教學質(zhì)量監(jiān)控的重要環(huán)節(jié)，是改進課程考核方式的重要措施，是科學測評學生學習效果、促進自主學習、提高綜合素質(zhì)和能力的重要途徑。
三、有效過程性評價在實踐中的具體實施
將《網(wǎng)頁制作》的內(nèi)容劃分為六個模塊，分別為認識Dreamweaver CS3、創(chuàng)建和管理站點、文檔中各種元素的使用、表格布局頁面的應(yīng)用、模板和框架的使用、特殊動態(tài)效果的應(yīng)用，設(shè)置18個任務(wù)測試，按教學進度，分階段進行測試，以實現(xiàn)適時的對學生的學習效果進行評估。到學期結(jié)束時，再對學生進行理論和操作相結(jié)合的綜合性考核。
四、通過以上實踐得出總結(jié)
（1）在平時的教學過程中可以采用任務(wù)驅(qū)動、案例教學、項目教學法相結(jié)合的教學方式，教學內(nèi)容要能吸引學生的眼球，讓學生覺得學了這個技能后能幫他們解決實際工作問題。在模塊測試中盡量采用與平時教學過程中類似的案例，讓學生有可操作性和可實現(xiàn)性。
（2）由于有效過程性評價需要測試次數(shù)較多，為了不影響教學進度，需要利課外時間，比如第二課堂的時間。同時可以分設(shè)組長，扮演小老師的角色，除了在課堂上輔助教學外，也可以在課外技能訓練時間，輔導(dǎo)同學進行訓練。
實踐表明，通過在網(wǎng)頁制作課程中實施有效過程性評價充分調(diào)動了學生學習的主動性和積極性，學生的學習過程從單純的學轉(zhuǎn)變?yōu)橹鲃拥叵雽W和多次被評價。通過學生團隊的研究、探討、操作方案設(shè)計，使學生將理論與實踐有機的結(jié)合起來，有利于熟練技能的形成，同時協(xié)作能力、溝通能力也會得到同步的提高。所以過程性評價在中職學校《網(wǎng)頁制作》課程中的應(yīng)用是很有必要性的，期待有效過程性評價方法能夠幫助中職學校培養(yǎng)出更多的全能型人才。
一、介紹
超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。
網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入FLASH動畫利用Java或者JavaScript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點等技術(shù)。
Web頁面往往是具有各種各樣的頁面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術(shù)，不可能創(chuàng)作出一個優(yōu)秀的Web頁面，一個美觀而實用的Web頁面往往需要綜合利用各種技術(shù)。
二、概述
1. 網(wǎng)站名稱：“濟南中天環(huán)保設(shè)備有限公司”
2. 步驟：
(1) 確立主題
(2) 收集資料
(3) 創(chuàng)建網(wǎng)站
(4) 編輯網(wǎng)頁
(5) 美化網(wǎng)頁
三、目的
運用已經(jīng)掌握的知識完成一個環(huán)境保護企業(yè)網(wǎng)站。通過此次設(shè)計可以達到全面理解、運用網(wǎng)頁制作的知識，并使之得以融會貫通，在掌握運用Dreamweaver制作網(wǎng)頁的基礎(chǔ)上再加以實踐，進一步提高、加強自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計一個企業(yè)站點，以達到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁面風格獨特。
五、設(shè)計工具
Dreamweaver、Flash、Photoshop等。
六、站點構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟南中天環(huán)保設(shè)備有限公司?？偣灿芯W(wǎng)頁24個。主頁是一個總目錄的網(wǎng)頁，里面加有網(wǎng)頁動畫效果“滾動字幕”及Flash動畫，本站幾個主要分網(wǎng)頁分別為：公司簡介、資質(zhì)認證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營業(yè)績、聯(lián)系方式。還有許多子網(wǎng)頁。
2.頁面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個網(wǎng)頁的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁面，背景色采用跟主頁一樣的藍色，淡藍色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為Flash動畫與鏈接頁，左下方是用Photoshop
處理過的圖片，與主頁是一致的。右邊的標題是用Photoshop制作的圖片，小標題采用斜體加黑，這樣制作豐富了頁面內(nèi)容，使整個頁面條理清晰。服務(wù)承諾分條目標示，一目了然。最后的“空氣凈化服務(wù)范圍”標題，即可以鏈接到空氣凈化服務(wù)范圍頁面。
標題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁面相同的淡藍色，調(diào)整文字的大小與位置，兩邊分別加上符號“【”、“】”和“”，使圖片看起來更加美觀。
經(jīng)營業(yè)績頁面，背景色與Flash動畫，鏈接頁與主頁保持一致。這一頁的主要內(nèi)容是用表格形式來固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個頁面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來的經(jīng)營業(yè)績。
聯(lián)系方式頁面，左下方的圖片與右邊的標題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個outlook express電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點擊給公司發(fā)送郵件。outlook express作為全球范圍內(nèi)的聯(lián)機通訊軟件，已經(jīng)被越來越多的人所接受，無論是與同事和朋友交換電子郵件，還是加入新聞組進行思想與信息的交流，Outlook Express都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁面背景相同的藍色并對畫面進行淡化處理。右邊的標題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號“”，“「”，“”，“”，使圖片放置頁面中顯得美觀，更突出了主題內(nèi)容。
FLS－系列風淋室，凈化空調(diào)廠房，中效送風機組，各種醫(yī)療器械設(shè)備及實驗室設(shè)備等頁面由頁面“產(chǎn)品介紹”鏈接的，并且均以淡藍色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。
所有頁面整齊劃一，設(shè)計風格保持一致，加上淡藍色的背景，給人簡潔、明了、大方的感覺。
七 所用各技術(shù)的特點
1.Dreamweaver : Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver是當前主流的站點和網(wǎng)頁編輯器，其代碼簡潔、兼容性和整體功能都很強。Dreamweaver的介入，使得網(wǎng)頁一些部分的實現(xiàn)變得更加直觀簡便。
Dreamweaver的主要特點：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dremweaver能與您喜愛的設(shè)計工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字，HTML碼，HTML屬性標簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。
無可比擬的控制能力
Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進行版面配置。
所供即所得
Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強的支援能力給Third-party廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當您正使用Dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。
夢幻樣版和XML
Dreamweaver將內(nèi)容與設(shè)計分開，應(yīng)用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。
全方位的呈現(xiàn)
利用Dreamweaver設(shè)計的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascading style sheets的動態(tài)HTML支援和鼠標換圖效果，聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當有新的瀏覽器上市時，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報告。
2.Photoshop:Adobe photoshop 在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡便。他不僅提供強大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機等設(shè)備中采集圖像，并對他們進行編輯、修復(fù)、以及調(diào)整效果，同時可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級繪圖工具，可自動生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時保留色調(diào)和紋理圖層。Photoshop的強大工具可以使操作者不管制作任何圖像都游刃有余。對于設(shè)計網(wǎng)頁，photoshop是不可或缺的工具，是強大的圖片處理工具。
3.FlashMX: Macromedia公司出品的Flash是制作網(wǎng)頁動畫的利器。嚴格來說， F1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁編輯工具。F1ash是制作動感網(wǎng)頁的權(quán)威。對于使用者來說，只需很短時間的學習，就可以用它制作出美觀的網(wǎng)頁動畫?？梢宰屩谱髡唠S心所欲地實現(xiàn)各種創(chuàng)意，并且可以和JavaScript一起創(chuàng)作出具有強大交互性的網(wǎng)頁動畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動多媒體動畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當復(fù)雜的對象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動畫集可以插入到html文檔中，也可以單獨制作網(wǎng)頁。使網(wǎng)頁的效果更加完美。
八 網(wǎng)頁制作的優(yōu)缺點
比較明確，風格統(tǒng)一。并運用了一些其它的設(shè)計軟件加以輔助設(shè)計。使網(wǎng)頁更加具有動感，形式豐富。就內(nèi)容而言，比較豐富。大量運用了圖片，并進行了文字說明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁制作，做出的效果還是有些稚嫩的，需要以后不斷的實踐。
九 代碼
1．滾動字幕
style="FONT-WEIGHT: normal; LEFT: 0px; MARGIN-LEFT: 1px; TOP: 1px; TEXT-ALIGN: center"
onmouseout=this.start() scrollAmount=1 scrollDelay=50
direction=up behavior=loop width=250 height=150 background="">
href="Untitled-21.htm" target=_blank>二氧化氯的發(fā)展史
href="Untitled-22.htm" target=_blank>二氧化氯對健康的影響
href="Untitled-23.htm"
target=_blank>二氧化氯作為水體消毒劑的特性
href="Untitled-24.htm"
target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......
2．鏈接站點
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
友情鏈接站點
value=sina.com.cn>新浪網(wǎng)
value=163.com>網(wǎng)易
value=sohu.com>搜狐網(wǎng)
value=jnnc.com>新視聽
value=china.com>中華網(wǎng)
value=yahoo.com>雅虎
value=263.net>263首都在線
value=soim.com>索易
class=ourfont
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=number1>
環(huán)境保護站點
value=zhb.gov.cn/>國家環(huán)境保護總局
value=bjepb.gov.cn/>北京市環(huán)境保護局
value=sdein.gov.cn/>山東環(huán)境
value=jnepb.gov.cn/default.aspx>濟南市環(huán)境保護局
value=hisun-cn.com/>青島海晟環(huán)保技術(shù)
3．下拉列表
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
產(chǎn)品介紹
value="Untitled-6.htm" target="_blank">二氧化氯發(fā)生器-WPR型
value="Untitled-7.htm" target="_blank">二氧化氯發(fā)生器-WPRⅠ型
value="Untitled-8.htm" target="_blank">二氧化氯發(fā)生器-WPRⅡ型
value="Untitled-18.htm" target="_blank">二氧化氯發(fā)生器型號說明
value="Untitled-9.htm" target="_blank">破氰、除鉻一體化設(shè)備
value="Untitled-10.htm" target="_blank">ZT系列空氣凈化工作臺
value="Untitled-11.htm" target="_blank">ZT系列百級層流罩
value="Untitled-12.htm" target="_blank">ZT系列高效自凈器
value="Untitled-13.htm" target="_blank">ZT系列高效空氣過濾器
value="Untitled-14.htm" target="_blank">FLS-系列風淋室
value="Untitled-15.htm" target="_blank">凈化空調(diào)廠房
value="Untitled-16.htm" target="_blank">中效送風機組
value="Untitled-17.htm" target="_blank">各種醫(yī)療器械設(shè)備及實驗室
參考文獻
1.魏洪斌 《Dreamweaver MX網(wǎng)頁設(shè)計》清華大學出版社
2.馬波 《Dreamweaver MX完美網(wǎng)頁設(shè)計與制作》中國青年出版社
3.黃夢 《Dreamweaver MX完全征服手冊》中國青年出版社
4.周明濤 《Dreamweaver MX網(wǎng)頁設(shè)計指南》機械工程出版社
5.陳青、劉時燕、macromedia 《Flash MX標準案例教材》人民郵電出版社
6.劉淼 《Flash MX入門與提高》人民郵電出版社
7.李偉 《Flash MX動畫制作實例教程》清華大學出版社
