《個人網(wǎng)站制作》的教學建議和體會

摘要:文章從站點規(guī)劃、資料收集、頁面制作、站點發(fā)布等方面、指導學生制作《個人網(wǎng)站》,學生在設計過程中充分發(fā)揮想象力,把所學知識進行綜合應用與升華,取長補短,克服自身設計缺陷,樹立合作意識,培養(yǎng)積極的學習興趣,摒棄網(wǎng)站的神秘感,領悟到成功的喜悅,培養(yǎng)學生積極創(chuàng)新精神。

關鍵詞:站點規(guī)劃;資料收集;頁面制作;站點發(fā)布

中圖分類號:G427 文獻標識碼:A

文章編號:1674-1145(2009)24-0190-02

我們在學習了FrontPage 基本操作之后,對網(wǎng)頁設計產(chǎn)生了濃厚的興趣,都不滿足于按照課本上的作業(yè)要求進行設計,很想根據(jù)自己的喜好進行全新的網(wǎng)頁設計,在網(wǎng)上充分展示自我。通過把自己感興趣的內(nèi)容及相關知識、想法等組織成個人網(wǎng)站,進一步激發(fā)學生的學習興趣,提高學生的網(wǎng)頁設計能力,并且在建構主義教學思想的指導下,任務驅動,實現(xiàn)展示自我的網(wǎng)站,發(fā)揮學生主動探究與合作交流的能動性,達到共同提高。

一、布置任務,明確要求

要求學生,靈活運用表格、文字、圖片、動畫、視頻、音頻、超級鏈接、Web組件、網(wǎng)頁特效(計數(shù)器、鼠標等)、表單等授課知識點,制作一個結構完整,內(nèi)容翔實,至少包含6個網(wǎng)頁的個人網(wǎng)站,并發(fā)布。

二、建站流程

(一)站點的規(guī)劃

建立網(wǎng)站成功的第一步就是對站點進行規(guī)劃。規(guī)劃站點,不像直接設計編寫那么簡單,事先需要做許多準備工作,不僅要準備建設站點需要的素材(包括文字資料、圖像以及媒體文件),還要設計好資料整合的方式,并根據(jù)資料確定站點的風格特點;同時還要整齊、有序地排列歸類站點中的文件,否則雜而亂的資料堆積到一起,不僅不利于將來的維護和管理,同時還會因為頁面間極為混亂的關系而導致站點容易出現(xiàn)錯誤。規(guī)劃站點要從下面幾點考慮:

1.確定站點風格。建議學生利用框架、表格控制頁面元素,同時配合使用主題,可以快速設置站點風格。

2.規(guī)劃站點結構。包括導航、頁面內(nèi)容和所需的各種資料。

(1)導航規(guī)劃:先構思,后利用導航視圖建立如下參考站點結構:

(2)頁面內(nèi)容的規(guī)劃:電腦只是工具而已,代替不了我們的思維!所以需要打草稿,用筆在紙上畫出每個頁面的大致布局。

(3)所需資料的規(guī)劃。在站點下增加:ebook、videos、flash、sound文件夾。其中images:放置網(wǎng)頁涉及的圖片,ebook:文字資料,videos:視頻文件,sound:音樂文件,Flash:flash作品。

(二)搜索瀏覽,收集素材

在設計時,我們充分利用網(wǎng)上資源及身邊的各類資料,豐富自己的網(wǎng)頁內(nèi)容和樣式,如網(wǎng)上下載的文字資料、各類圖片、GIF小動畫等,以及自己的照片、小收藏品、繪畫作品、手工制作、日記等;我們也可以利用Flash制作小動畫,利用PhotoShop進行圖像處理和標題文字設計。諸如此類,都應用到網(wǎng)頁設計中去。

(三)制作各個頁面

站點結構、素材準備就緒,開始著手制作各個頁面。

1.創(chuàng)建主頁,制作“門面”。一個好的網(wǎng)頁,首先要有一個好看的主頁,給人良好的第一印象,所以要精心設計自己網(wǎng)頁的這一“門面”。可以選擇一幅適合表現(xiàn)主題的精美圖片作為主頁背景,以增強吸引力,原則上主頁頁面通常要有方便合理的站點導航和合理放置站點最新最實用的資料,大家可以上網(wǎng)參考網(wǎng)絡中優(yōu)秀個人主頁做法。

