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