正文

學(xué)生個(gè)人網(wǎng)頁制作

發(fā)布時(shí)間：2023-04-26 14:52:10 稿源：創(chuàng)意嶺閱讀： 1088

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于學(xué)生個(gè)人網(wǎng)頁制作的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、制作班級(jí)網(wǎng)站,需要哪些欄目以及對(duì)應(yīng)的網(wǎng)頁名稱是什么？
2、制作網(wǎng)頁用什么軟件好?。恐袑W(xué)生用的
3、怎么做一個(gè)網(wǎng)頁(網(wǎng)頁設(shè)計(jì)作業(yè))
4、使用Dreamweaver軟件設(shè)計(jì)并制作完成個(gè)人網(wǎng)站，題目自擬。要求有五個(gè)連接的網(wǎng)頁文件。

學(xué)生個(gè)人網(wǎng)頁制作

一、制作班級(jí)網(wǎng)站,需要哪些欄目以及對(duì)應(yīng)的網(wǎng)頁名稱是什么？

班級(jí)概況: “主頁”（主頁）-這是學(xué)校網(wǎng)站的主頁，顯示學(xué)生的信息，如姓名、成績、照片和其他關(guān)于每個(gè)學(xué)生的基本信息。它還包括指向校園相關(guān)頁面、社交媒體賬戶、聯(lián)系信息等的鏈接。

學(xué)生簡介：“學(xué)生”（簡介）-這些是針對(duì)班上每個(gè)學(xué)生的個(gè)人網(wǎng)站，包括他們的照片庫、作品集、項(xiàng)目、興趣、愛好、運(yùn)動(dòng)隊(duì)、獎(jiǎng)項(xiàng)、榮譽(yù)、實(shí)習(xí)經(jīng)歷、技能、志愿者工作經(jīng)驗(yàn)、學(xué)術(shù)成就、研究論文等。每個(gè)簡介都應(yīng)該包括過去的作業(yè)、項(xiàng)目報(bào)告、家長來信、文章、采訪、書評(píng)、演講、視頻剪輯、音樂視頻、藝術(shù)展覽等，展示他們?cè)谀睦锉憩F(xiàn)出色，成為了什么樣的榜樣。

課堂活動(dòng)和活動(dòng)：“校園生活”（活動(dòng)/活動(dòng)）-在這里，你可以展示我們學(xué)生參加的不同類型的教育和課外活動(dòng)、俱樂部和比賽，或者只是學(xué)校的一些典型日常生活。這些頁面的目的是展示我們豐富多彩的校園，并鼓勵(lì)游客通過觀看簡短的內(nèi)容片段來了解更多關(guān)于我們的信息。

家長門戶網(wǎng)站：“家長”（家長門戶網(wǎng)站）-我們希望為家長提供方便的渠道，讓他們與孩子的老師和輔導(dǎo)員溝通，查看時(shí)間表，復(fù)習(xí)家庭作業(yè)，并收到關(guān)于孩子在課堂上表現(xiàn)的反饋。您可以使用模板設(shè)計(jì)此部分，也可以完全使用HTML-CSSJavaScript代碼自己創(chuàng)建。

教師中心：“教師”（教師中心）-你的課堂將有許多杰出的助教，他們經(jīng)常處理諸如接聽電話、組織會(huì)議和與家人溝通等問題。在處理具有挑戰(zhàn)性的情況時(shí)，他們需要幫助尋找資源和建議。你可以讓他們了解特殊需求課程和支持服務(wù)，并允許他們上傳圖片、想法和貢獻(xiàn)來提高自己。

二、制作網(wǎng)頁用什么軟件好?。恐袑W(xué)生用的

在做網(wǎng)頁一般常用的軟件有網(wǎng)頁三劍客：Dreamwear、Flash、Fireworks這三種軟件，我們學(xué)這門課程時(shí)候就是用的這幾款軟件。其中Dreamwear是進(jìn)行網(wǎng)頁頁面制作的，F(xiàn)lash是進(jìn)行動(dòng)畫制作的，F(xiàn)ireworks是進(jìn)行圖像制作的。

關(guān)于同類型的軟件還有很多。如與Dreamwear差不多的有微軟的Frontpage等，與Fireworks差不多的有Adobe公司的PHOTOSHOP等

三、怎么做一個(gè)網(wǎng)頁(網(wǎng)頁設(shè)計(jì)作業(yè))

