導言：作為寫作愛好者，不可錯過為您精心挑選的10篇網頁制作論文，它們將為您的寫作提供全新的視角，我們衷心期待您的閱讀，并希望這些內容能為您提供靈感和參考。

篇1

筆者從建構主義教學觀和教學實踐出發，設計出了一套符合這門學科特點的教學與管理模式：把整個教學過程分成三個階段，全部在計算機教室開展，針對不同的教學內容和教學環節采用不同的教學方式，邊講邊練，即案例引導教學階段、任務驅動實踐階段和項目合作課程設計階段，如圖1所示。這三個階段中教師是引導者，學生是知識的構建者。教師與學生之間，學生相互之間必須密切配合［4］1.展示效果。課堂上，首先把與本節知識內容相關的案例效果及功能展示給學生，通過素材和網頁效果的對比，激發學生的想象能力。2.分析操作任務。在教師的引導下，對案例進行模塊化分析。分析案例時一般包括兩個方面：一個是利用以往知識可以處理的效果；另一個是本次教學內容處理的效果。分析案例的目的在于溫習以往知識和引出本節課教學知識點。學生在分析案例的同時，一方面不斷形成新的理論視野，增長案例分析的技巧；另一方面探索思考理論如何運用于實際，從而及時、有效地促進了理論向實踐的轉化，真正達到理論與實踐的結合，有利于加強文科專業學生的實踐動手能力。3.知識講解與操作示范。在講解過程中注重基礎知識的傳授和基本技能的培養，同時介紹網頁制作中的相關規范和標準，并且注意總結一些實用的技巧。這種教學方式目的明確、形式生動，學生帶著問題聽課，學習興趣和效果明顯提高。教師要實際操作案例，在操作過程中把以往的知識點簡單回顧，并著重介紹新知識點，即講述相關理論知識。把書本上的相關知識通過案例的形式直接展示給學生，學生不但容易理解理論內容，同時，也了解知識的實際用途。4.課堂同步實踐。理論與實踐交融，知識與感悟同步。學生真正掌握技術在于自己是否能夠獨立完成實踐操作，在學生實際操作的過程中，教師應從旁指導、及時糾正，學生只有在依靠自我的力量去解決學習問題的過程中獲得了成功的體驗，才能進一步激發他們的學習熱情。5.課程設計。學生結合所學網頁設計制作知識與自己的興趣或擅長等自擬主題，制作出符合一定要求的網站。每個項目小組由4到5人組成，推選出項目經理，負責小組的項目策劃和成員分工。通過討論、交流與合作，小組成員各盡所能，取長補短，共同完成任務。這樣，既調動了學生的積極性，實踐了所學的知識，又培養了團結協作的能力。將課程設計記入學生的平時成績，從而給學生在該課程的學習上施加一定的壓力，促進其更好地學習。6.歸納總結。教師對學生的操作表現做出講評，對學生在網頁設計中的共性問題進行糾正，不斷規范學生的網頁設計。并與學生共同詳細討論和總結案例中所用到的理論知識和操作技巧。表揚其優點，指出其錯誤，可以鞏固教學效果，彌補學習漏洞，并有助于學生之間的學習交流。教師以“案例”引路，引導學生邊學邊練，以“任務”驅動自主完成學習任務。以“項目”促進理論知識與實際操作結合。教師的“教”與學生的“學”圍繞一個目標，學生充分發揮自己學習主動性和創造性，多種教學方法結合不但解決了課時少、知識點多、實效差、與實踐應用相脫離等問題，而且還充分調動了學生學習的積極性，使學習過程成為一個人人參與的創造性實踐活動，更好地培養了學生創造性思維和發現問題、解決問題的能力［5］。

考核與評價方式

篇2

引言

隨著信息時代的發展，web技術的一天天成熟，如何制作出一個符合規范，美觀又瀏覽速度快的網頁已經越來越成為一個網頁設計師所要考慮的重點了。過去的網頁設計師只需考慮網頁前臺美工處理，然后切片形成網頁即可，而自從CSS層疊式樣式表誕生后，網頁排版成為了一個新的網頁技術研究的領域。在制作網頁中，我們布局網頁的方法一般有兩種，第一種是使用table（表格）來布局網頁，另一種是使用div容器來布局網頁。下面我們就一個實例來講解這兩種方法來布局網頁的操作步驟，以及比較兩種方法的優點和不足之處。

一、網頁布局的兩種方法

方法一：使用table表格制作網頁框架。具體操作步驟如下：

第一步，打開dreamweaver8.0軟件，數好目標表格的行和列（從最小的格子數起）點擊插入菜單中的表格項，然后打開下面的屬性面板

第二步，將第一行的三列合并，第三行的三列合并。

第三步，合并后，一定要嚴格定義好每行的高度，其次一定要定義好第二行每個單元格的寬度，注意三個單元格的寬度之和應該是表格的總寬度。

第四步，將總表格居中對齊，設置好表格的邊框顏色以及每個單元格的底紋，即可。

這樣，一個通過表格制作的網頁框架就做好了，表格的每個單元格就可以存放圖片、文字、動畫等等了。

方法二：通過div容器來制作網頁框架。具體步驟如下：

第一步，新建一個dreamwer文件，點擊插入菜單中的插入布局對象中的div標簽，點擊確定；

第二步，新建CSS樣式

新建完后將CSS樣式的邊框、底紋以及高度和寬度設置好。這樣就設置好了頂部單元格。

設置好所有的css屬性后，點擊dreamweaver的編輯窗口div標簽，點擊如圖5屬性欄中的divID應用即可。

第三步，使用相同的方法繼續插入布局對象中的DIV標簽，第二行插入DIV應注意，首先插入一個大的div容器，然后在里面插入左中右三個div，定義好每個div的寬度后，注意左邊和中間的div容器的css代碼必須寫入：float:left；否則div容器是無法形成橫排的

第四步，使用相同的方法插入底部的第六個div容器。保持與上面容器寬度一致，同時在css代碼中將每個div容器的底紋和邊框設置好。

二、總結網頁布局的兩種方法的優點與不足之處

使用table表格來布局網頁框架的優點：制作方法直接，直接通過插入菜單中插入以及屬性欄中設置所有的操作即可，無需定義CSS樣式；制作的速度快。缺點：由于html文件中的table標簽的瀏覽速度較慢，所以，使用嵌套表格的方法來布局網頁框架會使網頁瀏覽的速度變慢。

使用DIV的方法布局網頁框架的優點：可以通過css樣式給框架進行功能強大的屬性設置以及給網頁的局部進行任意的定位，制作出來的頁面瀏覽速度較快，同時頁面的風格可以通過修改單獨的css文件進行隨意的修改和更新；缺點：每個div容器都需要定義css樣式來控制，制作過程相比table方式要復雜。現在的網頁越來越傾向于使用DIV的方法來布局網頁了。:

三、table與div方法布局網頁框架的應用

篇3

