一、基礎知識　　包括一定的美術創意，去掌握一定的美術基礎知識。　　計算機基礎知識，計算機原理、計算機軟硬體配置，安裝和維護。二、基本技能　　包括：Html,Dreamweaver,Fireworks,Photoshop,Flash,Frontpage,CSS,Access 三、中級技能　　包括：Javascript,Vbscript,ASP,JSP,DHTML 四、高階技能　　包括：PHP,SQLServer,ActiveX, 五、附加知識　　包括：Ultraedit,3DMax,多媒體，CorelDraw,Illustrator,Freehand,區域網知識　　如果你掌握了以上所有技能，那我相信你完全可以獨立地維護一個企業的動態網站了，你一定會成為所有公司所需要的搶手人才：）網站製作的基本原則   來源:建站學整理 時間:07-03-22 點選:5836 點選這裡收藏本文在這個Internet時代，WWW網站到處都是，如今編寫HomePage也沒原來那麼麻煩，只要會打字，幾乎人人都會，但寫得好不好，就要看個人功力與用心。網站的目的是為別人提供所需的資訊，這樣人家才會願意光臨，網站才有其真實意義，但有太多網站顯然忘了這個目的，複雜的創意技巧躍居主角，內容資訊反而淪為末端。不可否認，優異的網站比比皆是，但令人不予置評的網站還是到處都找得到。顯然，不管是網站提供者還是廣大的使用者，大家都迫切需要知道好的網站在哪裡，或者符合所謂好網站的條件是什麼？ 　　 1.使用者優先的觀念　　 無論什麼時候，不管是著手準備設計HomePage之前。 正在設計之中，或者已經設計完畢，有一個最高行動準則一定要牢記在心，那就是∶使用者優先。因為沒有使用者去光顧， 任何自認再好的HomePage都是沒有意義的。　　 2.考慮大多數人的連線狀況 　　 您或許使用辦公室的ISDN，也可能使用學校的高速專線，但您都必須知道，目前大多數人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ，而且塞車塞得很嚴重。所以您在設計HomePage時就必需以這種普遍狀況為設計參考量，不要放置一堆會加重塞車情形或讓人等得發火的東西。最後，完成之後, 您最好自己透過遠端Modem撥接上網的方式來親自測試一下。　　 3.考慮使用者的瀏覽器 其次，必需考慮使用者的瀏覽器軟體，如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage，那麼最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支援的HTML格式或程式技巧。如果想要展現自己的高超技術又不想放棄一些潛在觀眾，可以考慮在主頁中設定幾種不同的觀賞模式選項（例如純文字模式、Frame模式、Java模式等等），供瀏覽者自行選擇。 　　 4.內容第一 　　 “內容永遠第一“，這句話適合書本，更適合網路上的HomePage，而且幾乎每個參與提供意見的人都舉雙手贊成這句話。沒有內容的書本已經夠令人討厭， 但至少您還可以很快判斷出來，而HomePage呢？您可能得耗費一整個晚上的時間與金錢，才會發現原來網站 里根本沒有您要找的東西，這種痛苦真不是三言兩語可以形容。內容可以是任何東西，包括文字、圖片、影像、聲音等等，但請記住一點：一定要跟這個網站所要提供給人的訊息有關係。再提醒一次∶內容永遠第一！　　 一個好的網站在進行實際的HomePage建置之前，首先應該考慮什麼條件呢?它們包括有∶牢記使用者優先的觀念、考慮大多數人的連線狀況、考慮使用者的瀏覽器，以及內容第一等等。 再來看看在著手HomePage的實際建置過程中，所應該掌握的幾個重點原則。　　 5.著手規劃、確定特色、鎖定目標不管做什麼事，一定要進行規劃，建置網站更是如 此。規劃時必須確定自己網站的性質、 提供內容、目標觀眾，然後根據本身的軟硬體條件來設定範圍。網路的特色是及時、新鮮、豐富、熱鬧， 這是吸引大家上網的條件，如果本身條件強大，可以根據上述原則使自己網站成為一個全方位的資訊提供者，如果不足，就成為單方面的提供者；此外， 還可以在特殊議題或主題上加以突出，進一步鎖定目標觀眾。　　 6.第一頁很重要 　　 第一頁是最重要的東西，因為它是別人認識這個網站的第一印象。如果是新開幕的站臺，最好在第一頁就對這個網站的性質與所提供內容做個扼要說明與導引，讓別人判斷要不要繼續進入裡面。最好第一頁就有很清楚的類別選項，而且儘量符合人性化，讓參觀者可以很快找到需要的主題。在設計上，最好秉持乾淨而清爽的原則。第一、若無需要，儘量不要放置大型圖形檔案或加上不當的程式，因為它會增加下載時間，導致觀賞者失去耐心； 第二、畫面不要散置得太過雜亂無序，因為觀賞者會找不到東西。記住∶失敗的第一頁會讓許多人掉頭遠去，不可不慎。　　 7.分類 　　 內容的分類很重要，可以按主題分類、按性質分類、按機關組織分類，或按人類思考直覺式地分類等等，一般而言，按人類的直覺式思考會比較親切。但無論哪一種分類方法，都要讓使用者可以很容易找到目標。而且分類方法最好儘量保持一致，若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個分類選項的旁邊或下一行，最好也加上這個選項內容的簡要說明。　　 8.互動性　　 WWW的另一個特色就是互動。好的網站 HomePage必須與使用者有良好的互動性，包括在整個設計呈現、使用介面導引上等等，都應該掌握互動的原則 ，讓使用者感覺他的每一步都確實得到適當的迴應， 這部份需要一些設計上的技巧與軟硬體支援。 事實上，好的網站HomePage設計必須加上個人技巧、 經驗累積以及軟硬體技術的配合運用等。　　 9.圖形應用技巧 　　 圖形是WWW網站的特色之一，它帶有醒目、吸引人以及傳達訊息的功能，好的圖形應用可以讓HomePage增色不少 ，但不當的圖形應用則會帶來反效果，而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議 ，如果可以，應儘量縮小或省略圖形。 目前國內的網路傳輸資源極為有限，因此使用圖形時一定要考慮傳輸時間的問題。根據經驗與統計，使用者可以忍受的最長等待時間大約是90秒鐘，如果您的HomePage無法在這段時間內傳輸並顯示完畢 ，那麼使用者就會毫不留情掉頭離去。因此必須依據HTML 檔案、圖形檔案的大小，考慮傳輸速率、延遲時間、網路交通狀況，以及服務端與使用者端的軟硬體條件，估算HomePage 的傳輸與顯示時間。 在圖形使用上，儘量採用一般瀏覽器均可支援的壓縮圖形格式，例如JPEG與GIF等，而其中JPEG的壓縮效果較好，適合中大型的圖形，可以節省傳輸時間。 如果真要放置大型圖形檔案，最好將圖形檔案與HomePage分開，在HomePage中先顯示一個具有連結功能的縮小圖檔或是一行說明文字，然後加上該圖形檔案大小的說明（例如100KB），如此不僅加快HomePage的傳輸，而且可以讓使用者判斷是否繼續進入觀看網頁設計流程一、策劃。這兩個字看似沒有什麼意義，表面上來看，的確是如此的。但是，你想擁有一個什麼樣的網站？你的主色調，你的內容，等等等等，都需要一個策劃，否則你開啟製作工具，你根本不知道要做什麼。就象你或者你的GF要做飯，材料什麼都有，菜買回來了，可你不知道要吃什麼，還為吃白菜或者吃芹菜而鬧不明白。你會很為難。對於新手來說，可以參考借鑑別人的作品，多看看一些你喜歡的網頁，然後去模仿，慢慢的就能做出自己的東西了。一個策劃做好了，就什麼都好說了。二、設計圖紙你可以先在草稿上先畫一畫，但那樣的話，這個步驟應該歸結於第一步。這裡說的設計圖紙是在PS或者FW中把你想做的網站用圖片的形式畫出來。我不清楚是否在各位看觀中是否有準備去應聘網頁美工等工作的。但就我自己的公司在我們附近的一所大學裡招聘的情況來看。實在是不怎麼理想。因為這些應聘網頁美工的同學居然不知道不明白網頁是先用PS或者FW畫出來的。最後我錄用了附近中專的一個學生。倒不是他在學校裡學到了什麼，是自學的，做得還不錯。由此可見，學生在學校裡學到的東西實在是太皮毛了~~~~（跑題了是吧~~~~~ ）~~~~~這一個步驟呢就是說~~~~~先把自己的想要的網頁用PS畫出來。PS的靈活多變以及超級強大的功能，完全可以畫出絢爛的網頁出來。現在來說呢，我給大家提供幾個數字，就是網頁設計圖紙的寬度。如果你的網頁是準備留有對聯廣告的位置，也就是像稀飯主站的那種樣式來說呢，你的網頁的寬度一般為 768 畫素。也有760畫素770畫素780畫素。這看個人的設計習慣來的。但一般來說呢，768畫素是最符合規範的，因為768正好是螢幕的高度。如果你是想設計滿屏的網頁，就像這個論壇吧。寬度一般為1000左右。有人說是1007，的確，在WINDOWS 標準介面下這個寬度能全部顯示而不必在下面拉啊拉的。但是如果是XP風格的話，就要左右拉了因此寬度設定為1000差不多。也有設計為998了。這根據個人經驗而來，大家可以根據自己的實際判斷來說。總之就這左右。告訴嘛~~~~~你想設定多高就多高吧。如果是首頁的話呢，最好是能全部顯示出來。由於各個瀏覽器的不同——像多視窗瀏覽器有一個標籤欄，就算是IE，常用圖示也有大小之分。因此告訴是多少，你就自己掌握吧。三、切割網頁切割網頁這工作還是交給PS或者FW來製作。也就是使用他們的切片工具。個人認為FW更適合用來切割圖片。太專業了。而且很容易上手。PS當然也有這個功能。不過說來寒酸，我到現在也沒搞明白那是怎麼切割的~~~~~就看別人切割了，自己就是不會~~~~~（沒辦法，本人電腦知識全部自學，PS、FW、DMX等等等等，因此有些問題搞不明白還是情有可原的吧~~~~ ）切割網頁就是把圖片切割成若干個小圖片，其中寬度高度什麼的都得自己去掌握去學習，我考慮寫一個教程。不過時間不是很充裕，看情況。四、DMX製作網頁終於到這一步了，大家是不是很明白啊？不會用DMX就不能說是會製作網頁知道不？現在一般的大學生和職業學校的學生都應該掌握了這個吧。順便說一下，網頁就是表格加圖片加FLASH。自己慢慢體會吧。============================================= 這裡只說了個流程，我看情況能不能有時間寫出詳細的教程。大家自己有基礎的可以先做做。這個流程中沒有說到CSS樣式的設定和其他的規格一些方面。這些就看自己的發揮了。CSS可以用人家現成的，自己修改修改就可以了。