jsp+美工+編程

當(dāng)人們?cè)L問你的站點(diǎn)時(shí),他們都會(huì)立即下意識(shí)地判斷:這個(gè)站點(diǎn)怎么樣？值不值的當(dāng)回事兒？是否值的把他加入到我的bookmark中去，要知道，在網(wǎng)絡(luò)信息的虛擬世界里，互聯(lián)網(wǎng)提供了天下大同的機(jī)會(huì)，同時(shí)也讓這個(gè)虛擬世界充斥著數(shù)不清的商業(yè)站點(diǎn)、垃圾站點(diǎn)，大多數(shù)站點(diǎn)缺乏靈魂、主旨，東一榔頭西一棒子，松散、混亂，原因就在于缺乏策劃設(shè)計(jì)。因此要想使你的網(wǎng)站從那些數(shù)不清的站點(diǎn)中脫穎而出，就必須對(duì)整個(gè)站點(diǎn)作好統(tǒng)籌安排，規(guī)劃，對(duì)所有的內(nèi)容進(jìn)行細(xì)意斟酌，把所有的意念合情合理的組織起來設(shè)計(jì)一個(gè)合理的頁面樣式。下面我們就具體的來探討一下網(wǎng)站策劃設(shè)計(jì).

一、首先確定web站點(diǎn)的營銷目標(biāo):

1）、市場(chǎng)調(diào)查階段

了解一下目前internet的發(fā)展?fàn)顩r以及同類站點(diǎn)的發(fā)展、經(jīng)營狀況，吸取他們的長處，找出自己的優(yōu)勢(shì)，對(duì)市場(chǎng)作個(gè)調(diào)查，明確自己網(wǎng)站的主題，尋找一個(gè)好的出發(fā)點(diǎn)。

2）、你設(shè)想中的網(wǎng)站規(guī)模有多大？

作網(wǎng)站并不是盲目的想做多大就作多大，而要根據(jù)自身的現(xiàn)階段能力，以及企業(yè)的規(guī)模大小，確定你的網(wǎng)站是小型、中型、大規(guī)模的網(wǎng)站，還是從小規(guī)模的開始，然后逐步發(fā)展。這主要的是關(guān)系到網(wǎng)站的后期維護(hù)以及網(wǎng)站的發(fā)展方向來考慮的。

3）、確定網(wǎng)站的類別，你希望網(wǎng)站有怎樣的設(shè)計(jì)特色

根據(jù)主題、形式以及本身企業(yè)的特點(diǎn)，網(wǎng)站的設(shè)計(jì)也有不同的類別，大概可分為：以內(nèi)容為主，設(shè)計(jì)為輔，注重速度這種大型的專業(yè)網(wǎng)站，它一般體現(xiàn)在專業(yè)的 icp，isp供應(yīng)商制作的網(wǎng)站，在設(shè)計(jì)這類網(wǎng)站時(shí)不要太花哨，應(yīng)注重信息量；第二種大多數(shù)企業(yè)為了更好的宣傳自己的產(chǎn)品，擴(kuò)大銷路，使自己的產(chǎn)品走向世界，提高自己企業(yè)的形象而制作的網(wǎng)站，這種網(wǎng)站制作應(yīng)結(jié)合本身產(chǎn)品特點(diǎn)而制作的特色網(wǎng)站，相對(duì)來說比較注重產(chǎn)品的營銷；第三種是形象類的網(wǎng)站，一般這種網(wǎng)站相對(duì)體現(xiàn)在政府部門，作為對(duì)外一個(gè)窗口，相對(duì)來說這種網(wǎng)站設(shè)計(jì)比較嚴(yán)肅；第四種是個(gè)人主頁網(wǎng)站，這種網(wǎng)站相對(duì)比較自由，不受什么約束，可以根據(jù)每個(gè)人自己的特長自由發(fā)揮。因此我們?cè)谥谱髦黜摃r(shí)先明確自己的定位方向，設(shè)計(jì)出適合自己的站點(diǎn)。

4）、你的主要目標(biāo)受眾是誰？

根據(jù)網(wǎng)站的類別不同，目標(biāo)受眾也不一樣，有工商業(yè)者、專業(yè)人士、學(xué)生；女性，男性；兒童，青少年，中年人，老人；還是所有的人，比如教育類的網(wǎng)站相對(duì)來說是目標(biāo)受眾是院校的老師和學(xué)生?；b類、護(hù)膚產(chǎn)品類的網(wǎng)站相對(duì)來說是女性等。

