普通教師怎樣進(jìn)行網(wǎng)頁設(shè)計(jì)

摘 要：隨著新課程標(biāo)準(zhǔn)的實(shí)施，各學(xué)科與信息技術(shù)的聯(lián)系更加緊密，建立自已的個性化網(wǎng)站，已不再是信息技術(shù)老師的專利。那么如何設(shè)計(jì)網(wǎng)頁、建立自已的站點(diǎn)呢?一、網(wǎng)頁制作前的準(zhǔn)備工作。二、網(wǎng)頁制作基礎(chǔ)。三、網(wǎng)頁制作必須注意的問題。四、個人主頁發(fā)布。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì) 信息技術(shù)

隨著時代的進(jìn)步和新課程理念的發(fā)展，網(wǎng)絡(luò)已經(jīng)成為溝通和連接整個世界的主要手段之一，各學(xué)科與信息技術(shù)的聯(lián)系更緊密，對教師掌握信息技術(shù)也提出越來越高的要求。在Intemet上建設(shè)教師自己的網(wǎng)站，已經(jīng)成為每個人都可以實(shí)現(xiàn)的夢想，只要熟悉簡單的frontpage基本操作，也能設(shè)計(jì)出自己的主頁。下面就本人開始學(xué)制做網(wǎng)頁所碰到的具體問題和解決辦法詳細(xì)的列舉，憩結(jié)出的膚淺經(jīng)驗(yàn)，以對感興趣的初學(xué)者有幫助。

一、網(wǎng)頁制作剪的，準(zhǔn)備工作

1.用一定的時間，逐步掌握網(wǎng)頁制作工具的基本操作如：frontpage、dreamweave軟件；圖形圖象處理工具軟件如：Photoshop、Freehand；建議初學(xué)者先學(xué)會制作靜態(tài)網(wǎng)頁。

2.建議先準(zhǔn)備幾本帶光盤的網(wǎng)頁制作的工具書。光盤上有很多現(xiàn)成的源代碼，你只要做小部分修改，就可以運(yùn)用，這樣節(jié)省時間和精力。

3.準(zhǔn)備好網(wǎng)頁制作時用到的各種素材，很多都可以通過下載別人的網(wǎng)頁，到文件夾images中找到。

二、網(wǎng)頁制作基礎(chǔ)

1.認(rèn)識Html語言

Html是超文本標(biāo)記語言的英文縮寫，是一種用于萬維網(wǎng)上文檔中的標(biāo)準(zhǔn)標(biāo)記語言。對于初學(xué)者來說，熟悉Html語言的基本構(gòu)成很重要。因?yàn)橹挥辛私饬薍tml語言的構(gòu)成后，你才能慢慢讀懂別人的網(wǎng)頁代碼，從而更好地為自己設(shè)計(jì)、修改網(wǎng)頁，特別對以后學(xué)習(xí)ASP程序很有幫助。

2.構(gòu)成網(wǎng)頁的基本元素

①題頭

標(biāo)明該html文件的題目，是對文件內(nèi)容的概括，一個好的題目應(yīng)該能使讀者從中判斷出該文件的大概內(nèi)容。文件的題目一般不會顯示在文本窗口中，而以窗口的名稱顯示出來。

②標(biāo)題…

用作標(biāo)題的文字被定義在…標(biāo)簽內(nèi)，標(biāo)題元素有6種，分別為h1，h2，…，h6。標(biāo)題號越小，字體越大。在標(biāo)簽中：可以加入屬性align=(center，left、right)中的一個，被定義在標(biāo)題標(biāo)簽內(nèi)的文字顯示時會產(chǎn)生對中、左、右對齊的效果。

③分段

html的分段由分段標(biāo)簽

來定義，當(dāng)加了

標(biāo)記后，兩個自然段之間多了一空行。

也有多種屬性，可以是

…文本…

3.超文本鏈接指針

超文本鏈接指針是最吸引人優(yōu)點(diǎn)之一。使用超文本鏈接指針可以使按順序存放的文件具有一定程度上被隨機(jī)訪問的能力，這更加符合人類的思維方式。

4.版面風(fēng)格定義

html版面風(fēng)格的定義比較簡單，初學(xué)者可以直接在FrontPage2000的頁面中定義，其操作類似于Word對文本的定義。

三、網(wǎng)頁制作必須注意的問題

1.主題鮮明

首先要明確表達(dá)一個什么樣的主題，也就是要有中心思想。然后細(xì)意斟酌，把所有想法合情合理地組織起來。之后是設(shè)計(jì)一個頁面樣式，做到盡善盡美。

2.頁面精練明確

主頁是為吸引瀏覽者瀏覽自己的網(wǎng)站內(nèi)容。因此，主頁的設(shè)計(jì)應(yīng)以醒目、令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜，在主頁上應(yīng)該清楚列出三項(xiàng)要點(diǎn)，如機(jī)構(gòu)名稱、提供的產(chǎn)品或服務(wù)以及主頁內(nèi)容等。在此，應(yīng)當(dāng)注意一個頁面給人的第一感覺最為重要。

3.簡樸

主頁上的圖形應(yīng)力求簡樸，避免耽擱瀏覽者的時間，圖像愈大或顏色愈深，傳送頁面的時間就愈長。這并不是說完全略去圖像不用，只是提醒初學(xué)者注意使用圖像所引起的效果。主頁上的顏色最好不要太多，頁頂圖像最好只甩2～3幅短小精悍的圖像，保持在10kb以下。另外，主頁整體上要能夠迅速傳送，如果載入時間太久，很多瀏覽者就會覺得很不耐煩。

4.充分利用網(wǎng)上資源

制作個人主頁時，通常都無須從頭做起，因?yàn)榫W(wǎng)上有許多現(xiàn)成的文字、圖畫等資料可供使用。很多情況下，只要用少許工夫，就可把這些材料轉(zhuǎn)到網(wǎng)頁上使用。

四、個人主頁發(fā)布

個人主頁制作完成后，主頁的發(fā)布和網(wǎng)站的發(fā)布還是有差異，在這里先將互聯(lián)網(wǎng)上比較好的個人主頁空間列舉一些：http://www.toldcoo1.net263個人主頁空間屬于免費(fèi)個人主頁空間其大小是20MB。www.etang.com億唐個人主頁空間屬于免費(fèi)個人主頁空間。

一個好的網(wǎng)站的建立，維護(hù)的工作量非常巨大，在建立的初期進(jìn)行必要的規(guī)劃，可以通過很少的維護(hù)量來保證網(wǎng)站風(fēng)格的執(zhí)行，可以把精力集中在新的文章、新的內(nèi)容上。對于初學(xué)者來說，最主要是學(xué)會不斷去完善自己的網(wǎng)頁，先學(xué)會制作靜態(tài)網(wǎng)頁，再向動態(tài)網(wǎng)頁ASP方向發(fā)展，到時你一定會領(lǐng)悟到網(wǎng)絡(luò)的無限魅力。