2.站長介紹。將《就業(yè)指導》課程,課外作業(yè)“自我鑒定”電子文檔,以網(wǎng)頁形式導入到站點,作為該頁內(nèi)容。

3.我的相冊。該頁面可以使用圖片、視頻增強藝術效果。首先,利用PhotoShop軟件對圖片大小、分辨率、品質(zhì)等處理,保存到站點的images文件夾下。其次,考慮圖片的組織方式:橫幅廣告、flash翻頁相冊、利用movie maker視頻制作軟件,將相片合成視頻,都是不錯的方法。

4.心路歷程。由原創(chuàng)日記、喜好的文章、本專業(yè)的學習心得體會等組成,靈活運用框架、書簽、超鏈接對文字圖片資料進行合理布局。

5.我的作品。本學期的3dmax作品(伸縮的彈簧、下雪效果)文件直接輸出為avi格式,以視頻形式插入到該網(wǎng)頁中;flash作品(模擬探照燈、彩珠字、來回移動的彩球、旋轉的七彩光環(huán)、轉軸畫冊)以flash動畫插入網(wǎng)頁。

6.獲得證書。把自己的獲獎證書,掃描處理后,放在該頁面。并利用插入字幕和修改代碼方法,形成一系列獲獎證書動態(tài)滾動效果。

7.常用站點。建議放置自己在51、qq、5944等站點上的個人主頁地址,或者參考hao123等大型網(wǎng)站的主頁做法,把常用的軟件、小說、學習網(wǎng)站分類排布。

8.意見建議。為便于網(wǎng)上交流,可以設置站長電子郵件超鏈接、表單、或留言板。

(四)健全鏈接,美化頁面

到此網(wǎng)頁基本大功告成,不過在發(fā)布之前還要耐心檢查網(wǎng)頁中的疏漏,特別是超級鏈接。如果站點使用了導航結構和共享邊框可以自動設置主要導航,只要對其他導航鏈接補充制作。如果沒有使用,需要站長在主頁和各子網(wǎng)頁之間建立超鏈接,便于網(wǎng)頁瀏覽。超鏈接標志可以采用FrontPage中的文字懸停按鈕,也可以用小圖片或GIF小動畫建立超鏈接。

(五)上傳和發(fā)布

站點建設完畢后,如果需要推廣,被更多人認可,可以發(fā)布到網(wǎng)上。首先申請個人免費空間。http://www.5944.net 和?http://www.9929.net這兩個都是不錯的免費空間提供商。

接著利用cuteftp文件上傳和下載軟件,上傳制作好的網(wǎng)站。

三、交流階段

網(wǎng)站發(fā)布成功,收集學生個人網(wǎng)站的域名,放在學校網(wǎng)站上,供全體學生瀏覽,并投票選出10名優(yōu)秀網(wǎng)站。優(yōu)秀站點的作者利用實踐課,使用極域教師機演示軟件,簡要說明制作網(wǎng)頁的心得體會,和其他同學交流經(jīng)驗,共同提高網(wǎng)頁制作能力。

四、結語

通過《個人網(wǎng)站制作》,學生基本實現(xiàn)任務目標,制作網(wǎng)站的過程,培養(yǎng)了學生的知識遷移能力,為學生提供了充分發(fā)揮想象力和創(chuàng)造力的空間,根據(jù)各自的興趣、愛好、在網(wǎng)站中展現(xiàn)自我,在鞏固、探究、實現(xiàn)中培養(yǎng)學生綜合運用信息技術知識的能力,并且通過交流、評價與合作得以提高,共享資源,分享成功的喜悅。

參考文獻

[1]歐陽廣.中文FrontPage 2002及其應用[M].中國勞動社會保障出版,2003.

[2]羅志彬.個人網(wǎng)站制作教學設計[M].http://blog.hbte.com.cn/user1/6894/archives/2007/34052.html.

[3]陳建紅.FrontPage 2002實用教程.[M].電子工業(yè)出版,2005.

作者簡介:李潔琛(1981- ),女,廣西玉林商貿(mào)技工學校助講,研究方向:計算機教學。