一、引言

Internet已滲透到了社會的各個領域，不僅影響著我們的學習和工作，在Internet的發展中，WWW的發明和迅速推廣應用是一個重要的里程碑。網頁設計作為一門新興的技術，是介于平面設計、編程技術兩者之間的一門學科，它還涉及到美學心理、平面構成、色彩搭配等平面設計方面的知識。只有綜合運用多種知識，才能設計出視聽特效、動靜結合、人機交互的WEB頁面。

電子商務網站是一個非常豐富和方便的系統，很多是過去無法想像的，隨著今天的社會的發展以及科學技術的發展，現在都可以想像得到。由此可以想像到未來的網頁設計，那時候網頁設計的要求是什么呢？怎樣才能適應電子商務的發展呢？我有以下幾點想法:網頁能具有人性化;網頁要具有相當的美感;網頁更加強調交互性。

二、電子商務網站的安全現狀

電子商務網站安全主要涉及網絡信息的安全和網絡系統本身的安全。電子商務網站安全的隱患主要來自操作系統、網絡和數據庫的脆弱性以及安全管理上的疏忽。電子商務網站安全從本質上講就是網絡上信息的安全，包括靜態信息的存儲安全和信息的傳輸安全。從廣義上講，凡是涉及到網絡上信息的保密性、完整性、可用性、真實性和可控性的相關技術和理論都是網絡安全的研究領域。因此為了保證網絡的安全，必須保證以下四個方面的安全：運行系統的安全；

網絡上系統信息的安全；網絡上信息傳播安全；網絡上信息內容的安全。

以下是對目前國內電子商務站點普遍存在的幾個嚴重的安全問題的一些分析。

1.客戶端數據的完整性和有效性檢查

(1)特殊字符的過濾

在W3C的WWWSecurityFAQ中關于CGI安全編程一節里列出了建議過濾的字符：&;“”\“|*?-＜＞^()[]{}\n\r，這些字符由于在不同的系統或運行環境中會具有特殊意義，如變量定義/賦值/取值、非顯示字符、運行外部程序等，而被列為危險字符。

①CGI和Script編程語言的問題

在幾種國內常見的WEB編程語言中，ASP和ColdFusion腳本語言對特殊字符的過濾機制不夠完善，例如沒有對單引號做任何處理等。Perl和php對特殊字符的過濾則較為嚴密，如忽略或加上“\”（取消特殊字符含義）處理。C語言編寫的cgi程序對特殊字符的過濾完全依賴于程序員的知識和技術，因此也可能存在安全問題。

②MicrosoftASP腳本

普遍存在的問題是程序員在編寫ASP腳本時,缺少或沒有對客戶端輸入的數據/變量進行嚴格的合法性分析。因此,如果攻擊者輸入某些特定sql語句,可能造成數據庫資料丟失/泄漏/甚至威脅整個站點的安全。比如攻擊者可以任意創建或者刪除表（如果可以猜測出已存在的表名），清除或者更改數據庫數據。攻擊者也可能通過執行一些儲存過程函數,將sql語句的輸出結果通過電子郵件發送給自己，或者執行系統命令。

③PHP和Perl

雖然提供了加上”\”（取消特殊字符含義）處理的手段，但是處理一些數據庫時依然可以被改寫。對于MySQL則沒有問題，\’不會與前面的單引號封閉，而當作一個合法的字符處理。針對oracle和informix等數據庫暫時未進行相關測試。

另外，對于PHP或者Perl語言，很多程序對于數字類型的輸入變量，沒有加單引號予以保護，攻擊者就有可能在這種變量中加入額外的SQL語句，來攻擊數據庫或者獲得非法控制權限。

(2)數據庫問題

不同的數據庫對安全機制的不同認識和實現方法，使它們的安全性也有所不同。最常見的問題是利用數據庫對某些字符的不正確解釋，改寫被執行的SQL語句，從而非法獲得訪問權限。

2.大量數據查詢導致拒絕服務

許多網站對用戶輸入內容的判斷在前臺，用javascript判斷，如果用戶繞過前臺判斷，就能對數據庫進行全查詢，如果數據庫比較龐大，會耗費大量系統資源，如果同時進行大量的這種查詢操作，就會有DenialofService（DoS——拒絕服務）同樣的效果。

三、措施與解決方案

通過查閱一些資料，下面介紹一些網頁制作中安全防范的方法，以供大家參考。

1.防范腳本攻擊

(1)JS腳本和HTML腳本攻擊的防范其實很簡單，只要用server.HTMLEncode（Str）就可以了。當然全以＜%=uid%＞過濾，為了方便的過濾，只需要將HTML腳本和JS腳本中的幾個關鍵字符過濾掉就可以了，如下代碼所示：

以下是過濾函數CHK()

＜%

functionCHK(fqyString)

fqyString=replace(fqyString,“＞”,“＞”)

fqyString=replace(fqyString,“＜”,”＜“)