5）、確定整個(gè)網(wǎng)站的整體風(fēng)格

其實(shí)，這個(gè)原則和傳統(tǒng)的印刷出版物沒什么區(qū)別。你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。

舉個(gè)簡單例子。如果你在列示一二三四若干條的情況下，在每條前面用黑圓點(diǎn)加強(qiáng)視覺效果，那么其他類似地方，也應(yīng)該用保持同樣的風(fēng)格。色彩斑斕的站點(diǎn)，尤其要注意風(fēng)格的統(tǒng)一。顏色可以變，不過字體、主體文本對(duì)齊風(fēng)格、標(biāo)題、背景效果以及特殊圖像效果等等都應(yīng)保持統(tǒng)一。

很多缺乏編輯、出版背景的網(wǎng)友，很容易忽視這點(diǎn)，特別是網(wǎng)頁一多，更容易忘。

6）、你準(zhǔn)備投入多少資金、如何經(jīng)營這個(gè)網(wǎng)站？

對(duì)所作的網(wǎng)站大概的作個(gè)估價(jià)，需要多少資金，你準(zhǔn)備投入多少資金來運(yùn)營這個(gè)網(wǎng)站，假設(shè)網(wǎng)站制作好以后如何經(jīng)營這個(gè)網(wǎng)站，是全部由自己來做，還是委托專業(yè)服務(wù)來做，自己定期指導(dǎo)，還是設(shè)定要求、目標(biāo)完全由別人代勞。這是不可忽略的問題，如果一個(gè)網(wǎng)站前期作的再好，后期沒人維護(hù)也是空的，就好比一條剛建好的街道，干干凈凈的，人們也比較喜歡來這里逛街，日久了，人走的人多了，垃圾多了這時(shí)沒人來管里，這樣垃圾越堆越多，走的人肯定也越來越少了。日久了也逐漸被人遺忘了。網(wǎng)站經(jīng)營也是這個(gè)原理。

7）、根據(jù)目標(biāo)框架整理出站點(diǎn)的內(nèi)容框架以及邏輯結(jié)構(gòu)圖

①把目標(biāo)細(xì)化以整理出站點(diǎn)內(nèi)容框架

基本確定的目標(biāo)，您就應(yīng)該把目標(biāo)細(xì)化，并初步整理出為達(dá)到這些目的，站點(diǎn)所需要包含的所有內(nèi)容了。例如，站點(diǎn)應(yīng)該發(fā)布什么信息，站點(diǎn)需要提供什么應(yīng)用程序，等等。然后，你應(yīng)該把初步定下的內(nèi)容綱要寫下來，交給上級(jí)或業(yè)務(wù)人員審核批準(zhǔn)。這實(shí)際上就形成了站點(diǎn)設(shè)計(jì)的需求報(bào)告。在你的內(nèi)容綱要里，還應(yīng)該注明這些內(nèi)容的信息來源，哪個(gè)部門應(yīng)該提供哪方面的信息。把這些羅列下來，會(huì)使得上級(jí)以及各個(gè)相關(guān)部門清楚"誰應(yīng)該為這些內(nèi)容負(fù)責(zé)"。

②進(jìn)一步整理出站點(diǎn)邏輯結(jié)構(gòu)圖

定下內(nèi)容綱要后，你應(yīng)該能夠大致畫出站點(diǎn)的結(jié)構(gòu)圖了。結(jié)構(gòu)圖也有很多種，順序結(jié)構(gòu)，網(wǎng)狀結(jié)構(gòu)，繼承結(jié)構(gòu)，WEB結(jié)構(gòu)等，應(yīng)依據(jù)你的內(nèi)容而定。例如，如果你是在編一個(gè)教程，那么可能用表示順序的流程圖就比較合適。多數(shù)復(fù)雜的網(wǎng)站會(huì)綜合應(yīng)用到幾種不同的結(jié)構(gòu)圖。畫出結(jié)構(gòu)圖的目的，主要是便于有邏輯地組織站點(diǎn)和鏈接，同時(shí)，將來你會(huì)用這個(gè)圖去分配工作和任務(wù)。例如:

