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