fqyString=replace(fqyString,“&#”,“&”)

fqyString=Replace(fqyString,CHR(32),“”)

fqyString=Replace(fqyString,CHR(9),“”)

fqyString=Replace(fqyString,CHR(34),“”“)

fqyString=Replace(fqyString,CHR(39),”‘“)

fqyString=Replace(fqyString,CHR(13),”“)

fqyString=Replace(fqyString,CHR(10)&CHR(10),”＜/P＞＜P＞“)

fqyString=Replace(fqyString,CHR(10),”＜BR＞“)

CHK=fqyString

endfunction

%＞

(2)很多站點在用戶注冊，或者是用戶資料修改的頁面上也缺少腳本的過濾，或者是只在其中之一進行過濾，注冊進入后修改資料仍然可以進行腳本攻擊。對用戶提交的數據進行檢測和過濾如以下代碼：

IfInstr(request(”username“),”=“)＞0or

Instr(request(”username“),”%“)＞0or

Instr(request(”username“),chr(32))＞0or

Instr(request(”username“),”?“)＞0or

……

Instr(request(”username“),”＞“)＞0or

Instr(request(”username“),”＜“)＞0or

Instr(request(”username“),”“”“)＞0then

response.write”朋友，你的提交用戶名含有非法字符，請更改，謝謝合作＜ahref=’****:window.history.go(-1);‘＞返回＜/a＞“

response.end

endif

2.防范sqlinjeciton攻擊

從最一般的.SQLInjection漏洞攻擊來看，主要在用戶名和密碼上的過濾問題，提交：用戶名為：‘or’‘=’用戶密碼為：‘or’‘=’從程序出發，數據庫在執行以下操作Sql=“SELECT*FROMlUsersWHEREUsername=”or“=”andPassword=“or”=“”時，SQL服務器將返回lUsers表格中的所有記錄，而ASP腳本將會因此而誤認為攻擊者的輸入符lUsers表格中的第一條記錄，從而允許攻擊者以該用戶的名義登入網站。對此類注入的防范可以利用以下代碼就可以實現strUsername=Replace(Request.Form(“Username”),“‘’”,“‘’‘”)

strPassword=Replace(Request.Form(“Password”),“’‘”,“’‘’‘”)

3.防止ASP木馬

防止ASP木馬被上傳到服務器的方法很簡單，如果你的論壇支持文件上傳，請設定好你要上傳的文件格式，我不贊成使用可更改的文件格式，直接從程序上鎖定，只有圖象文件格式和壓縮文件就完全可以，因為多給自己留點方便也就多給攻擊者留點方便。怎么判斷格式，如下面代碼所示：

判斷文件類型是否合格

PrivateFunctionCheckFileExt(fileEXT)

dimForumupload

Forumupload=”gif,jpg,bmp,jpeg“

Forumupload=split(Forumupload,”,“)

fori=0toubound(Forumupload)

iflcase(fileEXT)=lcase(trim(Forumupload(i)))then

CheckFileExt=true

exitFunction

else

CheckFileExt=false

endif

next

EndFunction

上述介紹的一些安全防范的方法在編寫網頁代碼時被常用到，這些代碼還是較為基本的一些代碼，但能有效的防止一些黑客的攻擊，當然加入了這些代碼可能會降低程序的使用效率。做為一名網站的管理人員或網頁制作人員在進行網頁制作和網站維護時應加強安全防范的意識，確保在網絡上進行數據傳輸的可靠性。

篇4

考核方式

因此不能像其他課程一樣采取傳統的筆試方式進行考核，筆試比較適用于一些理工科課程，如高等數學、計算機原理等，該方式可考察學生對這些公式、原理、概念等掌握的情況。單純上機出題考試也有一定局限性。本人認為應把考核的重點放在綜合實踐能力的考核上。該課程的考核可以有三部分組成：課堂表現（10%），上機練習作業（20%），最后作品（70%）。這樣可以較全面地考核學生對該門課程的掌握與實踐情況，其中作品指的是老師制定的項目要求，一般都是個人網站或其他主題的網站。學生在規定的時間制作完成上交。最后作品主要從網站的鏈接結構是否合理順暢、網頁配色、界面設計、網站內容的完整性、網站技術的運用以及網站運行是否穩定等方面來綜合評定。最后的作業評定可以以答辯展示的形式，由每個學生闡述對該項目的想法、制作心得以及制作過程中遇到的問題，然后教師給予評定和答疑，這門課程的最后一個環節，授課教師對教學效果有個總體了解的同時也給學生一個更大程度提高的機會。

實踐效果

篇5

中圖分類號：G643文獻標識碼：A文章編號：1009-5349（2017）13-0023-01

本科畢業論文寫作是我國普通高等本科院校人才培養方案中的一個重要的實踐教學環節。我國教育部頒發的《高等學校本科英語專業教學大綱》中強調本科畢業論文是檢驗學生大學四年對所學專業知識掌握情況的有效措施，是畢業生綜合成績測評的重要手段。

一、基于知網的翻譯研究方向畢業論文寫作理論基礎

上世紀末，知網信息平臺迅速崛起，為我國期刊、論文及相關文獻的檢索和收藏提供了充實而廣泛的空間，在網絡、文獻和資料大量涌現的時代，給我國高校英語專業翻譯研究方向的畢業論文寫作提供了寶貴的支持。在目的論指導下，基于知網翻譯研究方向畢業論文寫作的過程趨向于以論文寫作的預期功能和論證目的以及作者的期待為核心，在不改變論文寫作初衷的前提下，對所研究內容做出適當的調整和修改，以更好地突出翻譯研究方向畢業論文寫作的價值為目的。從目的論視角審視基于知網的翻譯研究方向畢業論文寫作，一方面從微觀角度規范翻譯研究方向畢業論文寫作，以最大限度地實現翻譯研究方向畢業論文寫作的目的。另一方面，對翻譯研究方向畢業論文寫作、修改提供借鑒和參考，以更好地完成畢業論文寫作。

二、基于知網的翻譯研究方向畢業論文寫作的三種方式

1.基于知網資源的翻譯研究方向畢業論文寫作

翻譯研究方向畢業論文寫作必須充分運用知網信息共享這一優勢。知網對于畢業生來說是一個十分重要的信息寶庫，通過知網可以檢索到非常有價值的英漢翻譯方面的專業術語和專業資料，其中關于英漢語言學、英美文學、英漢教學方法和跨文化交際等與翻譯研究方向緊密相關的資料數不勝數，并且這些資料具有豐富性、廉價性和方便性等特點。論文作者不再是單純而被動的論文撰寫者，同時也可將自己的資源上傳共享到知網，成為信息的構建者和者，做到以寫促學，形成以交流促共享的新的畢業論文寫作局面。

2.基于知網工具的翻譯研究方向畢業論文寫作

翻譯研究方向畢業論文寫作需要一個科學合理的研究過程，也是每一個畢業生通過知網技術和平_，并根據所學專業知識進行自主研究和創作的過程。強大的知網信息平臺為廣大畢業生提供了一個以畢業生論文寫作者為主體，強調互動和創新的論文寫作過程。為廣大畢業生提供服務的知網信息平臺工具主要包括在線導航、在線搜索和引擎等幾大特殊功能，優質的在線服務具有良好的資源環境，這不僅為廣大畢業生提供簡明的信息平臺，而且還為畢業生提供了可靠的資源與寫作素材，使畢業生更好地深入到畢業論文寫作中，對所研究論題有更充分的了解和掌握，以便于更深入地研究。

三、翻譯研究方向畢業論文寫作理論與實踐的整合

1.堅持以論文作者為中心

論文寫作活動的發生和發展是論文作者積極自覺地構建主觀寫作意圖的過程，是寫作的主體。因此，翻譯研究方向畢業論文寫作理論與實踐整合的基本原則應是一切都要為促進論文作者實現有效寫用為核心目標，充分考慮論文作者的認知心理和認知特點、寫作動機、自身素養等諸多方面的因素。

2.堅持論文寫作實踐植根于理論層面

堅持理論與實踐的完美結合與統一是翻譯研究方向畢業論文寫作的另一重要原則。這就要求論文作者需要選擇一個恰當的理論作為寫作指導，而不是用慣性的思維選擇一個從眾的不適合的理論。當然，翻譯研究方向畢業論文寫作在知網的使用過程中切不可局限于某一種單一的理論。在具體寫作過程中，對待知網的運用方面應采取應題而異的資料搜索方式和論文寫作方法，根據不同的論題和論點，從知網選取不同的理論。

本科畢業論文寫作是我國高校本科畢業生專業知識綜合運用的體現，是我國現階段本科院校人才培養目標的重要任務之一，也是我國高校本科教學改革的重要客體，本科畢業論文寫作質量直接反映出我國高校本科教學的質量。將知網信息平臺與畢業論文寫作相結合，極大地提升了我國高校本科畢業論文的質量。

參考文獻：

[1]于泓.談新世紀高校圖書館的文獻信息服務[J].情報科學，2002（5）.

[2]朱凡.數據庫利用教育史文獻檢索課的核心[J].情報雜志，2002（6）

篇6

隨著信息技術的迅猛發展和互聯網的廣泛應用，網絡及其技術正在迅速成為拓展教育時空、提升教育效率的重要途徑，通過網絡開展就業指導和畢業生就業服務也成為高校指導就業工作的重要渠道。基于網絡技術的固有優勢和就業指導的本質要求以及高校就業信息網絡化的不斷完善，高校畢業生逐漸將網絡求職作為擇業的重要手段之一。與此同時，用網絡為大學生開展就業指導也在迅速發展，但在這發展過程中存在著若干薄弱環節，如何實施和發展網絡就業指導，突破時空限制，為學生提供全程、全面、全方位的就業指導服務已成為高校網絡化就業指導工作中迫切需要解決的問題。

一、網絡就業指導工作中所存在的問題及形成原因

1.高校就業指導人員的專業素養有待提高

目前，我國高校基本上都設置了就業指導機構，多數開有就業指導課。但由于師資力量投入不足，就業指導機構的工作大多是以相關就業信息以及學生就業手續辦理為主。作為學校就業工作實施的主管部門，其工作方式沒有突破傳統模式。部分學校沒有專職就業指導老師，缺少一支結構合理、業務水平高的教學隊伍。上課的主要是學校就業處的老師和工作人員，且沒有對這些老師進行專業的培訓教育;在教學安排時，由于師資和課時問題、擴招人數的增多、學校多方面資源緊缺等原因，使得就業指導教師隊伍不穩定，特別是網絡化就業指導整體處于較低水平。因此，改變現狀，提高就業指導人員專業水平是各高校就業指導機構首先要解決的問題。

2.大學生就業指導網的建設有待進一步完善

（1）就業網站的指導、服務功能需要加強

目前，多數就業指導網站提供的內容基本上都是大同小異，除了各種政策法規、用人單位招聘信息、畢業生求職信息等內容外，就是簡單的文章羅列，畢業生需要和想要的內容很少。要想了解更多的內容，多數畢業生們還是選擇網絡引擎搜索。另外，就業指導網站的有些欄目設置缺少吸引力，內容過時，互動性、聯通性比較差，使用不方便，沒能真正充分發揮其應有的功能。專門針對學生進行職業生涯規劃、職業生涯測評、個性化設置、就業心理疏導等方面的相關輔導內容涉及不多。

（2）對網站信息的監控有待改進

就業信息網上畢業生或用人單位自己填寫并相關信息，對畢業生而言，部分畢業生任意更改對自己就業不利的相關資料，如改表現、提高成績等，一些不確實的信息；對用人單位而言，也“善意”夸大自身實力。這些不良行為的后果直接引發就業矛盾以及人們對網上招聘信息信任度的降低。可見，如何有效合理利用網絡開展就業指導，還有廣闊的開發空間。

（3）網絡化就業指導工作的信息整合效力不夠

目前，許多就業網站由于沒有網絡化實施的有效方案，不能實現與教育管理部門、各級高校的信息共享和整合，就業信息的、就業數據的統計和學生就業管理等工作還未擺脫傳統方式。高校與社會機構對于就業指導的網絡資源整合效力不夠，高校、政府相關各職能部門各擺各的譜，各唱各的調。由于信息不聯通，常常出現“有人無業就，有業無人就”和“求職者找不到合適的職位，求人者找不到有用的人才”的兩難局面。

二、就業指導工作網絡化的建議和對策

1.提高就業指導人員信息素養

就業指導人員應具備較敏銳的信息意識，具有較強的信息敏感度，能夠根據實際情況主動快速地提取、利用就業信息資料。在高校畢業生就業過程中，畢業生人數比較集中，受時間、專業、場地、生源地限制，如果沒有大量的準確的人才需求信息，就業工作勢必受到影響。

就業指導人員要掌握信息知識，積極學習各類新信息知識和熟練使用各種信息工具，對信息的發展具有適應性，能夠跟上社會發展的腳步。

就業指導人員要具有運用信息的能力，應對收集到的各類信息進行整理、分類、歸納和總結，以保證信息的全面、及時和準確，并及時向畢業生和用人單位反饋和。同時能引導學生學會根據求職要求對各類信息進行篩選，學習對學習、生活、就業有用的內容，自覺抵制不健康的內容，不組織和參與非法活動，不利用計算機網絡從事危害他人信息系統和網絡安全、侵犯他人合法權益的活動。

2.相關就業指導網站的建設

在校級就業網絡信息平臺的建設過程中，應注意綜合畢業生、用人單位的雙方需求，設計出結構明朗、內容豐富、便于訪問和瀏覽的網站主頁。

（1）增強網站對學生就業的指導功能

大學生就業指導網是否具有指導性，是否具有一定的服務功能，是影響高校利用網絡對大學生實施就業指導的又一重要因素，也是決定網上就業指導工作生命力的關鍵。增強就業指導網站的指導功能，特別要注重網站的互動功能，開設“論壇”、“在線答疑”等欄目，一方面能夠及時解答學生提出的問題，了解學生的動態，做好畢業生的就業指導工作；另一方面也促進了畢業生和用人單位之間的溝通和交流，畢業生之間的信息互通，促進了就業指導工作的開展。同時依托網站建立相關的培訓與測評機制，為大學生提供滿足近期職業發展需求和階段性職業規劃設計的相關服務。

（2）注重網站的就業服務功能

就業指導網站面對的是畢業生與用人單位兩方的服務需求，可以通過建立畢業生和用人單位數據庫，實現用人單位與畢業生的網上雙向選擇，同時確保雙方信息的可靠性和真實性。健全網絡視頻面試功能，節約資源，提高畢業生與用人單位的信息交換頻率，達到網絡就業的效果。同時，就業指導人員還可以利用電子郵件、QQ、飛信等就業信息，實現快捷的就業服務。

（3）就業指導相關各級機構的網絡資源整合有待加強

目前，由國家到地方，各級就業網站的建立基本完成。按照教育部要求，高等學校中的本科院校在2007年就要基本完成網站的建設，2008年要求專科學校也要完成學校就業網站的建設。現在，由政府相關部門（教育部、人事部、發改委等）共同發起組建的畢業生就業網絡聯盟，也于2009年11月20日正式啟動。它讓畢業生的信息交流更為方便，使畢業生的就業管理工作更為及時高效。

大學生有效就業，是一項多頭緒的社會化系統工程，更是關系國家發展穩定的大局。建立網絡化就業指導的模式，構建并完善就業信息平臺，通過信息交互，為畢業生提供多渠道、多方位的就業信息。高校相互間的就業信息源要實現開放、聯合和共享，這樣才會使更多的用人單位登錄網站，使畢業生就業受益。高校就業指導網站與地方主管部門共建網絡化就業指導平臺，整合資源，構建開放的就業信息體系，從而使各地區、各行業、各部門與畢業生之間實現立體化的信息交互。高校網絡化就業指導是一項系統工程，需要各高校之間、高校與地方畢業生就業工作主管部門之間有序聯合，使就業指導工作更好地服務于學生，滿足社會的需要。

篇7

中圖分類號：G434 文獻標識碼：A 論文編號：1674-2117（2016）01-0079-02

中職計算機專業“網頁制作”課程教學的重要性

作為我國教育體系重要的組成部分，中職院校在人才培養中扮演著重要的角色。在當前時代與社會的發展要求下，中職院校更需要強化發展。[1]計算機專業中的“網頁制作”課程其培養方向與中職計算機專業人才培養的目標相一致，即提高學生的專業知識、專業技能以及實踐能力。因此，強化中職計算機專業“網頁制作”課程的教學有著重要的意義和作用。

中職計算機專業“網頁制作”課程利用專題學習網站的實踐

當前，計算機被廣泛應用到各個行業和領域中，為了提高計算機專業的教學質量，為社會培養更多的實用性人才，中職院校在計算機專業的教學中增加了“網頁制作”課程。而在實際教學中，專題學習網站能為學生學習“網頁制作”課程提供幫助，從而提高他們的實踐能力。[2]

專題學習網站，是在互聯網環境下，將各科學習課程或者某些教學課程之間的某一項或者多項學習的知識點有機結合起來的學習專題，是可以讓學習者進一步研究和學習的一個資源型學習網站。它可以用來進行資源信息的存儲和加工，對學生的學習情況進行在線反饋等。[3]在中職計算機專業“網頁制作”課程的教學中，由于其操作性強、專業性強等特點，教師需要讓學生在網頁制作設計中充分利用各種資源。而專題學習網站能為學生提供豐富的資源，滿足學生的設計需求。“網頁制作”專題學習網站的結構如圖1所示。

在專題學習網站中，基礎知識部分為網頁制作的基礎教學資源，包含了網頁制作基礎理論、網頁制作設計軟件操作、網頁制作技巧等，是學生學習“網頁制作”課程的入門知識。專題學習網站中的實例教學，則是以教學實例為例子，使用任務驅動教學法，為學生提供網頁制作所需要的各種資源，以教學實例為網頁制作知識學習的主線，循序漸進，使學生掌握網頁制作的相關知識，并提高網頁制作實踐技能。

網站界面的主要功能是為用戶提供服務，所以在網頁的制作和設計中，一般需要做到以下幾點：①保證網頁的簡潔性。在網頁制作的過程中，界面的簡潔可以方便用戶的操作、使用和了解，從而減少錯誤操作。②一致性。在網頁設計中，需要保證每個網頁的一致性，做到結構一致、清晰，風格一致等。③清楚。制作網頁需要保證網頁的清晰度，因為清楚的視覺效果便于用戶的瀏覽和使用。④安全性。在網頁制作中，需要保證網頁的安全性，在保證用戶可以自主選擇的同時，也要給予用戶選擇錯誤時必要的系統信息提示等。[4]除此之外，還需要具有靈活性、排列性等。

“網頁制作”課程利用專題學習網站，既可以用于課堂教學，也可以用于學生的課外網站學習。例如，“網頁設計”專題學習網站的實例教學部分，主要是制作教學案例。案例多以課程教學中的實施為基礎和依托，案例的設計不只是一個知識點的應用，還會包含多個知識點，是計算機專業“網頁制作”課程知識的綜合利用。實例教學的界面如圖2所示。

教師指導學生利用專題學習網站進行網頁制作的主要步驟為：

第一步，欣賞借鑒。教師讓學生上網瀏覽、欣賞、搜集自己覺得精彩的網頁、個人主頁等。

第二步，設計網站的基本框架。教師指導學生建站、鏈接、文本鏈接、圖像鏈接等，建立與E-mail超鏈接。

第三步，設計頁面布局。學生利用自己所學的知識，進行網頁、表格、文字等的布局設置，在網頁中輸入圖像、背景顏色、背景音樂等，設置文件的保存、命名、移動、刪除等操作。

第四步，創建動態頁面。學生利用所學的計算機知識，設置動態的網站頁面，如字幕、懸停按鈕、圖像、文字等動態的效果畫面。

第五步，上傳網頁。學生完成網頁設計之后，可以申請免費的個人網站主頁，在網站空間里上傳自己設計的網站、網頁。

第六步，評價網頁設計。教師對學生上傳的網頁設計實踐成果進行評價，并針對其存在的不足和錯誤進行糾正，以幫助學生認識網頁設計的不足，并逐步完善。

結語

中職計算機專業“網頁制作”課程教學，充分利用專題學習網站進行實踐，既可以培養和鍛煉學生的網頁制作設計技能，還可以為學生的網頁制作、設計，提供豐富的信息資源。因此，在中職計算機專業“網頁制作”課程教學中，利用專題學習網站進行教學實踐，對培養計算機專業人才具有重要意義。

參考文獻：

[1]黃以寶.《網頁設計與制作》專題學習網站的設計[J].電腦知識與技術，2009（15）：4089-4090.

篇8

【中圖分類號】G40-57【文獻標識碼】A 【論文編號】1009―8097（2008）13―0138―04

眾所周知，Dreamweaver 8.0是一款非常優秀的專業網站開發軟件，目前的版本已經發展到CS3（即9.0版），由于8.0的普及使用范圍很廣，本文則以8.0為主來講解Dreamweaver的使用技巧（下文的Dreamweaver均指8.0版），讓網頁制作初學者更好的掌握該軟件的使用。

一 網站管理方面

一個Web站點內一般有很多網頁文件、圖片，甚至Flas等，如不進行管理歸檔，分散在硬盤的各個地方就無法方便地進行網頁的。定義本地站點，就是在硬盤上建立一個目錄，將所有的網頁和相關的文件都放在里面，以便進行網頁的制作和管理。

Dreamweaver提供了方便的站點管理工具，具體操作請參考相關教材，此處不再詳述。在這里需要注意的兩個技巧是：

1 是否使用服務器技術的選擇。

有的初學者認為選擇“否， 我不想使用服務器技術”（圖1-1）和“是，我想使用服務器技術”中的“無”（圖1-2）的效果是一樣的，這是錯誤的，兩者之間是有區別的，在于是否要通過服務器來調試瀏覽網頁，效果如圖1-3和圖1-4所示：

2 站點保存地址的準確書寫

有很多初學者喜歡自己填寫網站保存的位置，如圖2-1所示。但由于路徑中的“/”“\”的符號使用不當也會造成Dreamweaver中的“資源”面板不可用。

之所以會出現這樣的錯誤，這是因為網址中經常會使用“/”，而且Dreamweaver在此方面沒有嚴格的說明，故有很多初學者會將兩者混淆。

如果寫反了，即寫成了“/”，就會出現圖2-2所示的面板中無資源且操作按鈕不可用問題，而圖2-3所示的為正常的“資源”面板狀態。

二 網頁布局方面

Dreamweaver給用戶提供了表格、布局表格、擴展表格、層和框架布局等幾種方法來進行網頁設計，其中表格、布局表格是當前工作最為流行的網頁布局方法。可惜美中不足的是表格沒有框架布局的指定打開鏈接的功能，如何解決這樣的問題呢？我們可以在表格的單元格中插入內框架（iframe）的代碼就可以解決。但是對于大部分學習者來說，使用HTML代碼來設計網頁是件很難的事。

Dreamweaver通過“標簽選擇器”為我們提供了對內框架代碼的可視化編輯，這樣就不用害怕給網頁添加代碼了。

1 使用“標簽選擇器”插入內框架[1]（iframe）

首先，執行菜單命令“插入”/“標簽”（快捷鍵Ctrl+E），就打開圖3-1所示的“標簽選擇器”對話框。

其次在“HTML標簽”/“頁元素”中選擇“iframe”標簽，然后單擊對話框中的“插入”按鈕，便可打開“iframe”標簽屬性設置的可視對話框，并進行相應的設置，源（src）表示為在該框架中要打開的指定路徑的網頁文件，這里是一個網站相冊，名稱（name）則表示框架的名稱為photo，寬度（width）和高度（height）表示內框架的顯示寬度和高度，如圖3-2所示。

網頁編輯主要是指文字和圖片等的編排，已有很多教材進行了詳細闡述，本文將不再贅述。現在主要就網頁編輯中的幾個技巧來描述，希望可以幫助大家提高學習網頁制作的效率。

1“頁面屬性”設置

大多數情況下，我們可能不太會注意“頁面屬性”。但如果要想通過復制其他網頁中的文本內容并保存網頁時，此時就會出現涉及編碼的警告對話框，如圖4-1所示，這就與“頁面屬性”的設置中的“標題/編碼”（內容如圖4-2）編碼有關了。

這里之所以講“頁面屬性”，就是希望大家能夠記住，我們的網頁是中文網頁，使用的編碼是“中文簡體（GB2312）”，如果使用了其他編碼，很有可能會使網頁在顯示時會出現亂碼。同時還要提醒大家，使用Fireworks繪制導出的網頁在設計之前，一定要檢查網頁編碼是否為“中文簡體（GB2312）”，這樣的做法是為了避免網頁在設計中出現亂碼而無法恢復。

2 創建網站相冊[2]

如何能夠快速的創建一個網站相冊呢？Dreamweaver為我們提供了更為快捷有效的方法，操作過程如下：

首先，執行菜單命令“命令”/“創建網站相冊”，打開“創建網站相冊”的對話框，并進行相應設置，結果如圖5-1所示。

相關參數設置說明：

“源圖像文件夾”：表示提供用于制作相冊的圖片素材的位置；

“目標文件夾”：表示生成的網站相冊保存的位置；

“縮略圖大小”：表示首頁顯示圖片的大小；

“列”：表示首頁顯示縮略圖的列數。

其次，單擊“確定”按鈕后，Dreamweaver會自動打開Fireworks進行圖片處理，并生成網站相冊。如果沒有安裝Fireworks的話，那就無法進行網站相冊的制作了，由此可見，網頁制作三劍客是一個整體。完成的最終效果見圖5-2。

3 查找和替換的應用

在網站相冊中，我們需要將“01-1.jpg”文字替換成“北京與奧運握手”，這樣才能與奧運相冊的主題相吻合。Dreamweaver提供了類似Word中“查找和替換”的對話框，功能十分強大，我們就利用這個功能來完成這一操作。

首先執行“編輯”菜單中的“查找和替換”命令，打開圖6-1所示的對話框：

相關設置參數說明：

查找范圍：主要有“所選文字”、“當前文檔”、“打開的文檔”、“文件夾…”、“站點中選定的文件”和“整個當前本地站點”。

搜索：“源代碼”、“文本”、“文本（高級）”和“指定標簽”，不僅可以查找文本，還可以查找特定格式的文本和HTML代碼與指定標簽。

保存和打開：可以將當前的查找條件設置以.dwr的文件格式來保存和重復打開使用其他參數設置與Word相同，這里就不再詳述。

其次，在“查找”后的文本框中輸入“01-1.jpg”內容，在“替換”后的文本框中輸入“北京與奧運握手”內容。如果只替換當前文檔中的內容，則“查找范圍”選擇“當前文檔”；要全部替換的話，則可以選擇“整個當前本地站點”。查找結果如圖6-2所示，網站相冊最終效果見圖6-3所示。希望大家能夠認真研究該對話框的使用，要學會舉一反三。

小結

上述關于網頁制作的三個方面6個技巧，是本人在對網頁制作工具Dreamweaver的教學中總結出來的，希望能夠為正在學習網頁制作的人提供有效的幫助，同時希望大家在學習軟件時一定要認真細致，學會總結，這樣才能更好地掌握軟件的使用技巧，使學習事半功倍。

篇9

中圖分類號：TP393 文獻標識碼：A 文章編號：1007-9599 （2012） 21-0000-02

目前用于網頁制作的工具很多，常用的包括網頁設計軟件和高級網頁編輯語言。因為網頁中使用的語言基本上都是標記語言，不需要進行編譯，所以可以直接用各種文本編輯工具進行制作，但是這樣編寫網頁效率較低，要進行大型或復雜的網頁制作及進行網站建設，必須使用網頁制作工具。DreamweaverCS5是一種最便捷和最簡單的工具，它是目前最流行的網頁制作工具，是集網頁制作和管理網站于一身的所見即所得的網頁編輯器，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

1 DreamweaverCS5的發展

1985年，Macromind公司在美國芝加哥成立，公司致力于高品質的音頻、視頻和動畫在藝術領域的軟件開發。產品包括Macromind3D、Action和Director。1992年，Micromind、Paracomp和Authorware三家公司合并成為Macromedia。1997年Macromedia推出了一款“所見即所得”可視化網站開發工具——Dreamweaver1.0，受到廣大網站開發設計人員的青睞僅一年就銷售出10萬套。2002年5月推出DreamweaverMX，目的是支持現代網頁專業人員兼負的多重角色。DreamweaverMX將UltraDev最佳的開發功能以及HomeSite的主要程序代碼編輯功能整合為一個核心的Dreamweaver環境，為建立單一開發環境的第一步，以期讓使用者能在此環境中，依其偏好的方式（例如以手動編碼、可視化設計或結合兩者的方式）來建立不同的網站和應用程序。2005年Macromedia公司合并入Adobe公司，2010年5月Adobe公司了Dremweaver的最新版本——DreamweaverCS5，新增了對以CSS為基礎的設計與開發提供支持的革命，將網頁設計提升到新的層次。透過將CSS結合在所有使用者的工作流程中，促進了網頁專業人員對CSS的普遍采用。它擁有操作便捷高效，可視化開發界面，豐富的站點管理功能等優點。在保持原有特點的同時，更符合Web建設工作流程，增強了產品的功能和易用性。DreamweaverCS5也支持所有主要的服務器技術，包括ColdFusion、PHP、ASP、和JSP，讓各種能力程度的開發人員，無論是新手或老手，都能實現其設計。

2 DreamweaverCS5的新增功能

利用AdobeDreamweaverCS6軟件中改善的FTP性能，更高效地傳輸大型文件。更新的“實時視圖”和“多屏幕預覽”面板可呈現HTML5代碼，使您能檢查自己的工作。

2.1 自適應網格，可響應的自適應網格版面

使用響應迅速的CSS3自適應網格版面，來創建跨平臺和跨瀏覽器的兼容網頁設計。利用簡潔、業界標準的代碼為各種不同設備和計算機開發項目，提高工作效率。直觀地創建復雜網頁設計和頁面版面，無需忙于編寫代碼。

2.2 改善的FTP性能

利用重新改良的多線程FTP傳輸工具節省上傳大型文件的時間。更快速高效地上傳網站文件，縮短制作時間。

2.3 Catalyst集成

AdobeBusinessCatalyst集成

使用Dreamweaver中集成的BusinessCatalyst面板連接并編輯您利用AdobeBusinessCatalyst（需另外購買）建立的網站。利用托管解決方案建立電子商務網站。

2.4 增強型jQuery移動支持

使用更新的jQuery移動框架支持為iOS和Android平臺建立本地應用程序。建立觸及移動受眾的應用程序，同時簡化您的移動開發工作流程。

2.5 更新的PhoneGap支持

更新的AdobePhoneGap支持可輕松為Android和iOS建立和封裝本地應用程序。通過改編現有的HTML代碼來創建移動應用程序。使用PhoneGap模擬器檢查您的設計。

3 系統配置要求

3.1 在Windows系統中運行DreamweaverCS5的軟、硬件配置要求如下：

（1）IntelPentium4或AMDAthlon64處理器

（2）MicrosoftWindowsXP（帶有ServicePack2，推薦ServicePack3）；WindowsVistaHomePremium、Business、Ultimate或Enterprise（帶有ServicePack1）；或Windows7

（3）512MB內存

（4）1GB可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無法安裝在基于閃存的可移動存儲設備上）

（5）1280x800屏幕，16位顯卡

（6）DVD-ROM驅動器

（7）在線服務需要寬帶Internet連接

3.2 在MacOS系統中的配置如下：

（1）Intel多核處理器

（2）MacOSX10.5.8或10.6版

（3）512MB內存

（4）1.8GB可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無法安裝在使用區分大小寫的文件系統的卷或可移動閃存設備上）

（5）1280x800屏幕，16位顯卡DVD-ROM驅動器

（6）在線服務需要寬帶Internet連接并不斷驗證訂閱版本（如果適用）

4 DreamweaverCS5在網頁設計中的制作方法

服務器端可以使用ASP（ASP是微軟公司開發的代替CGI腳本程序的一種應用，它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網頁文件的格式是。asp，現在常用于各種動態網站中。）、JSP（是由SunMicrosystems公司倡導、許多公司參與一起建立的一種動態網頁技術標準）、PHP（獨特的語法混合了C、Java、Perl以及PHP自創新的語法。PHP安裝它可以比CGI或者Perl更快速的執行動態網頁），ASP程序可以使用VisualInerdev＼UltraDEV等編輯。客戶端可以使用所見即所得的網頁制作工具來設計網站的整體框架，然后再用JavaScript等腳本語言來對網站進行修飾。

5 結束語

總之，DreamweaverCS5是一款優秀的所見即所得的網頁設計工具，通過它可以高效的對客戶端站點進行編輯和制作，并可以實現網站的上傳功能。本文從網頁設計與制作的實際需要出發，全面、系統地介紹DreamweaverCS5的相關內容，力求滿足網頁設計應用軟件的現實需求。

參考文獻：

[1]楊尚森.網頁設計與制作[M].北京：電子工業出版社，2010.

篇10

中圖分類號：G632　文獻標識碼：A　文章編號：1673-8454（2012）10-0030-03

一、背景

作為一名中職計算機教師，常發現學生過于依賴教師通過媒體演示教學過程來獲取知識，形成了一種教師講演、學生練習的被動學習局面。學生自主學習的積極性不高，合作能力不強。如在“網頁制作”課堂教學中，按照傳統的教學模式，以《教學大綱》為基準，依據教材內容，通過多媒體技術進行教學，從站點的建立到文字的編輯，從圖片的插入到網頁的布局，最后講解幾個綜合應用的實例。由于學生的知識起點水平不同，有的學生基礎好、悟性高，能順利完成教師布置的作業，有的學生基礎差，很難獨立完成作業，而且更突出學生自主解決問題能力較差的主要問題。因此，這種方法無法實現學生自主學習能力、合作能力的培養，影響學生職業能力的形成，對此，筆者嘗試運用項目教學理論，在“網頁制作”教學中進行實踐研究。

二、項目教學理論的研究

（一）概述

對于項目教學，不同的學者有著不同的理解，從而有著不同的定義，國內學者定義一：項目教學是以學習研究的概念和原理為中心，通過學生參與一個活動項目的調查和研究來解決問題，以建構起他們自己的知識體系，并能運用到現實社會當中去。[1] 國內學者定義二：學生通過親自調研，查閱文獻，收集資料，分析研究，撰寫論文等，將學到的理論知識和現實生活中的實際問題緊密結合，得到綜合訓練和提高。最后，學生還要在課堂上介紹自己的研究情況，互相交流，并訓練表達能力等。這種教學方法稱為項目教學法，或稱為基于項目的學習。[2]

綜合兩位學者的定義，可以得出項目教學的理論是強調學生掌握相關的理論知識后，通過動手操作去解決實際問題，從而培養學生解決問題的能力。

（二）構成要素

項目教學理論主要由內容、活動、情境和結果四大要素組成。[3]內容是指學習的主題和目標，是現實生活中的問題，是學生值得深度探究并且學生有能力進行探究的知識。活動是指學生在學習中依靠計算機和所掌握的知識解決相應的問題，主要強調學生的合作能力和解決實際問題的能力。情境是支持學生進行學習的環境，它可以是物質實體的學習環境，也可以是借助信息技術形成的虛擬學習環境。結果是學生在學習過程中或學習結束后所掌握的知識和技能，包括自主學習的技能、與人交往的技能等。

三、項目教學理論在“網頁制作”教學中的實踐研究

在“網頁制作”課程教學中，筆者嘗試應用項目教學理論，以“將在淘寶上開花店而需要制作一個花店網站‘芯依花店’”為總項目，根據項目教學的四要素進行教學設計，將此教學理論貫穿整個教學過程。

（一）教學設計與分析

1. 教學情境的設計

（1）多媒體網絡平臺。學生可通過教室網、校園網及因特網提供的網絡資源、QQ、Email及論壇等網絡通訊工具，實現資源的搜集，同類網站的調查，生生間、師生間的對話、交流、協商和討論等活動。

（2）教師提供數字化學習資源。資源包括： a.教學項目的目標和要求；b.網頁制作教學的課件和教案；c.網站制作素材資源庫；d.網頁制作學習資源庫。資源庫為學生的自主學習提供了有效的依據、方法和資源，有助于學生形成完整的知識體系。

（3）虛擬實驗環境。由于本“網頁制作”需實現瀏覽商品庫及提交訂單等動態數據庫功能，筆者設計了局域網內的動態數據庫鏈接及提交功能等虛擬網絡實驗環境。

2．教學過程的設計

筆者根據項目教學理論中的內容要素以建立“芯依花店”網站項目為中心進行內容設計。項目分為四個子項目：①站點規劃及素材準備；②網頁制作；③站點的測試（IIS的安裝和站點的管理及測試）與；④網站的評價。具體的學習內容、活動與評價如下：

（1）子項目一：站點規劃及素材準備（4課時）。

工作任務：a.分組（全班分成8個組）、分派任務書；b.小組討論規劃站點；c.建立站點；d.準備素材。

學習活動：a.以小組為單位對此網站進行需求分析，查閱資料并綜合同類網站的結構及內容等分析，確定本網站的結構，確定不同欄目，建立站點，并初步進行規劃；b.收集網站所需展示的素材，能使用相應的軟件對所需的素材進行分類整理及編輯。

（2）子項目二：網頁制作（8課時）。

工作任務：小組合作完成網站，要求網頁風格一致，小組各人分別承擔一個以上欄目的網站制作，包括：“公司簡介”、“產品展示”和“在線訂單”。

學習活動：a. 學生通過自主學習與探究、討論、互助，學習數字化資源庫中的網頁制作知識，最終完成頁面站點制作，掌握網頁制作方法與技巧；b.學生進行網頁制作，并完成各網頁間的鏈接。

（3）子項目三：站點的測試與（4課時）

工作任務：各組對本組的站點進行測試及。

學習活動：a.完成IIS安裝；b.嘗試站點的；c.測試網站內各鏈接是否有效，提交功能等能否實現；d.對未實現的功能繼續調試至成功。

（4）子項目四：網站的評價（2課時）

工作任務：通過學生自評，生生互評，小組互評及教師評價等形式對“網頁制作”的學習內容及過程進行評價。

學習活動：a.學生個人對本人所制作的部分進行展示，并談談主要學習收獲；b.小組內對各成員的學習態度及各自完成的頁面內容等進行評價；c.小組間進行網站的展示與評價；d.教師對學生的學習過程及作品進行評價。

（二）教學實踐

1．教學內容、活動及情境的實施

（1）創設情境

教師演示一般購物網站為學習情境，通過觀摩學習，并結合本“芯依花店”網站建立的實際需求，指導學生在學習中應掌握的知識點：a網站風格的一致性；b.網站中各網頁的鏈接；c.“在線訂單”頁中提交功能的實現。通過對多個網站進行觀摩學習，提高學生學習的積極性。

（2）自主探究、合作學習、完成項目

首先，在規劃站點階段，小組學生通過對資源庫中的網站結構進行分析，由小組的每位學生制作一個站點規劃圖，最后在小組內相互討論并在教師的指導下將制作最完整的站點規劃圖作為小組的站點規劃圖。接著，在網站制作階段，要求小組學生進行明確分工，有負責查資料的，有負責處理圖片的，有負責處理文字的，也有負責進行網站布局的。在學習過程中，自然會碰到疑難問題，如：如何在網頁中插入視頻、添加“彈出信息”、“打開瀏覽器窗口”等，對于這些問題，教師不是直接去告訴學生答案，而是引導學生到數字化資源庫或因特網中尋找答案，通過多次讓學生嘗試去解決問題，小組學生最后形成自主探究學習的習慣。有些小組的學生在解決問題后，針對相應的問題寫出了小組的學習筆記，通過班級QQ群與其它小組的學生進行分享。然后，在站點測試階段，各小組的每個學生對本小組網站通過“鏈接檢查器”對整個站點的鏈接進行檢查，有些小組的學生為了使本組的網站不出現錯誤，通過教室網請求其他小組學生進行鏈接檢查，指出錯誤再進行討論、修改，直到不出任何差錯為止。最后，在站點階段，學生不理解FTP服務器的設置，教師通過“多媒體廣播教學系統”的轉播功能，統一解答。在“芯依花店”項目制作過程中，實行分組比賽，組內進行明確分工，責任到人，更好地促使個人自主探究，小組合作交流，共同解決問題，極大地提高學生的學習主動性和合作能力。

2．教學評價與結果

教學評價采取自我評價、同學互評、過程評價和教師評價。教師制訂學生作品評價標準：A.作品是否與計劃的目標相一致（40%）；B.網站的基本要素是否完整，網站是否能被大多數學生認同，意味著點擊率的高低（10%）；C.作品匯報的展示手段是否有利于交流（10%）。D.小組各成員隨機回答問題的質量及次數（10%）；E.各小組的學習筆記，學習筆記中應體現在學習過程中通過什么方法解決了網頁制作中哪些疑難問題（10%）；F過程評價（20%）。

（1）自我評價：各組成員根據評價標準進行組內討論，進行自我評價，提出需要改進意見并進行改進。

（2）同學互評：各組成員根據評價標準進行組內討論、組間討論，對其它組的項目進行評價，提出需要改進意見。

（3）過程評價：主要反映小組成員是否積極參與項目，成員之間是否具有良好的溝通、交流；小組成員之間是否互相幫助，具有較好的集體榮譽感；在學習過程中，小組成員是否嚴格遵守上課和機房紀律。

（4）教師評價：教師根據評價標準對作品進行評價，最后由教師對每組的作品進行點評，結合其它評價成績完成教學評價。

通過項目教學，學生完成了功能完備、界面友好的“芯依花店”網站，學生的自主學習能力和合作能力得到提升。

（三）教學反思

筆者在實踐中發現以下問題，需在組織教學過程中重點關注：

（1）小組學習者相互依賴關系的形成

正相互依賴關系是指在小組成員之間形成一種積極的相互關系，使每個成員意識到自己是小組的一員，要與其他同伴榮辱與共，要對其他同伴的學習負責。[4] 在創建“芯依花店網站”的教學中通過兩個方面確定學習者之間的相互依賴。一是正目標相互依賴，每小組要求每個學習者必須要負責項目的一個子項目；二是學習項目之間的相互依賴，各個項目之間相互依賴，只有發揮各小組成員的特長，各小組員共同出謀劃策才能制作出具有本組特色的網站。

（2）明確各小組成員的責任