你可以告訴某個(gè)開發(fā)人員，讓他完成結(jié)構(gòu)圖中某個(gè)分支的內(nèi)容；

你可以把這個(gè)圖遞交給業(yè)務(wù)人員，告訴他們哪些頁面，需要他們進(jìn)一步提供內(nèi)容或資料；

你可以把結(jié)構(gòu)圖給專業(yè)美工看，讓美工人員考慮以什么樣的形式來表現(xiàn)你要表達(dá)的內(nèi)容等等。

簡而言之，這個(gè)框架圖，將為你下一步進(jìn)行工作分配，人員安排提供依據(jù)。

二、網(wǎng)站制作過程中把握的幾點(diǎn)

1）、重點(diǎn)信息放在突出醒目的位置，整個(gè)網(wǎng)站空間排序適當(dāng)

一個(gè)網(wǎng)站很重要的就是標(biāo)題，標(biāo)題就像路牌一樣，人家在你的網(wǎng)站上逛來逛去，全靠它指路了。給人的第一印象是否能夠馬上注意到標(biāo)題，標(biāo)題要意義清晰、描述性強(qiáng)，把最吸引人的地方放在突出顯眼的位置，然后再慢慢展開?；蛘哒f，把你的獨(dú)特內(nèi)容包裹成一個(gè)懸念，吸引人家注意。讀者看一篇文章，前三段注意力最集中，如果這“寸土寸金”的前三段用不好，人家就要和你拜拜嘍！

留出可調(diào)整的位置，用于滿足臨時(shí)性或短期營銷活動(dòng)的宣傳需要。如，福州電信局12月11日舉辦的“福建省首屆信息網(wǎng)絡(luò)展示會(huì)”展覽，需要在網(wǎng)頁中放在最突出的位置。這就需要調(diào)整原有的結(jié)構(gòu)，既讓新的內(nèi)容有突出的體現(xiàn)，還要不至于淹沒其他重點(diǎn)。

在每屏中的文字與圖形的布局既要考慮到重點(diǎn)的突出，還要給人以和諧的感覺。不能讓圖形淹沒文字，也不能圖形太少而讓人覺得單調(diào)。視覺的吸引和誘惑力是不能低估的。文字內(nèi)容和圖片搭配要和諧。

2）、網(wǎng)頁應(yīng)該易懂，控制沒個(gè)模塊的信息量。網(wǎng)頁要易讀、易懂。

網(wǎng)站設(shè)計(jì)最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀。花時(shí)間和心思來規(guī)劃文字和背景顏色的搭配方案。勿使背景沖淡了文字的視覺效果。

這就意味著，你必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起你的網(wǎng)頁來很費(fèi)勁。一般來說，淺色背景下的深色

這個(gè)原則也意味著，你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。

另外，最好讓文本左對(duì)齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。

網(wǎng)頁的內(nèi)容最好能夠開門見山，讓瀏覽者在最短的時(shí)間內(nèi)了解你的網(wǎng)頁的內(nèi)容。在內(nèi)容上著筆盡量要細(xì)致，讓人家能在最短的時(shí)間內(nèi)，了解你想呈現(xiàn)給人家什么。給人家一幅清晰的畫卷，別云山霧罩的。開門見山，直接了當(dāng)。大家都知道，網(wǎng)友的耐心尤其少。你能提供的信息或許對(duì)他們有裨益，但如果要人家沒完沒了地翻下去才能找到，恐怕極少有人有這份耐心。

立體規(guī)劃內(nèi)容。將所有的結(jié)構(gòu)按照一定的框架結(jié)構(gòu)分別納入不同的頁面。

立體規(guī)劃內(nèi)容，將所有部分按一定的構(gòu)架各就其位、分別納入不同層次的頁面。注意先要把最重要的內(nèi)容放到首頁上，其他的依次就緒。

然后，你就可以勾劃頁面藍(lán)圖、編HTML了。就文本內(nèi)容的表現(xiàn)而言，記住盡量別讓其一行文字的寬度，橫跨整個(gè)屏幕。段落一多，這樣子看起來很費(fèi)勁，而且別人的瀏覽器還可能和你的差別很大。最好別超過屏幕寬度的一半。

文字的寬度，最好別超過屏幕寬度的一半。

3）、網(wǎng)頁頁面越小越好，最好別超過50k，盡量精簡

