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