網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)教程(網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)實(shí)戰(zhàn)大全)
網(wǎng)頁(yè)設(shè)計(jì)詳細(xì)操作步驟
一、確定網(wǎng)頁(yè)主題
網(wǎng)頁(yè)主題就是你建立的網(wǎng)頁(yè)所要包含的主要內(nèi)容,一個(gè)網(wǎng)頁(yè)必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)頁(yè),你不可能像綜合網(wǎng)頁(yè)那樣做得內(nèi)容大而全,包羅萬(wàn)象。你沒(méi)有這個(gè)能力,也沒(méi)這個(gè)精力,所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)頁(yè)的主題無(wú)定則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
二、搜集材料
明確了網(wǎng)頁(yè)的主題以后,你就要圍繞主題開(kāi)始搜集材料了。常言道:“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)頁(yè)有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)頁(yè)就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái),也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁(yè)的素材。
三、規(guī)劃網(wǎng)頁(yè)
一個(gè)網(wǎng)頁(yè)設(shè)計(jì)得成功與否,很大程度上決定于設(shè)計(jì)者的規(guī)劃水平,規(guī)劃網(wǎng)頁(yè)就像設(shè)計(jì)師設(shè)計(jì)大樓一樣,圖紙?jiān)O(shè)計(jì)好了,才能建成一座漂亮的樓房。網(wǎng)頁(yè)規(guī)劃包含的內(nèi)容很多,如網(wǎng)頁(yè)的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁(yè)的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等,你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了,才能在制作時(shí)駕輕就熟,胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色,具有吸引力。如何規(guī)劃網(wǎng)頁(yè)的每一項(xiàng)具體內(nèi)容,我們?cè)谙旅鏁?huì)有詳細(xì)介紹。
四、選擇合適的制作工具
盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞,但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的'工具比較多,首先就是網(wǎng)頁(yè)制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,如果是初學(xué)者,F(xiàn)rontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動(dòng)畫(huà)制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁(yè)特效工具,如有聲有色等,網(wǎng)上有許多這方面的軟件,你可以根據(jù)需要靈活運(yùn)用。
五、制作網(wǎng)頁(yè)
材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了,這是一個(gè)復(fù)雜而細(xì)致的過(guò)程,一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小,就是說(shuō)在制作網(wǎng)頁(yè)時(shí),先把大的結(jié)構(gòu)設(shè)計(jì)好,然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜,就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容,然后再設(shè)計(jì)復(fù)雜的內(nèi)容,以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板,這樣可以大大提高制作效率。
六、上傳測(cè)試
網(wǎng)頁(yè)制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網(wǎng)頁(yè)發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)頁(yè)上傳以后,你要在瀏覽器中打開(kāi)自己的網(wǎng)頁(yè),逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試,發(fā)現(xiàn)問(wèn)題,及時(shí)修改,然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友,讓他們來(lái)瀏覽。
七、推廣宣傳
網(wǎng)頁(yè)做好之后,還要不斷地進(jìn)行宣傳,這樣才能讓更多的朋友認(rèn)識(shí)它,提高網(wǎng)頁(yè)的訪問(wèn)率和知名度。推廣的方法有很多,例如到搜索引擎上注冊(cè)、與別的網(wǎng)頁(yè)交換鏈接、加入廣告鏈等。
八、維護(hù)更新
網(wǎng)頁(yè)要注意經(jīng)常維護(hù)更新內(nèi)容,保持內(nèi)容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補(bǔ)充新的內(nèi)容,才能夠吸引住瀏覽者。
拓展閱讀:網(wǎng)頁(yè)設(shè)計(jì)的禁忌
關(guān)于外觀的禁忌
1、不要先決定網(wǎng)頁(yè)的外觀,然后強(qiáng)迫自己甚至是強(qiáng)迫別人去適應(yīng)它。應(yīng)該從網(wǎng)站的瀏覽者、網(wǎng)站要傳達(dá)的信息以及網(wǎng)站的發(fā)展目標(biāo)考慮,設(shè)計(jì)出一個(gè)最適合的網(wǎng)頁(yè)架構(gòu)。
2、不要每頁(yè)都采用不同的背景圖片,以免每次轉(zhuǎn)頁(yè)都要花時(shí)間去下載。采用相同的背景色及近似的按鈕都能增加網(wǎng)頁(yè)一致性,樹(shù)立統(tǒng)一的風(fēng)格。這也是最基本的網(wǎng)站VI設(shè)計(jì)(視覺(jué)識(shí)別系統(tǒng))。
3、不要把圖片的白色部分當(dāng)作是透明的顏色,要知道別人的操作系統(tǒng)是并不一定會(huì)將底色設(shè)為白色的。解決的方法是把網(wǎng)頁(yè)的底色設(shè)為白色。而最好的方法是用圖片編輯工具為圖片設(shè)置好透明底色。
4、底色或背景須與文字顏色形成明顯對(duì)比,方便閱讀。若你的網(wǎng)頁(yè)里有較多文字,不妨在這方面下多點(diǎn)功夫,力求讓瀏覽者能舒適閱讀你的文章。
5、每頁(yè)的排版不要太疏或用太大的字,盡量避免看網(wǎng)頁(yè)的時(shí)候要作很大的卷動(dòng)。
6、太長(zhǎng)的一頁(yè)要使用內(nèi)部鏈接,聰明的網(wǎng)頁(yè)設(shè)計(jì)者不會(huì)讓瀏覽者在看網(wǎng)頁(yè)時(shí)太多卷動(dòng)。常見(jiàn)的內(nèi)部鏈接例子如 FAQ、或名詞解釋。
7、在17寸顯示器尚未普及的時(shí)候,不要以 800x600 以上的像素設(shè)計(jì)網(wǎng)頁(yè)。因?yàn)檫@常常會(huì)導(dǎo)致設(shè)計(jì)上的判斷失誤。因此,無(wú)論你有再大的顯示器,能上再大的分辨率,將顯示器設(shè)置成 800x600的顯示模式是適當(dāng)?shù)摹?/p>
8、不要于每頁(yè)插入太多的廣告牌。相信你也不會(huì)喜歡貼滿廣告的網(wǎng)頁(yè)。什么廣告交換、點(diǎn)錢(qián)Banner、彈出窗口,還有時(shí)下最流行卻又最討厭的浮動(dòng)廣告,還是少放為妙。至少,當(dāng)我看到的時(shí)候,是會(huì)第一時(shí)間按右上角的“X”的。
關(guān)于操守的禁忌
1、不要抄襲別人的創(chuàng)作。網(wǎng)絡(luò)上的所有資料都是公開(kāi)的,但都有版權(quán)的,若想引用別人的作品,不妨先征得同意,一般作者都只要你注明出處,對(duì)于電腦方面的東西,大多數(shù)朋友都是熱情而慷慨的。更不要下載了別人的網(wǎng)站后,當(dāng)作是自己的放在網(wǎng)上,這樣做的結(jié)果是使所有人都知道你是個(gè)剽竊者。
2、引用 Newsgroup、BBS、或其他非電子傳媒的文章,切記要注明原作者名稱及文章事源,若引用別有的網(wǎng)頁(yè)更要通知網(wǎng)主。尊重版權(quán),避免官司,利人利已。
3、不要利用網(wǎng)頁(yè)散布謠言、中傷他人,網(wǎng)絡(luò)雖然難管理,但本著道德良心,都應(yīng)潔身自愛(ài)。維持良好網(wǎng)絡(luò)環(huán)境,要靠大家努力,從我做起。
4、不要將別人的網(wǎng)頁(yè)變成你的框架中的一個(gè)窗口,這樣不僅為瀏覽者帶來(lái)不便,令人的網(wǎng)頁(yè)更丑陋,而且也侵犯了別人的版權(quán),解決方法是采用鏈接中的 target 參數(shù),如 target="_top" ,或是target="_blank" 從新窗口打開(kāi)網(wǎng)頁(yè)等。若重視訪問(wèn)者的感受請(qǐng)從每一細(xì)節(jié)做起。
5、不要將別人正在使用的搜索引擎、表單及計(jì)數(shù)器等放到自己的網(wǎng)頁(yè)中,這樣做會(huì)擾亂其正常運(yùn)作、增加該服務(wù)器的負(fù)荷,除非該主人表示可以連到他的 cgi-bin 或 JavaClass。
網(wǎng)頁(yè)制作基本步驟
01 網(wǎng)頁(yè)制作的基本步驟是:要注冊(cè)好域名、服務(wù)器空間的創(chuàng)建、掌握建站軟件、開(kāi)展網(wǎng)站升級(jí)改造和網(wǎng)絡(luò)營(yíng)銷推廣等等。
1、要注冊(cè)好域名。
瀏覽網(wǎng)站是不能用網(wǎng)站域名的,并不是越多越好,只是盡量做到簡(jiǎn)潔,關(guān)于建站方便記憶,這需要我們自己去設(shè)計(jì)方案,如果方便我們自己和客戶的記憶就可以了。在這個(gè)階段,“.com”和“.cn”是使用數(shù)量多的兩種網(wǎng)站域名,這些網(wǎng)站可以通過(guò)域名服務(wù)商標(biāo)或IDC商業(yè)代理處申請(qǐng)辦理。
2、服務(wù)器空間的創(chuàng)建。
建立站點(diǎn)必須有一個(gè)用于存儲(chǔ)站點(diǎn)的服務(wù)器空間。對(duì)于普通用戶,我建議購(gòu)買(mǎi)一臺(tái)云虛擬主機(jī),在購(gòu)買(mǎi)云虛擬主機(jī)時(shí)還要看其服務(wù)項(xiàng)目、速率和響應(yīng)速度等,選擇名氣較大的服務(wù)提供商比較可靠。萬(wàn)網(wǎng)域名是現(xiàn)階段國(guó)內(nèi)名聲比較大的網(wǎng)站服務(wù)提供商,它肯定要比同行貴些,如果有必要的話,在自己的經(jīng)濟(jì)發(fā)展范疇之內(nèi),大家可以選擇自己的區(qū)域代理來(lái)注冊(cè)網(wǎng)站。
3、掌握建站軟件。
網(wǎng)域空間都做好了,那就接下去建網(wǎng)站吧。一般很多盆友在這里一步也走不完,他們擔(dān)心,現(xiàn)在很多建站軟件都可以直接下載,然后上傳到服務(wù)器空間安裝,一般的程序都是上面提到的PageAdmin,這個(gè)是免費(fèi)查看的,掌握了安裝方法之后,安裝就比較簡(jiǎn)單了。設(shè)置后大家可以在后臺(tái)自行更改網(wǎng)站頻道、新聞報(bào)道及其商品信息等。
4、開(kāi)展網(wǎng)站升級(jí)改造和網(wǎng)絡(luò)營(yíng)銷推廣。
站點(diǎn)做好了,那就接踵而至,對(duì)站點(diǎn)進(jìn)行升級(jí)和營(yíng)銷推廣。所謂升級(jí),就是經(jīng)常在網(wǎng)站上發(fā)布一些新的內(nèi)容,保持網(wǎng)站的新鮮度;說(shuō)到網(wǎng)絡(luò)營(yíng)銷推廣,一家網(wǎng)站建站兩年后卻沒(méi)有人來(lái)瀏覽,那也是行不通的,如何開(kāi)展合理的網(wǎng)絡(luò)營(yíng)銷推廣,這個(gè)必須要大家自己去各個(gè)網(wǎng)絡(luò)平臺(tái)進(jìn)行社區(qū)論壇宣傳策劃,交換友鏈等方法來(lái)推廣自己的網(wǎng)站,自然網(wǎng)絡(luò)推廣的方式也有很多種,大伙兒可以檢索一些范例教程來(lái)學(xué)習(xí)培訓(xùn),自己探索。
制作網(wǎng)頁(yè)詳細(xì)操作步驟
導(dǎo)讀:目前所見(jiàn)即所得類型的工具越來(lái)越多,使用也越來(lái)越方便,所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作,不像以前要手工編寫(xiě)一行行的源代碼那樣。下面為大家?guī)?lái)制作網(wǎng)頁(yè)詳細(xì)操作步驟,快來(lái)看看吧。
制作網(wǎng)頁(yè)主要有以下一些工具
Frontpage:office自帶的一個(gè)工具,操作簡(jiǎn)單,實(shí)用,學(xué)起來(lái)比較輕松,功能不咋地,我不太喜歡。
Dreamweaver:這是網(wǎng)頁(yè)三劍客之一,專門(mén)制作網(wǎng)頁(yè)的工具,可以自動(dòng)將網(wǎng)頁(yè)生成代碼,是普通網(wǎng)頁(yè)制作者的首選工具,界面簡(jiǎn)單,實(shí)用功能比較強(qiáng)大。建議初學(xué)者選用。
另外一個(gè)工具就是代碼編輯工具,例如寫(xiě)字本、EditPlus等,這些工具主要編輯asp等動(dòng)態(tài)網(wǎng)頁(yè)。
此外還有一些網(wǎng)絡(luò)編程工具,javascript、java編輯器等。
網(wǎng)頁(yè)制作也是一個(gè)比較吃香的行業(yè),要真正做一個(gè)好的網(wǎng)站,還必須有良好的設(shè)計(jì)功底。所以還得學(xué)很多邊緣性的軟件,例如photoshop、flash等。
大型的網(wǎng)站往往還需要數(shù)據(jù)庫(kù)的支持,所以還得懂?dāng)?shù)據(jù)庫(kù)。sql、甲骨文等。
總之,掌握好網(wǎng)頁(yè)制作,能獨(dú)立完成一個(gè)網(wǎng)站的制作工作,那就不要考慮吃飯問(wèn)題。隨便混就好了!
網(wǎng)站設(shè)計(jì)八步驟
由于目前所見(jiàn)即所得類型的工具越來(lái)越多,使用也越來(lái)越方便,所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作,不像以前要手工編寫(xiě)一行行的源代碼那樣。一般初學(xué)者經(jīng)過(guò)短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè),于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單,就匆匆忙忙制作自己的網(wǎng)站,可是做出來(lái)之后與別人一比,才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙,這是為什么呢?常言道:“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣,它是一個(gè)系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個(gè)步驟,按部就班地一步步來(lái),才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。
一、確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容,一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站,你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬(wàn)象。你沒(méi)有這個(gè)能力,也沒(méi)這個(gè)精力,所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
二、搜集材料
明確了網(wǎng)站的主題以后,你就要圍繞主題開(kāi)始搜集材料了。常言道:“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái),也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁(yè)的素材。
三、規(guī)劃網(wǎng)站
一個(gè)網(wǎng)站設(shè)計(jì)得成功與否,很大程度上決定于設(shè)計(jì)者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣,圖紙?jiān)O(shè)計(jì)好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等,你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了,才能在制作時(shí)駕輕就熟,胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容,我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具
盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞,但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多,首先就是網(wǎng)頁(yè)制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,如果是初學(xué)者,F(xiàn)rontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動(dòng)畫(huà)制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁(yè)特效工具,如有聲有色等,網(wǎng)上有許多這方面的軟件,你可以根據(jù)需要靈活運(yùn)用。
五、制作網(wǎng)頁(yè)
材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了,這是一個(gè)復(fù)雜而細(xì)致的過(guò)程,一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小,就是說(shuō)在制作網(wǎng)頁(yè)時(shí),先把大的結(jié)構(gòu)設(shè)計(jì)好,然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜,就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容,然后再設(shè)計(jì)復(fù)雜的內(nèi)容,以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板,這樣可以大大提高制作效率。
六、上傳測(cè)試
網(wǎng)頁(yè)制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開(kāi)自己的網(wǎng)站,逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試,發(fā)現(xiàn)問(wèn)題,及時(shí)修改,然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友,讓他們來(lái)瀏覽。
七、推廣宣傳
網(wǎng)頁(yè)做好之后,還要不斷地進(jìn)行宣傳,這樣才能讓更多的朋友認(rèn)識(shí)它,提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多,例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。
八、維護(hù)更新
網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容,保持內(nèi)容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補(bǔ)充新的內(nèi)容,才能夠吸引住瀏覽者。
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)
一、教材或教學(xué)內(nèi)容分析
本章內(nèi)容在本教材中的位置處于第五章,是在文字處理(Word2000)和網(wǎng)絡(luò)基礎(chǔ)及因特網(wǎng)應(yīng)用兩章之后。學(xué)生所學(xué)的文字處理軟件Word和將要學(xué)習(xí)的網(wǎng)頁(yè)制作軟件Frontpage同是Microsoft公司的產(chǎn)品,在軟件的使用上有很多的共通之處,所以在學(xué)習(xí)frontpage的時(shí)候,很多內(nèi)容可以讓學(xué)生自學(xué),而不必面面俱到地在課上講授。而第四章網(wǎng)絡(luò)基礎(chǔ)及因特網(wǎng)的應(yīng)用又為學(xué)生對(duì)網(wǎng)頁(yè)的理解奠定了基礎(chǔ),學(xué)生對(duì)網(wǎng)頁(yè)中的基本元素——文字、圖片、動(dòng)畫(huà)、聲音等都有所了解,而網(wǎng)頁(yè)的制作就是將這些元素重新組合到網(wǎng)頁(yè)上,學(xué)生要學(xué)的就是這種組合的方法。所以說(shuō),雖然大多數(shù)學(xué)生以前都未接觸過(guò)網(wǎng)頁(yè)的制作,但有了以上這些基礎(chǔ),學(xué)起來(lái)就輕松多了。
本章內(nèi)容按照學(xué)生已有的基礎(chǔ),我對(duì)教學(xué)內(nèi)容分了一下類,也為教學(xué)的組織工作打下一點(diǎn)基礎(chǔ)。本章內(nèi)容主要由網(wǎng)頁(yè)基礎(chǔ)知識(shí)、網(wǎng)站的建立和管理、網(wǎng)頁(yè)的制作、創(chuàng)建超鏈接、圖片的處理、網(wǎng)頁(yè)框架。
重點(diǎn)是網(wǎng)頁(yè)的制作和創(chuàng)建超鏈接,學(xué)會(huì)了這些就可以開(kāi)始簡(jiǎn)單的網(wǎng)頁(yè)制作了。
難點(diǎn)是網(wǎng)頁(yè)框架,這部分相互之間關(guān)系比較復(fù)雜,必要時(shí),老師在對(duì)各組個(gè)別輔導(dǎo)時(shí),可以給予分別講解。 這個(gè)分類可以為組長(zhǎng)安排各個(gè)組員的任務(wù)提供參考,使分工更加合理。
二、教學(xué)對(duì)象的分析
信息技術(shù)課雖然已經(jīng)成為初中的必修科目,但是城鄉(xiāng)學(xué)生之間掌握情況的差異卻相當(dāng)大,條件好一點(diǎn)的初中學(xué)生不僅已經(jīng)熟練掌握了課本上的內(nèi)容,還對(duì)一些常用軟件有所了解;而差一點(diǎn)的可以說(shuō)是從高中開(kāi)始才正式接觸到信息技術(shù)知識(shí)的學(xué)習(xí),他們需要多鍛煉、多指導(dǎo),所以協(xié)作學(xué)習(xí)對(duì)學(xué)生的學(xué)習(xí)幫助很大。
三、教學(xué)策略的選擇及媒體的使用
在教學(xué)策略的選擇上,我使用的是任務(wù)驅(qū)動(dòng)和協(xié)作學(xué)習(xí)相結(jié)合的方法。
任務(wù)驅(qū)動(dòng)就是要求本章內(nèi)容學(xué)習(xí)完之后,每個(gè)小組都要完成自己班級(jí)網(wǎng)站的制作,并在全班進(jìn)行評(píng)比,選擇最好的作為班級(jí)主頁(yè)掛到學(xué)校主頁(yè)上去,這有助于激發(fā)學(xué)生參與學(xué)習(xí)的積極性。
協(xié)作學(xué)習(xí)則是讓學(xué)生在學(xué)習(xí)過(guò)程中互幫互助,用較短的時(shí)間、教少的精力學(xué)到更多的東西,完成一個(gè)集體項(xiàng)目,讓他們?cè)趯W(xué)習(xí)之后獲得成就感。因此在媒體的選擇上,我們使用的是TOP2000系統(tǒng)。TOP2000系統(tǒng)有利于教師進(jìn)行分組教學(xué)和學(xué)生作品的點(diǎn)評(píng)及成果的展示。教學(xué)過(guò)程開(kāi)始之前,教師把學(xué)生按座位分成四組,每個(gè)組都按學(xué)生對(duì)計(jì)算機(jī)的掌握程度平均分配,保證每個(gè)組都有計(jì)算機(jī)操作方面比較突出的,也有相對(duì)比較差的,使其形成能夠互幫互助的學(xué)習(xí)小組。并由他們自己選出組長(zhǎng)各一名,然后由組長(zhǎng)根據(jù)組員的情況,確定在班級(jí)主頁(yè)制作過(guò)程中主要完成什么任務(wù),也就是說(shuō)起到一個(gè)組織者的作用。
做過(guò)網(wǎng)頁(yè)的人都知道,做網(wǎng)頁(yè)是一項(xiàng)比較費(fèi)時(shí)的工作,而要學(xué)生在較短的時(shí)間內(nèi)制作出像樣的網(wǎng)頁(yè)是比較困難的,而在這個(gè)過(guò)程中,網(wǎng)頁(yè)的設(shè)計(jì)占去了相當(dāng)多的一部分時(shí)間,組長(zhǎng)把任務(wù)分到各組員頭上以后,組員就可根據(jù)自己要完成的任務(wù)相對(duì)集中的做某方面的工作,做完以后,組員之間進(jìn)行經(jīng)驗(yàn)交流,告訴組員自己的網(wǎng)頁(yè)是如何制作出來(lái)的',在完成自己的網(wǎng)頁(yè)后,再重復(fù)一遍制作過(guò)程花費(fèi)的時(shí)間的不多的。這樣,其他組員就可在較短的時(shí)間之內(nèi)掌握比較先進(jìn)的網(wǎng)頁(yè)制作方法,而不必再花那么多時(shí)間去探索。因?yàn)槊课唤M員都必須自己完成一個(gè)任務(wù),所以在這個(gè)過(guò)程中,也同樣有自己探索學(xué)習(xí)的機(jī)會(huì)和介紹自己經(jīng)驗(yàn)的機(jī)會(huì),使組內(nèi)的每個(gè)學(xué)生都在學(xué)習(xí)中獲得成就感。
四、教學(xué)過(guò)程
教學(xué)進(jìn)程
教師活動(dòng)
學(xué)生活動(dòng)
1、課前準(zhǔn)備
課前將本章內(nèi)容的基本結(jié)構(gòu)、內(nèi)容的歸類、網(wǎng)頁(yè)基礎(chǔ)知識(shí)、網(wǎng)頁(yè)素材做成一個(gè)網(wǎng)站,供學(xué)生參考,網(wǎng)站上的內(nèi)容可根據(jù)學(xué)生以后在學(xué)習(xí)中的要求添加。根據(jù)學(xué)生對(duì)已有的網(wǎng)頁(yè)制作的情況進(jìn)行分組。
學(xué)生根據(jù)自己的分組情況選出組織能力較強(qiáng)、計(jì)算機(jī)水平較高的人做組長(zhǎng),協(xié)作小組形成。
2、教師布置任務(wù),作必要講解
第一節(jié)課,教師簡(jiǎn)單介紹網(wǎng)頁(yè)基礎(chǔ)知識(shí),并給各小組布置任務(wù)——用下面的時(shí)間完成班級(jí)網(wǎng)頁(yè)的制作,并對(duì)組長(zhǎng)進(jìn)行本章基本內(nèi)容及本章內(nèi)容的分類的介紹,讓他們對(duì)本章內(nèi)容有總體上的把握。
在教師對(duì)網(wǎng)頁(yè)基礎(chǔ)知識(shí)講解的基礎(chǔ)上,瀏覽教師制作的網(wǎng)站,繼續(xù)學(xué)習(xí);
課后各組設(shè)計(jì)自己的班級(jí)主頁(yè),組長(zhǎng)根據(jù)網(wǎng)站上教師對(duì)本章內(nèi)容的分類給學(xué)生布置任務(wù)。
3、教師指導(dǎo)分工情況,學(xué)生開(kāi)始自主學(xué)習(xí)
第二節(jié)課教師對(duì)組長(zhǎng)對(duì)全組的分工情況給予檢查,提出意見(jiàn)和建議。
學(xué)生根據(jù)分工制作網(wǎng)頁(yè),學(xué)習(xí)可以跟著課本上自學(xué),也可根據(jù)以前學(xué)習(xí)Word的經(jīng)驗(yàn)自己摸索制作過(guò)程,不懂之處可向會(huì)的同學(xué)請(qǐng)教,還可以相互之間討論,在網(wǎng)頁(yè)的設(shè)計(jì)方面也可以相互之間多商量,發(fā)揚(yáng)互幫互助的精神。
4、學(xué)生自主學(xué)習(xí),教師指導(dǎo)、監(jiān)督
下面三節(jié)課,老師在每組各用10分鐘時(shí)間檢查他們上節(jié)課的網(wǎng)頁(yè)制作情況,并對(duì)他們碰到的問(wèn)題給予提示或解決,起指導(dǎo)和監(jiān)督作用。
學(xué)生繼續(xù)學(xué)習(xí)、制作網(wǎng)頁(yè)。
五、階段總結(jié)
四節(jié)課的制作以后,各組員所制作的網(wǎng)頁(yè)都初見(jiàn)雛形,所以教師組織一堂課,由各組展示自己的作品。教師在學(xué)生評(píng)講完后,給予總結(jié)。
各組分別展示自己的作品,其他組對(duì)他們可以提出意見(jiàn)或建議,也可從其他組的學(xué)到好的創(chuàng)意。由組長(zhǎng)在課后寫(xiě)一份階段總結(jié),從而指導(dǎo)以后的工作。
六、學(xué)生自主學(xué)習(xí),教師指導(dǎo)、監(jiān)督
下面四節(jié)課,老師仍然對(duì)每組各花10分鐘時(shí)間輪流檢查他們上節(jié)課的網(wǎng)頁(yè)制作情況,并對(duì)他們碰到的問(wèn)題給予提示或解決,起指導(dǎo)和監(jiān)督作用。
學(xué)生繼續(xù)學(xué)習(xí)、制作網(wǎng)頁(yè)。
七、各組將內(nèi)容匯總,形成班級(jí)主頁(yè)
教師對(duì)各組出現(xiàn)的問(wèn)題提出建議或意見(jiàn)。
組長(zhǎng)或組長(zhǎng)安排人將各組的主頁(yè)進(jìn)行匯總,形成一個(gè)完整的班級(jí)主頁(yè),對(duì)欠缺的地方進(jìn)行修補(bǔ)。
八、班級(jí)網(wǎng)站制作完成,展示與總結(jié)
老師請(qǐng)其他信息技術(shù)教師來(lái)做評(píng)委,對(duì)各組做的網(wǎng)站提出意見(jiàn)或建議,評(píng)出最佳網(wǎng)站、最佳創(chuàng)意等獎(jiǎng),讓大家的付出都有所收獲。
各組分別展示自己組所制作的班級(jí)主頁(yè)。
課后:
大家集中各組的優(yōu)勢(shì),將班級(jí)主頁(yè)完成,掛到學(xué)校主頁(yè)上。