上網(wǎng)的人追求的是速度。所以頁面的大小是非常重要的，如果你的網(wǎng)站主要是為了提供消息內(nèi)容，那么在最短的時(shí)間內(nèi)呈現(xiàn)出來你的內(nèi)容，別人會(huì)更加舒心的查看你的網(wǎng)站。

別使速度影響了你的效率，要知道，很多人是沒有耐心的。網(wǎng)頁的速度最好控制在十秒以內(nèi)?；蛘吒?。

有研究顯示，如果一個(gè)網(wǎng)站頁面的主體在15秒之內(nèi)顯現(xiàn)不出來，訪客會(huì)很快失去對(duì)該站的興趣。當(dāng)然，也有例外，比如內(nèi)容實(shí)在太精彩，人家不去不行。再像視覺藝術(shù)類站點(diǎn)，也不能以“快”為唯一設(shè)計(jì)標(biāo)準(zhǔn)。不過，即使這類站點(diǎn)，也該在加個(gè)導(dǎo)引頁，給讀者一個(gè)提示，別不理睬人家的心情。但是大多數(shù)網(wǎng)站還是以內(nèi)容為主，大部分人感興趣的還是信息量，追求的是速度。

要限定頁面的大小，就得從各個(gè)角度考慮節(jié)省。最大的一頭是圖像，有的好東西，只得割愛了。想想看，在創(chuàng)意表達(dá)、品牌形象、掙錢幾個(gè)目標(biāo)之中，哪個(gè)最重要？

4）、網(wǎng)站導(dǎo)航要清晰，容易查找，

所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識(shí)出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識(shí)，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。所有的導(dǎo)航條都要非常清晰明確的讓瀏覽者看出來。

鏈接文本的顏色最好用約定俗成的：未訪問的，藍(lán)色；點(diǎn)擊過的，紫色或栗色。如果你一定要?jiǎng)e出心裁，鏈接的文本就要想著以什么方式加以突出，比如說加粗體？加字號(hào)？兩側(cè)加豎標(biāo)？或者幾者兼用。總之，文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向。

鏈接文字要重點(diǎn)突出；

清晰導(dǎo)航還要求：讀者進(jìn)入目的頁的點(diǎn)擊次數(shù)，不能超過三次。如果三次以上還找不到，人家可就沒有耐心陪你玩了！

三、網(wǎng)站推廣

網(wǎng)上世界黑漆無邊，你怎么讓人家找到你？很多有些經(jīng)驗(yàn)的網(wǎng)友知道這個(gè)問題的份量，不過對(duì)于一波一波興奮上網(wǎng)的新手，他們腦中的概念大多是：“有了網(wǎng)站，自然有人來”。不怪他們，商家們的欺騙宣傳太成功了，他們哪里知道，網(wǎng)上有數(shù)不清的網(wǎng)站像“無人區(qū)”一樣死寂。因此我們?cè)谧骱镁W(wǎng)站以后，后期的推廣宣傳工作也不可忽略，主要的可以從以下幾個(gè)方面來宣傳。

1）、傳統(tǒng)媒體：廣播、報(bào)紙、電視都是很好的方法?，F(xiàn)在我們已經(jīng)看到很多在傳統(tǒng)媒體中的商家廣告，就是以網(wǎng)址為廣告內(nèi)容的主體。同時(shí)，商家所有的印刷品，包括名片，都是宣傳網(wǎng)址的良好介質(zhì)。

2）、因特網(wǎng)本身的方法：諸如導(dǎo)航臺(tái)、新聞組、電子郵件群組、圖標(biāo)廣告、分類廣告等等，都是宣傳網(wǎng)址的好方法。提高你網(wǎng)站在導(dǎo)航站點(diǎn)的排名、Banner廣告、有技巧得利用傳統(tǒng)媒體、BBS、新聞組都是獲取潛在用戶注意力的手段。充分利用網(wǎng)頁的交互性，增強(qiáng)與客戶之間的聯(lián)系，及時(shí)得到客戶的反饋信息，了解客戶的需求，不斷的改進(jìn)網(wǎng)站，提高整個(gè)網(wǎng)站的信譽(yù)。

孫子曰：“夫未戰(zhàn)而廟算勝者，得算多也；未戰(zhàn)而廟算少者，得算少也。多算勝，少算不勝，而況無算乎？“這里的廟算就是我們講的謀略，也就是今天所講的策劃。

