網(wǎng)頁(yè)制作中的若干問(wèn)題

摘要：隨著現(xiàn)代社會(huì)的不斷進(jìn)步，計(jì)算機(jī)技術(shù)在我們的日常生活與工作中也發(fā)揮了很大的作用，尤其是現(xiàn)在網(wǎng)絡(luò)技術(shù)的日新月異，我們可以足不出戶在網(wǎng)上查閱各種信息、購(gòu)買自己喜歡的商品、和遠(yuǎn)方的朋友聊天等等，可見(jiàn)網(wǎng)絡(luò)和網(wǎng)頁(yè)已經(jīng)悄悄走進(jìn)了我們的生活中。在這樣的前提下，網(wǎng)頁(yè)制作也越來(lái)越受到學(xué)校教育與社會(huì)工作人員的關(guān)注，可是我們?cè)鯓觼?lái)制作網(wǎng)頁(yè)、在網(wǎng)頁(yè)制作中應(yīng)該注意什么需要我們不斷去摸索去研究。

關(guān)鍵詞：網(wǎng)頁(yè)制作、實(shí)踐操作、任務(wù)設(shè)計(jì)

中圖分類號(hào)：TM727 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1674-098X(2011)12(c)-0000-00

網(wǎng)頁(yè)制作是一門操作性很強(qiáng)的課程，嚴(yán)格來(lái)說(shuō)在網(wǎng)頁(yè)制作前需要很多準(zhǔn)備工作，比如網(wǎng)站的構(gòu)思、圖片與文字的處理和相關(guān)動(dòng)畫制作等，不過(guò)在我們學(xué)校的網(wǎng)頁(yè)制作教學(xué)中就省略了這些前期準(zhǔn)備工作，而是單純以網(wǎng)頁(yè)制作軟件（Dreamweaver）讓學(xué)生完成相應(yīng)網(wǎng)頁(yè)效果制作。結(jié)合幾年中的網(wǎng)頁(yè)教學(xué)我認(rèn)為有以下幾點(diǎn)問(wèn)題以供探討

1網(wǎng)頁(yè)布局及表格制作

要學(xué)習(xí)與模仿制作一張網(wǎng)頁(yè)首先我們必須來(lái)分析這張網(wǎng)頁(yè)的布局，比如說(shuō)網(wǎng)頁(yè)由幾行幾列表格組成或者有怎樣的框架結(jié)構(gòu)。這在我們的網(wǎng)頁(yè)制作中需要我們的學(xué)生掌握一定的識(shí)別能力，能夠在較斷時(shí)間內(nèi)分析網(wǎng)頁(yè)的布局，然后以表格定位網(wǎng)頁(yè)。可以說(shuō)網(wǎng)頁(yè)制作中的表格就如同我們現(xiàn)在的房子框架，做網(wǎng)頁(yè)就如同造房子，表格布局的好壞就直接影響著這幢“房子”的質(zhì)量。我們的學(xué)生會(huì)在初期的網(wǎng)頁(yè)制作中用整體布局方法來(lái)構(gòu)建網(wǎng)頁(yè)，如直接建立一個(gè)6行5列的表格，再對(duì)相應(yīng)的單元格進(jìn)行合并或拆分。這樣的做法往往在接下去的制作中產(chǎn)生很多的問(wèn)題，有些學(xué)生很難把握調(diào)整尺度，一張簡(jiǎn)單的網(wǎng)頁(yè)改了又改，刪了又刪，往往一節(jié)課時(shí)間可以完成的作品需要兩三節(jié)課甚至更多的時(shí)間去完成。就此我要求學(xué)生在制作中逐行建表格，把網(wǎng)頁(yè)先以行解析，再在行中分列，這樣一行一行的創(chuàng)建表格一方面比較清晰，另一方面即使制作中出錯(cuò)也只需對(duì)相應(yīng)的行進(jìn)行修改，而無(wú)須牽扯其他的表格。

2文字、圖片及其它元素的插入

在分析并構(gòu)建完表格后需要在相應(yīng)的單元格中加入相應(yīng)的元素，在網(wǎng)頁(yè)教學(xué)中一般的元素為文字、圖片和flash動(dòng)畫，有時(shí)也有一些聲音及代碼等元素的插入。在一般的網(wǎng)頁(yè)中如何插入文字和圖片等元素對(duì)我們學(xué)生來(lái)說(shuō)并不難，我這里要談的是在圖片和文字插入后在處理過(guò)程中我們學(xué)生的不同做法。就文字來(lái)說(shuō)，我們?cè)诰W(wǎng)頁(yè)制作過(guò)程中會(huì)提供文字素材給學(xué)生，學(xué)生在插入文字后需要對(duì)文字的大小、顏色等進(jìn)行設(shè)置，在文字大小設(shè)置中學(xué)生會(huì)分為兩部分，一部分在插入文字后選中文字然后在屬性面板中設(shè)置大小和顏色，一般大小為2。這樣做在文字比較分散并且字?jǐn)?shù)比較多的網(wǎng)頁(yè)中會(huì)消耗學(xué)生很多時(shí)間去完成文字處理。另一部分學(xué)生采取CSS樣式表對(duì)文字進(jìn)行定義，然后在文字中應(yīng)用相應(yīng)樣式。這樣做的好處是可以較快的對(duì)文字進(jìn)行處理，另外在網(wǎng)頁(yè)瀏覽中字體也不會(huì)隨瀏覽器的顯示字體變大或變小。而前者在屬性面板中設(shè)置字體大小的網(wǎng)頁(yè)文字會(huì)在瀏覽器的顯示字體變大或變小中隨著改變，這樣會(huì)對(duì)網(wǎng)頁(yè)的布局產(chǎn)生影響。所以我要求學(xué)生盡可能使用CSS樣式表去定義字體樣式。

