主題資源網(wǎng)站的建設(shè)及注意事項

　　主題資源網(wǎng)站以其明確的主題、大量的結(jié)構(gòu)化的學習資源、溝通探究式的“教”和“學”等特點成為信息技術(shù)與學科整合研究的切入點，也成為教師開展教學活動、展示自己教學思想的舞臺。但一個優(yōu)秀的主題網(wǎng)站的完成需要投入很多精力，如何做到有條不紊且效率最高呢？那就要了解網(wǎng)站制作的流程及注意事項，避免做無用功。
　　
　　網(wǎng)站的整體規(guī)劃和設(shè)計階段
　　
　　1.網(wǎng)站主題的確定
　　網(wǎng)站的主題也就是網(wǎng)站的題材。主題資源網(wǎng)站籠統(tǒng)地可分為：單一學科型主題資源網(wǎng)站和跨學科型主題資源網(wǎng)站兩大類。對于單一學科型主題資源網(wǎng)站，可以以某一個知識點、某一個章節(jié)為主題；對于跨學科的主題資源網(wǎng)站，就要考慮網(wǎng)站所涉及學科范圍的大小。比如，語文：散文園地、文言文園地等；數(shù)學：一元一次不等式、角的大家庭等；化學：氧氣的性質(zhì)和制法、摩爾定律及其應用等；跨學科：絲綢之路（含歷史、地理、語文等學科）等。
　　題材確定以后，就可以圍繞題材給網(wǎng)站起一個名字了。網(wǎng)站名稱，也是網(wǎng)站設(shè)計的一部分，而且是很關(guān)鍵的一個要素。好的網(wǎng)站名稱可以起到畫龍點睛的作用。關(guān)于起名，我的建議是：(1)貼近主題，使人一目了然，避免無關(guān)信息的干擾。(2)名稱要易記，最好用中文名稱，不要使用英文或者中英文混合型名稱。而且，網(wǎng)站名稱的字數(shù)應該控制在8個字以內(nèi)，便于記憶，便于其他站點的鏈接排版。(3)名稱要有特色，能體現(xiàn)一定的內(nèi)涵，能給瀏覽者更多的沖擊和想象空間。
　　2.欄目內(nèi)容的設(shè)計
　　建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊，結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。欄目的實質(zhì)是一個網(wǎng)站的大綱索引。索引應該將網(wǎng)站的主題層次分明地表現(xiàn)出來，并將主題相關(guān)的知識、資源等也有層次地展示出來。另外，主題網(wǎng)站是學生探究式學習的舞臺，所以欄目的設(shè)置還要考慮操作的直觀性和簡便性。
　　欄目的內(nèi)容除了要有主題相關(guān)知識和資源，還要有動態(tài)交互部分，如留言板（實現(xiàn)網(wǎng)上答疑）、交流園地（給學生提供上傳空間）等，一方面供學生交流探討、自主學習，另一方面實現(xiàn)網(wǎng)站的師生共建。
　　欄目名稱的確定要簡單明了，突出欄目的內(nèi)容信息，為了便于版面的設(shè)計，最好采用4個字。
　　3.網(wǎng)站的風格設(shè)計
　　網(wǎng)站風格是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值、存在意義等諸多因素。如我們覺得搜狐是平易近人的，迪斯尼是生動活潑的，IBM是專業(yè)嚴肅的，這些都是網(wǎng)站給人的不同感受。
　　主題資源網(wǎng)站主要用于教學，網(wǎng)站的風格設(shè)計是為突出網(wǎng)站主題服務的，所以，我們要根據(jù)網(wǎng)站的主題、面向的對象、學科的特色等方面來綜合考慮網(wǎng)站的風格，具體可以從網(wǎng)站的布局、色彩基調(diào)、素材的采用等方面來體現(xiàn)網(wǎng)站的風格。比如，要做一個荷塘月色的網(wǎng)站。為了突出“荷塘”這個主題，可以采用綠色基調(diào)，背景采用荷花或荷葉處理的朦朧圖，圖片素材、按鈕的設(shè)計等都要貼近荷塘這個主題。再如，要做面向幼兒的教學主題網(wǎng)站。因為面向的對象是年齡較小的孩子，考慮到幼兒的心理和生理特點，在顏色上可以以明快的顏色為基調(diào)，圖片素材以活潑可愛型為主，為避免干擾孩子的視線，影響視力，字體應較大一些，頁面應比較簡潔，最好不要充斥著大量的文字和圖片。
　　4.頁面框架的設(shè)計
　　眾所周知，框架設(shè)計是網(wǎng)站設(shè)計的基礎(chǔ)部分。形象一點說明框架設(shè)計，就是把頁面當作一張白紙，在上面劃分出大小區(qū)域，并把信息安排到格子中去。劃分區(qū)域的方式就是框架設(shè)計的重點。框架設(shè)計不是孤立地去思考，而是要與導航設(shè)計、標題按鈕、網(wǎng)站色彩等方面結(jié)合起來。框架的形式是多變的，它應根據(jù)網(wǎng)站的信息內(nèi)容來劃分，有重點地突出和排列信息。結(jié)合現(xiàn)有網(wǎng)絡上能呈現(xiàn)的設(shè)計條件，提供以下幾個類型供大家參考。至于具體采用哪種類型，沒有特定的模式可循，可以根據(jù)自己的主題、內(nèi)容的多少、欄目策劃等細節(jié)確定。
　　(1)“國”字型：也稱為“同”字型，是一些大型網(wǎng)站所喜歡的，也是最為多見的結(jié)構(gòu)。即最上面是網(wǎng)站的標題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。
　　(2)拐角型：此結(jié)構(gòu)與“國”字型結(jié)構(gòu)很相近，上面是標題及廣告橫幅，接下來的左側(cè)是一窄列的鏈接（多為導航鏈接），右列是很寬的正文，下面也是一些網(wǎng)站的輔助信息。
　　(3)左右框架型：這是一種左右分別為兩頁的框架結(jié)構(gòu)，一般左面是導航鏈接，有時最上面會有一個小的標題或標志，右面是正文。我們見到的多數(shù)大型論壇都是采用這種結(jié)構(gòu)，清晰了然。
　　(4)封面型：網(wǎng)站的首頁多采用此類型，大多為一些精美的平面設(shè)計結(jié)合一些小的動畫，放上幾個簡單的鏈接，或者僅是一個“進入”的鏈接，甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種結(jié)構(gòu)大多出現(xiàn)在企業(yè)網(wǎng)站和個人主頁上，給人一個視覺緩沖，給人帶來賞心悅目的感覺，不至于一打開主頁就看到滿滿當當?shù)捻撁妗?br/>　　網(wǎng)站信息的準備和收集階段
　　在建立網(wǎng)站之前，必須依據(jù)確定的主題和內(nèi)容，搜集相關(guān)信息和材料，包括文字、圖片、動畫、視頻等信息。
　　1.素材格式、大小要適于網(wǎng)上傳播
　　由于受網(wǎng)絡速度的限制，網(wǎng)站所采用的素材格式要有所選擇。視、音頻文件要轉(zhuǎn)換成流媒體的格式（視頻如wmv、rm、asf等，音頻如wma、ra等，視音頻轉(zhuǎn)換的軟件有Media encoder、Real producer等），圖片文件要采用gif和jpg格式。
　　素材的大小也很重要。太大了影響頁面的下載速度，超過了瀏覽者的忍耐限度。一般，單張圖片不要超過30K，單個動畫控制在15K以內(nèi)，每頁圖片總量不要超過60K，這樣，其下載速度才可以讓人接受。所有的圖片都必須“減肥”成小圖片(100*40)，一般可以控制在6K以內(nèi)，較大的圖片可以“分割”成小圖片。另外，合理選擇jpg格式和gif格式也是至關(guān)重要的。色彩鮮艷、分辨率高的用jpg格式，色彩單調(diào)、分辨率低的用gif，并且，采用gif89a格式的圖片在download時能交錯顯示。
　　2.素材分類應遵循欄目的劃分
　　為了便于網(wǎng)站的制作和節(jié)省時間，在搜集保存素材時，就要規(guī)劃好素材。可以創(chuàng)建一個名字為“素材”的文件夾，在下面再按照網(wǎng)站欄目建立子文件夾，把素材存放到相關(guān)的欄目文件夾中，以方便查找。另外，對沒有采用
　　的素材要及時刪除，以減小網(wǎng)站容量。
　　
　　網(wǎng)站的制作階段
　　
　　1.形成良好的建站習慣
　　為了便于自己制作網(wǎng)站以及對網(wǎng)站的維護，避免網(wǎng)站在越做越大時目錄結(jié)構(gòu)紛亂無序、素材查找費時費力，最好形成良好的習慣：(1)每一個欄目一個文件夾，每個欄目中的素材，另設(shè)立子文件夾。(2)網(wǎng)頁命名最好采用“英文+序號”或“欄目代碼+日期+序號”。(3)注意歸檔。建立說明網(wǎng)站欄目、網(wǎng)頁、素材文件的命名規(guī)則的電子文檔，以備日后更新網(wǎng)站所需。
　　2.制作技術(shù)簡單化
　　主題資源網(wǎng)站是為教學服務的，不要求運用的技術(shù)多么高超，頁面效果多么多姿多彩，盡量追求技術(shù)簡單化，讓自己從技術(shù)中解放出來，把精力放到基于主題資源網(wǎng)站的教學設(shè)計、內(nèi)容設(shè)計、資源準備上，放到如何真正提高教學效果上來。
　　3.注意絕對路徑和相對路徑
　　經(jīng)常有教師訴苦：自己的網(wǎng)頁在移動后有許多圖片不能正常顯示。什么原因呢？絕大多數(shù)都是因為使用了錯誤的路徑所致。網(wǎng)頁中的圖像、動畫等素材都有自己固定的存放位置，網(wǎng)頁只是通過路徑使用HTML語言來調(diào)用它們，然后把它們顯示在網(wǎng)頁中。在網(wǎng)頁中的路徑大體可分為相對路徑和絕對路徑，大家(尤其是初學網(wǎng)頁設(shè)計的朋友)往往對它們不夠認識，在應該使用相對路徑的地方使用了絕對路徑，從而導致瀏覽器無法在指定的位置打開指定的文件，使素材不能正常顯示。一般情況下，如果是站內(nèi)文件，建議使用相對路徑，因為它比絕對路徑的代碼短，另外，相對位置也比較容易找，使網(wǎng)站維護比較方便。至于絕對路徑，一般是做外部資源鏈接的時候才使用的。
　　
　　有的教師可能會有這樣的疑惑：一個網(wǎng)站有許多的鏈接，我怎么能保證它們的鏈接都正確，如果我調(diào)整了一下圖片或網(wǎng)頁的存儲路徑，那不是全亂了么？為了提高工作效率，我推薦大家使用Dreamweaver進行網(wǎng)站編輯，因為它有個站點管理功能，使用該功能絕對路徑可以自動地轉(zhuǎn)化為相對路徑，并且當你在站點中改動文件路徑時，與這些文件關(guān)聯(lián)的鏈接路徑都會自動更改。
　　4.注意中英文的問題
　　制作網(wǎng)站的過程中，建議大家在素材名字、文件夾名稱中采用英文或者拼音。否則由于瀏覽器版本的問題，有時候會出現(xiàn)圖片不顯示，鏈接的視頻不播放等情況。
　　5.主頁上要下大功夫
　　主頁的作用好比一本書的封面，是為了吸引用戶更進一步瀏覽你的網(wǎng)站內(nèi)容。因此，網(wǎng)站給人的第一觀感是最為重要的。主頁的設(shè)計應以醒目為上，令人一目了然，并別具特色，令人過目不忘，如采用新穎的圖像、美觀的字體等，切勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。主頁上的圖像應力求簡樸，并有一定的實際意義，最好能集美觀與傳訊于一身，切忌虛飾浮夸，同時，要避免耽擱用戶的時間，圖像愈大、顏色愈深，傳送頁面的時間愈長。
　　6.使網(wǎng)站易于漫游
　　主頁的其中一個主要功能就是作為漫游工具，指引用戶查閱網(wǎng)站中的信息。因此，要盡量使漫游過程不費吹灰之力。基于清晰明確和速度的考慮，主頁上的鏈接項目應只限于幾個高級的類別（6～８個鏈接項目最為理想），例如教學設(shè)計、教學資源等。同時，如果選擇的是“在當前頁打開要瀏覽的頁面”，則欄目與欄目之間要能實現(xiàn)方便的切換，或者干脆采用“在空白頁打開鏈接”。
　　此外，提供給瀏覽者的閱讀信息不應埋藏在重重疊疊的頁面之下，穿越五個以上的鏈接項目足以令人厭煩。因此，設(shè)計時，必須在廣度和深度之間求取平衡。如果網(wǎng)站中有太多的信息，就可能需要編制較長的頁面或使用更多的鏈接項目，甚至可能要建立多個主頁，使每個主頁載有不同的信息。最受歡迎的設(shè)計處理方法是在主頁上增加關(guān)鍵字查找所需信息的功能。
　　7.不宜多用閃爍文字、動畫等
　　有的教師想通過閃爍的文字或動畫來使網(wǎng)站活潑些，是可以被人理解的，但一個頁面中最多不能有３處閃爍文字或動畫，太多了給學生一種眼花繚亂的感覺，會干擾學生的注意力。
　　8.網(wǎng)站導航要清晰
　　制作網(wǎng)站時，所有的超鏈接都應清晰無誤地向訪問者標識出來，所有導航性質(zhì)的設(shè)置（如圖像按鈕）也都要有清晰的標識，千萬別光顧視覺效果的熱鬧，而讓訪問者不知東西南北。鏈接文本的顏色最好用約定俗成的格式：未訪問的用藍色；點擊過的用紫色或栗色。總之，文本鏈接一定要和頁面的其他文字有所區(qū)分，給訪問者清楚的導向。
　　
　　后期測試階段
　　
　　在網(wǎng)站正式發(fā)布之前，必須進行有效的測試。要測試所有的鏈接和導航工具條的有效性，并檢查每個頁面是否有圖片不顯示、頁面不整齊等問題。另外，并非所有人都會使用最新的瀏覽器，為了照顧到使用低版本瀏覽器的訪問者，在保證網(wǎng)頁內(nèi)容展示質(zhì)量的情況下，盡量不采用對瀏覽器版本有要求的一些特效、技術(shù)。我們可以先采用老版本的瀏覽器來測試網(wǎng)頁并進行適當?shù)恼{(diào)整，同時，還要測試頁面版式在我們常用的640×400、600×800和1024×768的分辨率模式下是否都能顯示正常，這樣才能保證用戶端的瀏覽效果。