策劃是一種能力，是一種謀略，一種技巧，一種手段，一個(gè)計(jì)劃，一次革命！

策劃就是設(shè)計(jì)。人們稱鄧小平為“改革開放的總設(shè)計(jì)師”，實(shí)際上也就是對(duì)策劃、策劃實(shí)踐的一次歷史性確認(rèn)。

真正的策劃人是一個(gè)復(fù)合型人才，必須掌握：經(jīng)濟(jì)學(xué)、哲學(xué)、心理學(xué)、傳播學(xué)、營銷學(xué)、管理學(xué)等，以及具體的如戰(zhàn)略、競爭、策略、計(jì)劃、市場(chǎng)調(diào)查、市場(chǎng)渠道設(shè)計(jì)、品牌經(jīng)營、企業(yè)規(guī)劃，甚至人力資源以及整個(gè)國家和世界的動(dòng)態(tài)和發(fā)展趨勢(shì)。

四、使用Dreamweaver軟件設(shè)計(jì)并制作完成個(gè)人網(wǎng)站，題目自擬。要求有五個(gè)連接的網(wǎng)頁文件。

一、認(rèn)識(shí)Dreamweaver

--網(wǎng)頁設(shè)計(jì)與制作教學(xué)案例分析報(bào)告

【教材分析】

在學(xué)習(xí)《網(wǎng)頁的設(shè)計(jì)與制作》之前，學(xué)生已初步掌握了網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，但多數(shù)學(xué)生對(duì)網(wǎng)站網(wǎng)頁的了解也僅僅只停留在這種簡單的操作層面上。本節(jié)教學(xué)中通過網(wǎng)頁、網(wǎng)站基本概念的了解，讓學(xué)生理解網(wǎng)頁的基本元素構(gòu)成和經(jīng)常使用的構(gòu)件，了解超文本標(biāo)記語言HTML，通過對(duì)網(wǎng)頁制作工具的比較學(xué)習(xí)，了解不同常用網(wǎng)頁制作工具的特點(diǎn)，為下一節(jié)的學(xué)習(xí)打下基礎(chǔ)。

【學(xué)情分析】

在學(xué)習(xí)本單元之前，學(xué)生已初步具備獲取信息的能力，他們學(xué)習(xí)了網(wǎng)絡(luò)基礎(chǔ)知識(shí)，掌握了網(wǎng)絡(luò)信息的瀏覽、搜索和下載以及電子郵件的收發(fā)、文件傳輸?shù)燃寄?。學(xué)生希望自己能制作網(wǎng)頁，并將網(wǎng)頁發(fā)布在Internet上。因此學(xué)生對(duì)本單元學(xué)習(xí)的興趣很大。學(xué)生在學(xué)習(xí)本單元前已經(jīng)學(xué)過Word應(yīng)用軟件的使用方法，并掌握一定的文字輸入、圖片的編輯、表格的插入等技巧，這對(duì)于本單元的學(xué)習(xí)非常有利。

【教學(xué)目標(biāo)】

1．知識(shí)與技能

（1）了解網(wǎng)頁、網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素。

（2）了解基本的網(wǎng)頁制作軟件的界面和特點(diǎn)。

（3）了解網(wǎng)站的地址標(biāo)識(shí)——URL,超文本標(biāo)記語言HTML, 了解超文本傳輸協(xié)議HTTP。

2．過程與方法

（1）通過對(duì)一個(gè)網(wǎng)站網(wǎng)頁的分析，了解網(wǎng)頁、網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素。

（2）通過教師的演示和講解，初步了解基本的網(wǎng)頁制作工具軟件的界面和特點(diǎn)。

3．情感態(tài)度與價(jià)值觀

（1）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)求實(shí)的學(xué)習(xí)態(tài)度。

（2）培養(yǎng)學(xué)生學(xué)習(xí)中勇于探索、崇尚科學(xué)的意志和品德。

【重點(diǎn)難點(diǎn)】

重點(diǎn)：網(wǎng)頁的基本元素

難點(diǎn)：網(wǎng)頁的基本元素，構(gòu)件

【設(shè)計(jì)思想】