在圖片的處理中相對(duì)比較簡(jiǎn)單，我們?cè)诰W(wǎng)頁(yè)制作中的圖片因?yàn)橐呀?jīng)在相應(yīng)的圖形圖像軟件中進(jìn)行了處理，所以并不需要學(xué)生再對(duì)圖片進(jìn)行大小或圖片樣式的處理，主要是把圖片用在表格定位上，比如說(shuō)一行中分位兩列，前一列中插入文字，后一列中插入圖片。這樣的表格我一般要求學(xué)生先插入后列單元格中的圖片，然后在插入前列文字，這樣在圖片大小確定下前列單元格的大小也可以確定，當(dāng)然在簡(jiǎn)單的表格中插入文字與圖片就可以不分先后進(jìn)行添加。

3簡(jiǎn)單代碼的添加

在網(wǎng)頁(yè)制作中我們一般很少使用代碼，但也要求學(xué)生能夠在自己的能力范圍內(nèi)使用一定的代碼來(lái)實(shí)現(xiàn)簡(jiǎn)單的網(wǎng)頁(yè)效果，如我們要使文字或圖片移動(dòng)可以使用…，另外如果添加一些比較復(fù)雜的效果源代碼較長(zhǎng)，如下雪效果等，我們的學(xué)生看不懂里面很多代碼表示什么，我在教學(xué)中只需要學(xué)生能夠把代碼放到合適的位置，并且能夠知道怎樣來(lái)修改相應(yīng)圖片的對(duì)應(yīng)路徑，能夠?qū)锩嬉恍┖?jiǎn)單的控制如下雪速度、數(shù)量等進(jìn)行修改。對(duì)于我們職高的絕大多數(shù)學(xué)生來(lái)說(shuō)這些已經(jīng)足夠了，接下來(lái)他們需要的是在練習(xí)中積累經(jīng)驗(yàn)，在不斷的練習(xí)中熟悉各種代碼。

4任務(wù)設(shè)計(jì)

在網(wǎng)頁(yè)制作中我們的學(xué)生差距較大，任務(wù)設(shè)計(jì)就比較重要，簡(jiǎn)單的網(wǎng)頁(yè)制作操作好的學(xué)生能夠在較短時(shí)間里完成，復(fù)雜的網(wǎng)頁(yè)制作操作較差的學(xué)生在一定時(shí)間里又沒(méi)法完成，這樣久而久之會(huì)使這些學(xué)生產(chǎn)生厭學(xué)心理，操作好的同學(xué)會(huì)說(shuō)這么簡(jiǎn)單的反正已經(jīng)會(huì)做了就不做了，操作差的學(xué)生會(huì)說(shuō)反正不會(huì)做也做不好就不做了。對(duì)此需要在教學(xué)中分層次的教學(xué)，一般我會(huì)在上機(jī)操作中安排不同的任務(wù)，操作好的同學(xué)必須完成相應(yīng)網(wǎng)頁(yè)制作而操作好的同學(xué)只需完成較簡(jiǎn)單網(wǎng)頁(yè)制作。在制作較復(fù)雜的網(wǎng)頁(yè)時(shí)我先在教室多媒體中講解其中需注意的方面，在學(xué)生上機(jī)操作中讓學(xué)生自己去實(shí)踐體會(huì)，這樣學(xué)生在上機(jī)中也不會(huì)此起彼伏的發(fā)問(wèn)，他們可以對(duì)照課堂中的講解結(jié)合自己的實(shí)踐操作鞏固自己的知識(shí)。在操作中我也要求學(xué)生添加自己創(chuàng)作的元素，不要一味的模仿制作，在鍛煉自己基本知識(shí)的同時(shí)也要培養(yǎng)自己的創(chuàng)新意識(shí)。

以上幾點(diǎn)是我在網(wǎng)頁(yè)制作教學(xué)中所涉及到的一些問(wèn)題，雖然我們的學(xué)生基礎(chǔ)及操作能力有限，但是在不斷的練習(xí)中我們的學(xué)生也在不斷的累積經(jīng)驗(yàn)。有些學(xué)生完成后能獲得一定的喜悅與成功感，我相信在我們的不懈努力下我們的制作水平會(huì)得到相應(yīng)提高，從而提升學(xué)生的綜合素質(zhì)，為他們走向社會(huì)打下扎實(shí)的基礎(chǔ)。

參考文獻(xiàn)

[1] 李敏.網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程[M].電子工業(yè)出版社．北京:2007．8.

[2] 彭澎，楊維裕等.(Dreamweaver網(wǎng)頁(yè)藝術(shù)與網(wǎng)站建設(shè)[M].機(jī)械工業(yè)出版社.

[3] 姚艦.網(wǎng)絡(luò)界面設(shè)計(jì)中存在的問(wèn)題和原因[J].美術(shù)觀察．北京:2003．1.

[4] 文喜華.論網(wǎng)頁(yè)設(shè)計(jì)中的藝術(shù)與技術(shù)[J].邵陽(yáng)學(xué)院學(xué)報(bào)．邵陽(yáng):2005．6.