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

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

中圖分類號:G427 文獻(xiàn)標(biāo)識碼:A

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

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

一、布置任務(wù),明確要求

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

二、建站流程

(一)站點(diǎn)的規(guī)劃

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

1.確定站點(diǎn)風(fēng)格。建議學(xué)生利用框架、表格控制頁面元素,同時配合使用主題,可以快速設(shè)置站點(diǎn)風(fēng)格。

2.規(guī)劃站點(diǎn)結(jié)構(gòu)。包括導(dǎo)航、頁面內(nèi)容和所需的各種資料。

(1)導(dǎo)航規(guī)劃:先構(gòu)思,后利用導(dǎo)航視圖建立如下參考站點(diǎn)結(jié)構(gòu):

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

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

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

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

(三)制作各個頁面

站點(diǎn)結(jié)構(gòu)、素材準(zhǔn)備就緒,開始著手制作各個頁面。

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

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

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

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

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

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

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

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

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

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

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

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

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

三、交流階段

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

四、結(jié)語

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

參考文獻(xiàn)

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

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

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

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