同學(xué)們喜歡上網(wǎng)，但是有一部分學(xué)生不能區(qū)分網(wǎng)站和網(wǎng)頁，在設(shè)計(jì)時(shí)，我首先與語文學(xué)科整合，結(jié)合語文教材內(nèi)容，播放《再別康橋》flash動(dòng)畫朗讀版，以此來創(chuàng)設(shè)快樂課堂學(xué)習(xí)情境，進(jìn)而引入徐志摩文學(xué)網(wǎng)，讓學(xué)生思考網(wǎng)站和網(wǎng)頁有什么聯(lián)系？引出本節(jié)課的主題，以提高學(xué)生的學(xué)習(xí)興趣和求知欲望。當(dāng)學(xué)生對(duì)網(wǎng)站與網(wǎng)頁有了一定的認(rèn)識(shí)之后，引導(dǎo)同學(xué)們自主去探究發(fā)現(xiàn)構(gòu)成網(wǎng)頁的基本元素有哪些？有什么作用？接著組織學(xué)生繼續(xù)討論、交流網(wǎng)頁中除了三種基本元素外，還有哪些經(jīng)常使用的構(gòu)件？然后引導(dǎo)學(xué)生查看網(wǎng)頁的源文件，從而順利引導(dǎo)到對(duì)Dreamweaver網(wǎng)頁制作軟件的了解，為本章后面的知識(shí)學(xué)習(xí)作鋪墊。

【教學(xué)流程】

教學(xué)環(huán)節(jié) 教師活動(dòng)設(shè)計(jì)

創(chuàng)設(shè)情境，激發(fā)學(xué)生的學(xué)習(xí)興趣引入課題

幻燈顯示《再別康橋》flash動(dòng)畫朗讀版，指出詩很美，作者筆下的康橋更是讓人向往，激發(fā)學(xué)生的求知欲。

引導(dǎo)學(xué)生進(jìn)入徐志摩文學(xué)網(wǎng)http://www.zhs2008.com ，對(duì)URL、http作一定的解釋?，F(xiàn)在大家看到的是什么？（進(jìn)入到徐志摩文學(xué)網(wǎng)頁面讓學(xué)生回答）引出本節(jié)課的主題“網(wǎng)站和網(wǎng)頁”，讓大家思考網(wǎng)站與網(wǎng)頁有什么聯(lián)系？

1、從美學(xué)角度出發(fā)，創(chuàng)設(shè)快樂課堂學(xué)習(xí)情境

2、與語文學(xué)科整合，結(jié)合語文教材《再別康橋》，引入徐志摩文學(xué)網(wǎng)

3、學(xué)生明確本節(jié)課的學(xué)習(xí)主題內(nèi)容

自主合作探究網(wǎng)頁的基本元素教師提問：在徐志摩文學(xué)網(wǎng)中，各位同學(xué)是否發(fā)現(xiàn)了神往已久的康橋，除此之外，還發(fā)現(xiàn)了什么？

學(xué)生活動(dòng)：用發(fā)現(xiàn)法去找出有關(guān)康橋風(fēng)景欣賞中的任一張圖片，再別康橋的詩和徐志摩簡介網(wǎng)頁.

網(wǎng)站與網(wǎng)頁有什么聯(lián)系？學(xué)生討論之后，教師總結(jié)：網(wǎng)站包含多個(gè)網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來。構(gòu)成網(wǎng)頁的基本元素有文字、圖形和超鏈接。網(wǎng)頁中常見的圖象有jpg和Gif。網(wǎng)站的首頁即為主頁。

學(xué)生活動(dòng)

在桌面上新建一個(gè)以自己號(hào)次命名的文件夾，進(jìn)入徐志摩文學(xué)網(wǎng)完成以下任務(wù)

課堂任務(wù)一，觸摸網(wǎng)頁的基本三要素：

1、要求下載康橋風(fēng)景欣賞中的任一張圖片，文件名改為kq

2、保存«再別康橋»這首詩，復(fù)制，粘貼到word文檔中，文件名改為zbkq

3、要求下載徐志摩簡介網(wǎng)頁

網(wǎng)頁揭秘剛才我們了解了網(wǎng)頁的基本元素、構(gòu)件，這些不但美化了網(wǎng)頁，還豐富了網(wǎng)頁內(nèi)容，增強(qiáng)了網(wǎng)頁功能。下面讓我們來看一看網(wǎng)頁究竟是怎樣組織的。以課堂在線網(wǎng)站為例，選擇滾動(dòng)字幕，點(diǎn)擊“查看”菜單中的“源文件”命令。

