時間：2023-02-08 05:35:31
序論：在您撰寫網頁設計與制作時，參考他人的優秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發您的創作熱情，引導您走向新的創作高度。
中圖分類號：G420
所謂研究性教學，是指確立以探究和創新為核心的教育理念，更新教育教學觀念，著眼于培養學生的探索精神和創造性，構建以培養學生的創新精神和創新能力為基本價值取向的教學內容和教學方法體系，著力解決教師研究性"教"和學生研究性"學"的問題，培養具有創新意識和創新能力的高素質人才，發揮學生在學習過程中的主動性和積極性，使之成為我國經濟社會發展需要的具有較高素質和較強能力的易就業人才。
一、課程研究性教學的目的和意義
《網頁設計與制作》課程研究性教學的實踐性探索旨在通過對網頁設計與制作職業崗位群的分析，充分了解市場對本專業學生知識、能力、素質的要求，確定切合市場、科學合理的模塊化課程體系，選用適當的教學手段和方式，有效地促進教學質量的提高，提高學生的專業技能和就業機率，最終實現專業培養目標。
二、課程研究性教學的理論依據
1、現代學生觀
2、多元智力理論
3、建構主義學習理論
4、發展性教學評價理論
三、課程研究性教學的實踐過程
1、網頁設計與制作崗位需求分析
通過廣東省大中專畢業生就業指導中心網站、智聯招聘、中華英才等專業招聘網站對廣州、北京、上海、哈爾濱、南京、天津、武漢、深圳、沈陽、杭州、西安等大中型城市的人才招聘信息進行分析統計，確定與高職《網頁設計與制作》課程相關的職業崗位主要有：網頁設計、網頁設計與制作、網頁美工、網頁制作、網站管理、界面設計、網頁編輯、網站運營，在這些崗位需求中，選取了800個崗位進行分析，如表1所示。
2、根據崗位需求分析，構建新型課程體系
（1）本課程在計算機類專業課程體系結構中的位置
本課程在計算機類專業課程體系中處于一個非常重要的位置，《計算機應用基礎》、《數據庫應用技術》、《VB/C語言程序設計》作為其先導課，為其提供必要的知識準備，比如設計平臺的熟悉、數據庫設計方法的掌握以及程序代碼的設計規范等等，而《網頁設計與制作》課程又為其后續課程《Web程序設計》、《網站建設與維護》、《軟件工程》等課程提供有力的支持，比如管理信息系統開發過程中對于開發界面的設計、學習JSP、ASP/、PHP等開發工具中對于HTML代碼的熟悉掌握等等。總之，本課程的學習有助于學生深入學習計算機類相關專業其他知識和提高職業技能，完善學生的專業知識結構，提升學生從事實際工作的綜合素質。
（2）課程體系結構內容
從內容結構體系來說，《網頁設計與制作》課程包括了五大部分，分別是：網頁設計基礎知識、網頁編程語言、網頁設計工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、動態網頁介紹、綜合實踐（實訓），它是一門技能整合的課程。
3、《網頁設計與制作》課程設計
（1）設計理念
1）突出專業課程的職業性、實踐性和開放性。
2）學以致用。
3）學生是學習主體，鼓勵學生職業能力發展，加強創新能力和意識培養的理念。
（2）設計思路
以校企合作為切入點，以培養職業能力為核心，以項目教學為主要手段，積極探索教學方法與成績評價方法的創新，保證課程目標的實現。
4、教學內容的重構
（1）教學內容的針對性與適用性
《網頁設計與制作》是我院計算機網絡技術專業的核心課程，同時還是計算機類其它專業、藝術設計類以及電子商務類專業學生的必修課。結合職業需求，我們所確定的教學內容在針對性和適用性方面具有如下特征：
1）教學內容的設置，滿足職業能力培養的需要
通過大量的社會調研，分析了網頁設計人才應具備的職業能力素養，從而選取合理的教學內容。內容的選取著重培養學生具備以下能力：
①網頁的賞析能力
②網頁布局的設計能力
③網頁色彩運用的能力
④網頁的編程能力
⑤常見網頁設計工具和圖形圖像處理軟件的運用能力
⑥網站建設和網頁的能力
⑦項目開發中的協作能力和人際溝通能力
2）基于工作過程的模塊化教學內容的設計
針對職業能力的培養要求，采取基于工作過程的模塊化教學，按照網頁設計制作實際流程來安排教學內容。
5、教學方法與手段的創新
（1）教學模式的設計與創新
《網頁設計與制作》課程是計算機類專業學生的核心課程。為了讓學生更好地掌握網頁設計的方法和技巧，提高學生的動手能力，借助多媒體手段、電子教室、教學網站、電子郵箱和QQ流等手段，在教學方法上進行了一系列的改革舉措：
1）課程內容模塊化，化解難點，循序漸進
2）精心準備案例項目，從宏觀上進行教學設計
3）微觀教學采用"四階段教學法"，將"教、學、做"融為一體。
4）注重師生互動，營造課堂氣氛
5）充分利用現代化教學手段，提高教學效果
6）舉辦學生作品大賽，展示成果、促進交流
（2）多種教學方法的靈活運用
1）多媒體教學
2）"理論+實踐"教學模式
6、建立以應用為導向的考核方式
打破傳統的考核模式，建立新的、開放式的全程考核模式。根據本課程的特點，提出并逐步實行以項目系統考核為主線的考"應用"不考"理論"模式，同時也鼓勵學生以證代考。成績評定：
（1）期末綜合作品和網頁制作水平占50%
（2）平時作業、學習態度、出勤等占30%
（3）階段性實訓作品占20%
五、教學效果
1、學生對專業的學習興趣明顯提高，原來消極學習的學生現在也變成了"好學分子"。
2、 研究性教學的實踐性探索的開展，使教師有機會和條件將理論和實踐教學兩種教學能力結合起來進行系統深入的研究，使理論教學和實踐教學兩種教學能力在有機結合中得到相互促進、相互提高，受到了學生的普遍歡迎和認可，教師教學的主體地位得到了強化。
3、學生考證通過率顯著提高。
【參考文獻】：
通過《網頁設計與制作》多年的教學發現，應用傳統的教學方式及考核方法學生只建立了的基礎的專業課程知識概念及單一的基本操作，并不能綜合應用操作技能完成某主題網站的設計與制作。為了建立以網頁設計與制作技能考核為主線的開放式、全過程的考核體系，提高學生綜合項目實踐能力，更好的與社會需求接軌。有必要對傳統的考核方式進行改革，同時經過多年教學探索，結合人才培養方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學生小組合作（每組2-3名學生）完成一個規定主題網站項目的方式展開?？偝煽冇刹僮骺己顺煽儭㈨椖繄蟾娉煽儍刹糠纸M成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業完成情況、出勤及上課表現綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現，內容要求以表“操作考核內容”為中心，以考核學生綜合網站制作能力為基本思路，通過小組合作完成主題網站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內容：
（1）項目實施過程。項目實施過程包括前期策劃、資料搜集、網頁制作。在前期策劃階段，要求小組共同確定網站名稱、網站風格（列舉網頁采用主要色彩及網頁色調定位）、網站欄目、站點目錄結構的內容以形成完整的網站規劃，在此規劃的指導下進行資料搜集、協作完成網頁制作。其中網頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態頁面制作階段要求繪制網頁布局的結構圖及標注尺寸；程序開發階段列舉所用的開發工具、對數據庫、表進行截圖，以及繪制程序開發頁面流程圖。
（2）項目總結。對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經驗。
（3）項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現小組合作開發項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。
2.考核方式
關鍵詞：網頁設計與制作 教學 改革
隨著萬維網的迅速發展，網頁已經成為網絡世界進行信息傳播的最主要載體，網頁設計與制作人才的培養成為當務之急。由于社會和專業的需求，《網頁設計與制作》課程廣泛受到各大中專學校學生的喜愛，下面就《網頁設計與制作》課程的教學與大家進行探討。
1、課程性質和特點
在中等職業學校，《網頁設計與制作》課程是計算機應用技術和計算機網絡技術等專業的必修課程。它是一門工具性和實用性都比較強的實踐課；不僅涉及計算機圖像處理、文字版面處理等相關知識，而且需要對相關課程有一定的基礎；是一門集成了多種計算機知識和技術的綜合，其本身具有很強的實踐性，是網站建設的基礎，而網頁本身是當今社會網絡世界傳播信息的最主要的載體，同時網站又是企業向用戶和網民提供信息（包括產品和服務）的一種方式、是企業開展電子商務的基礎設施和信息平臺。
2、課程教學目標
本課程的教學目標是使學生了解HTML語言的語法規則，掌握文本、鏈接、列表、表格、表單、圖像、多媒體、框架元素標志及屬性，了解HTML、JavaScript腳本編程語言的基本語法知識，能獨立設計小型WEB站點。
3、課程教學內容
根據前面對《網頁設計與制作》課程的性質和特點以及課程教學目標分析，在制定教學大綱時，不應該拘泥于某一本或者某幾本特定的教材，應著眼于當前網頁制作技術發展的現狀。網頁制作過程中必然涉及到圖片的處理、動漫制作等，若能應用好Photoshop和Flash也是網頁設計的關鍵，此部分在我校計算機應用技術和計算機網絡技術專業在學業生入學第一學期已經開設《圖形圖像處理軟件Photoshop》、第二學期《圖形圖像處理軟件Photoshop實訓》和《二維動畫制作Flash》，第三學期開設《二維動畫制作Flash實訓》和《網頁設計與制作》，因此教學內容設計時不再重復這部分內容。另外，Fireworks同樣也是作為網頁制作的輔助工具，若學生能掌握，對網頁的設計開發將起到畫龍點睛的作用，因此這部分也安排了相應的學時。
《網頁設計與制作》課程體現了網頁設計與網頁制作是緊密聯系的，是完成網頁作品流程中的兩個階段，但這兩個階段之間并沒有嚴格的界限，往往是迭代進行的。網頁通常都是圖文并茂的，對頁面的美觀有一定的要求。也就是說合格的網頁作品，在技術上不僅要符合相關的制作規范，還應考慮頁面布局、圖片放置、色彩搭配、下載速度等因素，這些因素都與用戶體驗密切相關。因此，在學生掌握了基本網頁制作后，筆者安排了網頁設計方面的內容學習，主要包括色彩、圖像、布局等。在講授的過程中，還展示了部分網站（以電子商務網站為主），讓學生去分析總結各個網站的特點，使得學生對網頁制作的內涵有進一步的理解。
4、選擇教材和教學模式
這門課程，僅僅通過在多媒體教室中講解理論知識、操作步驟和做典型范例是遠遠不夠的。那樣，一堂課下來學生只會做教師教的，不會融會變通，學生的創新意識得不到培養。我們只有突破傳統的教學模式，才能培養學生自我探索、獨立研究能力與自主創新精神。如何突破，并且取得良好的教學效果呢？通過幾年的教學探索和總結，筆者認為，可以從以下幾個環節來進行把握。
4.1 優選教材
合理安排教學內容一本教材的編排質量如何，會在一定程度上影響學生的學習興趣和教學效果，特別是針對中職生這樣一個特殊群體，我們更應該優選教材。我們應該選用在內容編排上由淺入深、由易到難的教材。
4.2 精心設計網頁制作課程的教學模式
掌握一定的理論知識是做好實踐的基礎和前提。所以老師決不能忽視課堂教學。我校該課程教學采取的是教學做一體化的教學模式，充分體現理論知識與實踐操作相結合。教學設計可采用“課堂案例分析――軟件功能解析――課堂練習――課后拓展――作品展示”這一思路進行精心編排。課堂教學的案例、課堂實踐的案例、獨立實驗的案例不僅涵蓋教材中的實例，還引用了大量企業中的真實案例。
5、教學方法與手段
5.1 教學方法的改進
在教學過程中，根據學校的培養目標和本課程特點，結合多年來實際的教學經驗，對教學方法實施了以下幾方面的改進。
（1）教師演示制作網頁案例，傳授本節課所需掌握的知識點為了能激發和調動學生學習的積極性，避免“滿堂灌”的傳統教學模式，在教學過程中采用案例教學法。根據教學進度和教學要求設計案例并充分備課，講授并解析與案例相關的理論和技能，分析案例討論中可能出現的任何問題，而且案例要具有典型性和針對性，從適合學生的接受能力來選擇和設計。（2）教與學相結合教學模式。在教師通過案例教授相關理論和操作基礎后，要求學生能夠按照案例的要求，通過上機及時模仿制作和案例相似的實驗，鞏固和加強學生掌握的教學中的知識點。
5.2 教學手段的改革
《網頁設計與制作》是一門實踐性很強而且廣泛應用的技術，為了說明網頁設計中的原理及其在實際中的應用，實時展示非常重要，因此在網絡課程中的授課中接入Internet，隨時將講述的相關知識通過實實在在地網絡來說明和解釋，這樣學生就不覺得枯燥和乏味，使學生明白了學習網頁設計的重要性和實用性。
6、考核方式
該課程的考核內容應以實踐操作為主。因此將考核方式定為考查，給出一定范圍的主題，留給學生足夠的時間完成作品的設計和制作，最后上交制作好的作品即可。留給學生足夠的時間和發揮空間，可以使學生充分發揮他們的想象力和所學知識。這樣的一種考核方式經過幾屆學生的實踐，受到同學的好評，并且出現了相當一部分好的作品。
項目一：個人網站的設計與制作。隨著網絡技術的不斷發展，個人網站已成為人們展示自己的一種手段。本項目將通過制作一個簡單的“鴻瀾”個人網站，從任務資訊、任務決策與計劃、任務實施、任務檢查與評估和練習與提高五個方面進行描述，了解個人網站規劃與設計的基本原則和主要內容，熟悉網站建設的基本流程，掌握Dreamweaver的基本操作和表格布局排版技術，認識HTML語言的基本結構和常用標記符<table>、<img>、<font>、<p>、<br>等使用方法，培養學生團隊合作和獨立思考的意識，養成良好的職業素養，為制作更加復雜的網站做好知識準備。項目二：電子商務類網站的設計與制作。21世紀以來，電子商務伴隨著IT的成熟，逐漸發展壯大，成為網絡經濟的核心。企業通過電子商務網站實現了宣傳公司形象、企業動態、產品展示、網上訂單、網上交易等功能，與客戶間的距離進一步貼近。本項目通過完成整個電子商務網站的設計與制作，相關內容層層展開，在學生頭腦中形成“如何搭建整體網站”的概念。項目三：中小企業網站的設計與制作。作為企業類網站，主要實現的功能首先是具有較強的盈利能力。其次網站是企業樹立形象和展現文化的重要窗口，是為顧客提供服務的一個工具，是企業整體營銷戰略的一部分。常見功能有企業信息、新聞中心、產品展廳、人力資源、會員中心、留言反饋等。本項目通過某一中小企業類網站的整體設計，培養學生在學習過程中發現問題、解決問題的能力，提高學習的主觀能動性。項目四：主題網站的設計與制作。本項目給出網站設計與制作的如下要點：（1）建立網站站點；（2）建立網站頁面（首頁為：index.html），頁面元素完整；（3）應用表格或者div、css布局頁面；（4）在頁面中插入文字，并用css美化文字大小、字體、顏色等效果；（5）在頁面中添加超級鏈接，并用css美化超級鏈接；（6）建立模板，并制作其他頁面；（7）至少完成8個及以上頁面，頁面標題欄、狀態欄、版權等信息齊全；（8）頁面中超級鏈接如沒有鏈接頁面以空鏈接（#）代替。學生根據以上設計要求，結合所學內容，從旅游類網站、時尚類網站、教育類網站、門戶類網站等幾個大類中選擇某一項進行設計制作。教師將根據學生完成情況的復雜程度和實際效果給予評價，鍛煉了學生的實踐動手能力，增強了自信心和學習興趣。
二、教學素材的選用方法
教學素材是以完成課堂教學任務為目的，以教師引導學生開展課堂活動的形式呈現的教學材料。1.合理性。以個人網站設計來說，文本的制作上講求清晰、明了、突顯個性化，Logo和導航的字體、字號設計可以依個人的喜好采取不規則式，選擇跳躍感強的色彩。在圖像的選取上也是以色彩豐富、形狀多樣的圖案為主。2.整體性。選用的教學素材要能夠自然、貼切地把各個知識點整合在一起，教學素材要服務于教學目標，要突出教學的重點。電子商務類網站以從事電子商務為主，對安全、穩定等性能要求較高，比較考驗網站中運行的程序。在知識點上以表格嵌套、模版運用、腳本語言和行為語句為重點進行講解。3.現實性和針對性。課堂教學中選取的素材要符合學生的認知水平和實際生活，教師可以從具體教學對象的特殊性出發，根據教學對象因人、因地、因時選材，為他們“量身定制”針對性較強的教學素材，如在教授電子商務專業學生時，素材的選取多以電子商務平臺或某一個人網店為主，以便引導學生從自己熟悉的教學素材中直觀體驗獲取知識、提高能力的喜悅。
三、教學模式在教材中的運用
在《網頁設計與制作》校本教材的開發上主要采用“基于過程的項目式教學法”。即“在引導學習者融入有意義的項目完成的過程之中，讓學習者積極地探究與發現，自主地進行知識的整合與建構，以現實的、學生生成的新知識和提高的完成項目任務的能力為主要成就目標，項目完成的過程也是學習者學習活動進行的過程”。為此，以項目作品開發為主線，把教材中的范例網站分解成若干個子任務，將課程標準中的圖像處理、動畫制作、音視頻處理、網頁頁面設計制作、站點維護等多方面的知識點融入其中，在整個課堂教學實施中，教師根據網站設計開發的實際工作順序安排，以作品演示的方式從頭至尾帶領學生操作，讓其感受網站從無到有一步步制作的全過程，有助于提高學生的學習興趣，培養其創新設計能力。
四、結語
關鍵詞 網頁制作 技巧 解決方案
中圖分類號：TP393.092 文獻標識碼：A
1設計原則
1.1表格的定位功能
網頁制作中表格的運用很重要，它的作用除了表格本身具有的統計處理數據的功能之外，還可以對所制作的網頁頁面中的設計元素進行定位。網頁中的文本位置、圖像位置，可以通過表格來準確控制，而且還能消除諸多網頁元素之間的干擾，這樣設計出的網頁更加緊湊。
（1）網頁制作使用表格時，要避免這樣的設計行為：使用一張表格，然后將所有網頁設計都放在這個表格中。因為HTML在被瀏覽器解碼時是按照一定的次序進行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網頁中，瀏覽器是將表格中所嵌套的全部內容都讀取出來之后，再顯示結果頁面。一般的網頁可能感受不到瀏覽器的這種工作順序，如果網頁中信息量大，瀏覽網頁的人瀏覽速度慢，瀏覽器這種工作順序就能表現出來。遇到這種網頁，瀏覽器在讀取了表格中全部內容之后，才為瀏覽者提供解釋結果，在這之前顯示的是空白。
（2）在進行網頁設計時，利用表格定好需要的位置，在頁面視圖下都是正常的，但是用瀏覽器瀏覽該網頁時就會出現部分設計對象位置混亂。這是由于表格寬度的設計出了問題，有兩種設置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會有多種分辨率多種頁面設計結果出現，但是采用后者的方法，就不會出現這種問題。
1.2文件的命名
網頁制作的過程中，有時會出現如下這些問題：在設計時插入進去的圖片，預覽時顯示不出來、已經設計安排好的鏈接用不了等等情況。通過對問題的分析，發現問題出在了文件的命名上（用中文進行命名）。設計制作者為了在設計之后能夠便于自己查找調用，會在設計時對一些文件命以中文名，這就導致預覽時無法顯示圖片，只要將中文名換成英文就可以正常運行。為了解決記憶和查找文件的問題，可以用英文單詞或者漢語拼音有針對性的命名。
1.3圖像的無縫拼接
網頁中圖像的應用是很有必要的，圖像可以使網頁更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網頁設計和制作的時候比較常見。網頁的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網頁之前處理圖片，比如利用PhotoShop軟件，只要能夠保證圖像在網頁中顯示效果不受應影響即可。如果在設計網頁時，要用到大圖片，設計制作的時候可以用無縫拼接技術，該技術在圖像處理軟件中可以實現，先將要用到的大圖片處理成數個小圖片，將這些小圖片按照一定規則嵌套到網頁中，組成大圖片，拼出的大圖在現實效果上與完整的原圖基本上沒有差別，拼接痕跡也不會被察覺。在拼接小圖片的過程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設為零，去掉表格邊框，設置好單元格的參數后，再手動微調，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過程可能略顯麻煩，但是卻能保證大圖顯示效果的前提下又不影響網頁下載速度。
1.4個人站點中導航按鈕的設計
設計制作網頁時，加入導航按鈕，可以利用Photoshop或者Flash進行制作。設計者只有具備很好的圖像、動畫處理軟件基礎，才能掌握住這種創新性的方法，自己根據想達到的效果設計導航按鈕，能夠設計的創意。
2制作技巧
網站的頁面中包含：作為網站門面的首頁、支撐起網站結構的框架頁面，網站的內容表達主體普通頁面、網站中的用來顯示廣告、鏈接和推送消息之類的彈出頁。
比如設計首頁時，有兩種形式的設計可以作為網站首頁，一種是形象展示型，這種方式的設計主要在布局和造型上，加了藝術化的處理，結合公司的形象與公司的服務理念，提供有相關性的圖像與文字，這樣設計出的畫面才有生機和活力，在這樣網頁中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁設計形式是信息羅列型，這種形式主要用于大中型企業網站，有很多條目和分類。
保持一致的網頁設計風格。網站營銷的諸多影響因素中，網頁風格的一致性是不可忽視的重要方面。統一網站風格的方法有很多，網站結構就是其中一種，比如，網站布局、內容排版、圖標大小、圖片位置等等。在統一網頁風格時，需要設計者特別關注的是網站中具有代表性的典型元素要保持一致，比如網站背景logo 、公司名稱字體、網站中圖片格調等等。
色彩搭配。頁面的色彩搭配是與網站的主題分不開的，在色彩搭配上，一般來說，頁面的主體文字應盡量使用黑色與背景對比明顯，按鈕、邊框、背景等使用彩色。色彩的應用最好根據網站主題風格選定一種基調，再根據這個基調來搭配其它顏色。一般來講，綠色配以金黃、淡白，可以產生優雅、舒適的氣氛；藍色與白色混合，能給人柔順、淡雅、浪漫的感覺，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應是一個整體，以達到和諧、悅目的最佳視覺效果。
3結束語
網頁制作中有很多的技巧，只有在不斷的實踐中才會總結出更多更好的制作網頁的方法，在知道了一些技巧之后一定要付諸實踐，這樣才能更好地掌握，把別人的知識變成自己的知識。
項目教學法實施過程是教師創設項目活動情境，在教師的引導下，從學生已有的知識技能和生活經驗出發，討論完成本項目活動的方法和過程，學生以小組為單位運用學過的知識和技能解決新情境下的問題，在項目活動過程中，增強學生的知識和技能，提高分析和解決問題的能力，在情感、態度的價值觀多方面對學生進行培養。整個過程活動都是真實的，是現實生產生活的一種反映，從而使學生的學習更有針對性和實用性，學到了今后就業所必須的技能，包括實踐能力、分析能力、綜合能力、應變能力、交流能力、合作能力和解決實際問題的能力。在計算機教學中采用項目教學法，可以將教師的主動性、學生的積極性調動起來，還可以增強同學間的團隊協作精神，這將對知識的傳授與更新產生更重大的影響，實現教、學、做融為一體。
二、《網頁設計與制作》課程牽引項目的選擇及相應整合的理論知識
就課程本身運用實質來說，工作的項目其實分為網站設計與管理、網頁制作、圖像與媒體設計與運用、數據庫設計與管理、腳本與應用程序的設計與運用。經過市場調研和多年教學實踐，我把把課程牽引項目分為八個具體任務：1.圖文并茂網頁的制作完成該項目的知識包括常見網頁設計工具的使用、HTML文檔基本結構、文本排版控制標記符、圖像插入標記符、特殊字符以及物理顯示標記符、css的意義、創建與使用方法。項目技能目標有安裝和啟動網頁制作軟件、熟悉網頁制作的基本步驟、正確插入文本與特殊字符、正確對文本進行分段分行、正確插入圖像、運用css技術控制文字圖片樣式。2.個人簡歷網頁的制作完成該項目的知識包括有序列表標記符、無序列表標記符、表格標記符、超鏈接標記符、Css技術對列表的控制方法。項目技能目標有制作有序列表、無序列表、制作混合列表、運用超鏈接標記符啟動電子郵箱鏈接、運用表格進行簡單頁面排版、運用css技術設置列表顯示方式。3.電子相冊制作完成該項目的知識包括網頁圖像素材的特點與主要類型、Fireworks對圖片進行批處理的方法、電子相冊排版要點、圖像、表格、超鏈接標記符的相關屬性、css技術的濾鏡使用方法。項目技能目標有熟悉網頁圖像素材的特點與類型、掌握Fireworks的基本操作方法、了解并掌握網頁圖片處理的主要方法、熟知圖像、表格、超鏈接標記符的屬性、運用css濾鏡技術美化圖片效果。4.學習欣賞網站設計與制作完成該項目的知識包括本地網站的創建與、IIS的安裝與設置方法、網站的規劃與制作流程、框架技術進行網頁布局的方法、超鏈接標記符在框架技術中的作用、錨點鏈接技術、網站LOGO的制作方法、制作網站flashbanner的方法、多媒體素材網頁的制作方法。項目技能目標有：正確創建、設置、本地網站、正確安裝、設置與管理IIS、運用框架技術進行網頁布局、錨點技術在長版面網頁中的應用、運用圖像設計軟件制作LOGO、運用flash制作具有動態效果的banner、掌握向網頁插入動畫、視頻等多媒體素材的方法、熟悉css控制超鏈接樣式的方法。5.門戶網站制作完成該項目的知識包括門戶網站的設計、規劃與制作流程、網站創建、、維護管理的方法、Div+css布局網頁的方法、創建子菜單的方法、Dhtml技術、Dreamweaver的高級應用技術。項目技能目標有熟悉運用div+css技術設計網頁、掌握Dreamweaver創建與運用divAp的方法、掌握運用Dreamweaver時間軸功能制作網頁漂移元素的方法、掌握Dreamweaver行為面板的使用方法、靈活應用DHTML增加網頁特效。6.個人信息網站設計與制作完成該項目的知識包括個人網站的規劃方法與制作特點、運用圖形制作工具設計繪制網頁布局、Fireworks執行切片并導出網頁的方法、Dreamweaver布局切片網頁的方法、頁內框架技術在網頁布局中的應用方法、動態導航條的制作方法、css對網頁進行樣式規范與美化的方法。項目技能目標有了解個人網站的制作方法與特點、設計并繪制網頁布局圖、應用切片技術設計網頁布局結構、運用Dreamweaver優化切片網頁、運用頁內框架技術實現網站超鏈接、掌握制作動態導航條的方法、運用css對網頁進行樣式規范與美化。7.用戶注冊信息網頁制作完成該項目的知識包括表單與表單元素的相關標記符、表單與表單元素的作用、表格布局表單元素、css對表格、表單元素的控制方法、Dreamweaver檢驗表單行為的應用、以電子郵件方式提交表單的方法。項目技能目標有熟悉表單及表單元素的設置方法、掌握表格布局表單元素的方法、運用css對表格、表單元素進行規范與美化、掌握Dreamweaver驗證表單的方法、掌握電子郵件形式提交表單的方法。8.瀏覽、查找、修改通訊錄的網頁完成該項目的知識包括動態網頁制作與設置、數據庫的綁定、表單動作設置、表單元素與數據表的對應、動態表格插入與應用、動態網站的。項目技能目標有熟悉表單及表單元素、掌握動態網頁制作與設置方法、運用表單動作設置動態效果、掌握動態表格的插入方法、掌握動態網站要領。
三、課程整合后項目教學法的實施過程
1.1用戶登錄與注冊
首先,在系統功能設計中一般使用B/S結構,也就是瀏覽器/服務器結構,在網絡環境下,將各種功能模塊組合起來。用戶登錄和注冊是網站功能中最為基本的一個模塊,按照一定的分類標準設置用戶權限,如管理員權限、注冊用戶權限和匿名登錄用戶權限,不同權限的用戶可以訪問不同的內容。用戶登錄的身份驗證采用用戶名和密碼的形式,為了方便管理,用戶名可以統一設置,如將學生的學號設置為用戶名,密碼由用戶自行更改。管理員權限主要是由網站的管理人員使用,對網站信息進行刪除、編輯和更改,并且對登錄用戶的身份、數量進行管理。注冊用戶可以瀏覽、下載網站中的絕大多數資源內容,而匿名用戶只能瀏覽網站的基本公式信息。
1.2網站信息公布
網站信息公布是校園網站的一個重要功能,可以用來公示重大校園動態、課程信息、學生信息變動等等,所公布的信息來源于相關的校園管理部門,如教學部門、宣傳部門、學生管理部門等等。同時,一些與學生密切相關的信息,在公布中可以設置提醒功能,例如當學生登錄網站后,以私信或者自動彈出窗口的形式提示學生應當注意的信息。或者在學生個人信息管理模塊中,設置專門的應當注意信息模塊,提醒學生應當注意的一些變動信息,特別是課程信息、個人信息變動、教務信息等等。
1.3資源共享資源共享
主要是為學生提供一個良好的學習環境,提供學生自學資源支持,在網頁設計與制作類專題學習網站構建中,主要的教學資源有文字資源、圖片資源、視頻資源等等。同時,在資源共享中,為了提高學習資源的利用效率,利用站內搜索技術構建資源查詢平臺,便于用戶搜索所需資源。將各種學習資源進行分類,可以按照資源屬性,如文檔類資源、圖片類資源、視頻類資源等等,或者按照教學內容進行分類。站內資源還可以為學生提供一些優秀的設計方案成果,將這些成果的網頁設計與制作方案。資源共享功能模塊設計需要針對網站功能特點和用戶使用情況進行相應的資源優化,例如針對不同學習基礎的用戶提供不同層次的學習資源等等。
1.4站外資源鏈接
在網頁設計與制作類專題學習網站功設計中,站外資源是一個重要的學習資源補充途徑,用戶在使用站內資源時,也需要進行相關的站外資源拓展,當前使用較為廣泛的方式便是站外資源鏈接。站外資源鏈接也分為外部鏈接和內部鏈接兩種,外部鏈接同用戶直接通過外網鏈接外站的訪問權限一樣,都為匿名瀏覽模式。而在一些提供資源下載的外部網站鏈接時,可以通過內部鏈接的方式為用戶提供注冊用戶訪問權限,例如訪問一些文獻資料數據庫。通過購買這些數據庫的訪問權限,使得用戶可以通過內部鏈接搜索和下載相關的文獻資料。在站外資源連接時,應當對不同的外站資源情況進行調查和分類,按照一定的類別,例如文獻資料類網站、網頁設計成果類網站、相關軟件下載類網站等等。
2基于PHP和MySQL技術網頁設計與制作類專題學習網站的實現
2.1數據庫管理實現
基于MySQL技術的數據庫管理功能實現,應當針對網站數據的儲存和使用特點,應當確保數據庫的正確性、融合性、有效性等等,優化數據庫檢索技術,提高數據檢索效率,數據庫結構設計的合理性會直接關系到網站構建的整體質量。在數據庫中將各種不同類型的數據資源按照一定的類別進行分類處理和儲存,同時將各種文檔信息添加日期、作者、預覽內容等信息,主要的數據操作功能有編輯、錄入、存儲、刪除、復制等等。再有,應當保證數據庫的完整性和適時性,及時進行數據更新,數據存儲要嚴格遵守相應的規定,定期進行數據備份,一般數據庫的管理權限為網站管理人員。
2.2信息管理功能
實現信息管理功能主要是實現網站基本的信息公布、信息刪除和修改、重大信息警示等等,同時還包括用戶個人信息的錄入、修改等等。信息管理權限由兩部分組成,分別是網站管理人員的信息管理功能權限和訪問者的信息管理功能權限。信息管理人員所主要管理的信息為網站公布信息和一些動態資源信息,而訪問者所使用的信息管理功能為個人信息管理和個人資源信息管理。例如訪問者在利用網站資源進行學習時,需要更改個人資源數據庫,不定時的刪除資源和添加新資源,構建成個人知識管理系統。而網站管理人員,在使用信息管理功能時,也應當針對不同信息的特點,在相應的信息公示板塊進行信息公布。
2.3資源共享功能
實現資源共享功能主要包括兩部分,分別是站內資源共享和站外資源共享,站內資源包括管理人員錄入的校園資源數據庫和師生上傳的相關資源等等,站外資源則主要是針對相應的教學內容,選擇的一些專題網站。在資源共享功能實現中,應當提高資源使用效率,借助站內搜索技術和互聯網搜索引擎技術,為學生提供完善的資源環境。同時,資源共享本身也是一個持續性的過程,管理人員應當長時期的進行資源引進和更新。
3結語