教師總結(jié)：網(wǎng)頁中包含的文字、圖像、超鏈接和表格等基本元素及構(gòu)件是由超文本標(biāo)記語言（HyperText Markup Language，簡稱HTML）進(jìn)行描述的。HTML是一種超文本標(biāo)記語言，由網(wǎng)絡(luò)瀏覽器解釋執(zhí)行，最后將解釋結(jié)果顯示出來。幾乎所有的網(wǎng)頁都是用超文本標(biāo)記語言編寫的，下面就讓我們利用記事本來體驗(yàn)一下。

網(wǎng)頁制作工具比較1、用HTML語言制作網(wǎng)頁，讓學(xué)生對(duì)照老師的任務(wù)提示，觀察一下一個(gè)簡單的HTML網(wǎng)頁文件的瀏覽結(jié)果變化。

（提示學(xué)生選擇“查看”菜單中的“源文件”命令進(jìn)行修改。）<html>

<head>

</head>

<body>

歡迎大家光臨！</font>

</body>

</html>2、用網(wǎng)頁制作工具軟件制作網(wǎng)頁在“文件”菜單中用使用Frontpage編輯上述網(wǎng)頁，比較兩者特點(diǎn)。

教師總結(jié)：除了Dreamweaver之外，還有比較專業(yè)的網(wǎng)頁制作工具Frontpage，一般我們使用Dreamweaver進(jìn)行網(wǎng)頁制作。

1、學(xué)生聽、看老師講解和演示，并思考。2、學(xué)生操作實(shí)踐學(xué)生任務(wù)：將size="3"改為size="6"，color="#FF0000"改為color="#000000"，觀察其變化。

學(xué)生

練習(xí) 本節(jié)課涉及到的基本概念較多，考慮到前面已經(jīng)有過文字小結(jié)，因此，這里改用選擇題的形式來幫助學(xué)生整理和鞏固。

學(xué)生完成“課堂在線——網(wǎng)站和網(wǎng)頁”中的“課堂練習(xí)”。教師巡回檢查，個(gè)別輔導(dǎo)有困難的學(xué)生。

學(xué)生操作練習(xí)，完成課堂練習(xí)。

“在線批改”可以讓學(xué)生及時(shí)糾錯(cuò)，并據(jù)此判斷學(xué)生是否掌握本節(jié)課的內(nèi)容。

交流與評(píng)價(jià) 每位同學(xué)學(xué)習(xí)完本課，并完成實(shí)踐過程之后對(duì)自己的學(xué)習(xí)情況進(jìn)行自我評(píng)價(jià)，完成“課堂在線——網(wǎng)站和網(wǎng)頁”中的“交流評(píng)價(jià)”。指導(dǎo)學(xué)生進(jìn)行自我評(píng)價(jià)，并根據(jù)反饋的結(jié)果適當(dāng)點(diǎn)評(píng)。

學(xué)生自評(píng)，通過大屏幕實(shí)時(shí)顯示評(píng)價(jià)結(jié)果，教師可以及時(shí)地點(diǎn)評(píng)學(xué)生的學(xué)習(xí)情況。

本課

小結(jié) 本節(jié)課主要講了網(wǎng)站和網(wǎng)頁的基本內(nèi)容，網(wǎng)頁的基本元素、構(gòu)件及網(wǎng)頁制作工具等。

學(xué)生對(duì)本節(jié)課的內(nèi)容知識(shí)進(jìn)行回憶小結(jié)

根據(jù)本節(jié)課的學(xué)習(xí)內(nèi)容，要求學(xué)生設(shè)計(jì)一幅個(gè)人網(wǎng)站的主頁。

思考、設(shè)計(jì)，為下面的課做準(zhǔn)備

學(xué)習(xí)

拓展拓展網(wǎng)頁構(gòu)件的使用，讓學(xué)生根據(jù)表單的信息進(jìn)行注冊(cè)，查詢，通過輸入、查詢等功能來激發(fā)學(xué)生的學(xué)習(xí)興趣，讓學(xué)生更能理解學(xué)過的數(shù)據(jù)庫管理有關(guān)知識(shí)。學(xué)生注冊(cè)信息、查詢信息

【小結(jié)板書】

以上就是關(guān)于學(xué)生個(gè)人網(wǎng)頁制作相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。