主流代碼布局
編輯
DIV（區）+CSS（層疊樣式表）
構成
文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為：文字，就是網頁的内容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。
在網頁上點擊鼠标右鍵，選擇菜單中的“查看源文件”，就可以通過記事本看到網頁的實際内容。可以看到，網頁實際上隻是一個純文本文件。它通過各式各樣的标記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顔色、大小），而浏覽器則對這些标記進行解釋并生成頁面，于是就得到你現在所看到的畫面。為什麼在源文件看不到任何圖片？網頁文件中存放的隻是圖片的鍊接位置，而圖片文件與網頁文件是互相獨立存放的，甚至可以不在同一台計算機上。
設計原則
自适應網頁設計也稱為響應性的Web設計-設計網頁，提供一個很好的感知上的各種設備連接到互聯網。
自适應網絡設計的目的是為不同設備的多功能網站。網站是為了更方便地查看不同的分辨率和格式的設備，技術，自适應網頁設計沒有為特定類型的設備創建一個單獨的版本的網站。一個網站可能無法在您的手機，平闆電腦，筆記本電腦和電視上網，要滿足全範圍的設備最佳顯示。
網站架構
網站架構是一個網站，如建築本身，涉及到技術，美學和功能的标準設計和規劃方法。傳統建築，重點是正确的用戶和用戶的要求。這需要特别注意的網頁内容，商業計劃，易用性，交互設計，信息架構和網頁設計。
過程和結果
獨特的設計是比較貴的，但還涉及到一個特定的順序從頭開始，完全獨特的設計圖紙。根據不同的專業性和/或本公司或網頁設計師的政策發展的想法和概念設計，完全獨立，或接收一個數的要求（顔色，風格，等等），在客戶端或創意總監（藝術總監）的期望和想法，并嘗試保持這個趨勢的發展布局。大多數客戶錯誤地等同于一個網頁設計師和網站主，指控他和發布網站。
建網工具
網絡技術的發展帶動了軟件業的發展，所以用于制作Web頁面的工具軟件也越來越豐從最基本的HTML編輯器到非常流行的Flash互動網頁制作工具，各種各樣的Web頁面制作工具，下面是耀傑科技幾款具有代表性的網頁制作器：
1.HTML編輯器。雖然HTML代碼複雜，編輯和調試要花費大量的時間，但因HTML的穩定性、廣泛支持性及可創建複雜的頁面效果，仍受高級網頁制作人員的青睐。就來說，有衆多的編輯器供選擇，這些編輯器廣泛支持複雜頁面創建及高級HTML規範，使用較為普遍的有Hotdog等專業HTML編輯器。
2.所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，隻要稍加培訓就能輕松編制網頁。而且，Frontpage還能解析網頁的HTML源代碼，并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE浏覽器下實現。所以Frontpage是一款非常适合初、中級網頁制作人員使用的工具軟件。
3.非常流行的Macromedia公司(已被Adobe公司收購)出品的Flash互動網頁制作工具。這是一款功能非常強大的交互式矢量多媒體網頁制作工具。能夠輕松輸出各種各樣的動畫網頁，它不需要特别繁雜的操作，也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網頁文件比普通網頁文件要小得多，所以大大加快了浏覽速度。這是一款十分适合動态Web制作的工具。
4.Dreamweaver:Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特别發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平台限制和跨越浏覽器限制的充滿動感的網頁。
另外，個人網站制作者還需了解W3C的HTML4.0規範、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有适當了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動畫工具的基本用法，熟練使用FTP工具以及擁有相應的軟硬件和網絡知識也是必備的。
當然，互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費時間又浪費金錢，而且還需要強大的圖形、圖片制作技術。所以，為了省卻這些麻煩，網站制作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。
編排注意
●盡可能删除那些與主題無關的欄目；
●盡可能将網站内最有價值的内容列在欄目上；
●盡可能從訪問者角度來編排欄目以方便訪問者的浏覽和查詢；輔助内容，如站點簡介、版權信息、個人信息等大可不必放在主欄目裡，以免沖淡主題。
另外，闆塊的編排設置也要合理安排與劃分。闆塊比欄目的概念要大一些，每個闆塊都有自己的欄目。一般來說，個人站點内容較少，隻要分個欄目也就夠了，不需要設置闆塊。如果有必要設置闆塊的，應該注意：
●各闆塊要有相對獨立性；
●各闆塊要有相互關聯；
●各闆塊的内容要圍繞站點主題。
目錄結構
網站的目錄是指建立網站時創建的目錄。目錄的結構是一個容易忽略的問題，大多數站長都是未經規劃，随意創建子目錄。目錄結構的好壞，對浏覽者來說并沒有什麼太大的感覺，但是對于站點本身的維護，以後内容的擴充和移植有着重要的影響。所以建立目錄結構時也要仔細安排，比如：
●不要将所有文件都存放在根目錄下。有網站制作者為了方便，将所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以删除，哪些是相關聯的文件，影響工作效率；上傳速度變慢，服務器一般都會為根目錄建立一個文件索引，如果将所有文件都放在根目錄下，那麼即使隻上傳更新一個文件，服務器也需要将所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時間也将越長。
●按欄目内容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接内容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目，例如：網站簡介、站長情況等可以合并放在一個統一目錄下。所有程序一般都存放在特定目錄，
●在每個主目錄下都建立獨立的Images目錄。一般來說，一個站點根目錄下都有一個默認地Images目錄。将所有圖片都存放在這個目錄裡很是不方便，比如在欄目删除時，圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。
其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網址的正确顯示造成困難；不要使用過長的目錄，太長的目錄名不便于記憶；盡量使用意義明确的目錄，以便于記憶和管理。
鍊接結構
網站的鍊接結構是指頁面之間相互鍊接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鍊接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。一般的，建立網站的鍊接結構有兩種基本方式：
●樹狀鍊接結構（一對一），這類似DOS的目錄結構，首頁鍊接指向一級頁面，一級頁面鍊接指向二級頁面。這樣的鍊接結構浏覽時，一級級進入，一級級退出，條理比較清晰，訪問者明确知道自己在什麼位置，不會“不知身在何處”，但是浏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須回到首頁再進行。
●星狀鍊接結構（一對多），類似網絡服務器的鍊接，每個頁面相互之間都建立有鍊接。這樣浏覽比較方便，随時可以到達自己喜歡的頁面。但是由于鍊接太多，容易使浏覽者迷路，搞不清自己在什麼位置，看了多少内容。
因此，在實際的網站設計中，總是将這兩種結構混合起來使用。網站希望浏覽者既可以方便快速地達到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鍊接結構，一級和二級頁面之間用樹狀鍊接結構。關于鍊接結構的設計，在實際的網頁制作中是非常重要一環，采用什麼樣的鍊接結構直接影響到版面的布局。
形象設計
網站的設計可以從以下幾點出發：
●設計網站标志(LOGO)。LOGO是指網站的标志，标志可以是中文、英文字母，也可以是符号、圖案等。标志的設計創意應當來自網站的名稱和内容。比如：網站内有代表性的人物、動物、植物，可以用它們作為設計的藍本，加以卡通化或者藝術化；專業網站可以以本專業有代表的物品作為标志。最常用和最簡單的方式是用自己網站的英文名稱作标志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的标志。
●設計網站色彩。網站給人的第一印象來自視覺沖擊，不同的色彩搭配産生不同的效果，并可能影響到訪問者的情緒。“标準色彩”是指能體現網站型象和延伸内涵的色彩，要用于網站的标志，标題，主菜單和主色塊。給人以整體統一的感覺。至于其它色彩也可以使用，但應當隻是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網站的标準色彩不超過3種，太多則讓人眼花缭亂。适合于網頁标準色的顔色有：藍色，黃、橙色，黑、灰、白色三大系列色。
●設計網站字體。和标準色彩一樣，标準字體是指用于标志，标題，主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的“與衆不同”和特有風格，可以根據需要選擇一些特别字體。制作者可以根據自己網站所表達的内涵，選擇更貼切的字體。需要說明的是：使用非默認字體隻能用圖片的形式，因為很可能浏覽者的計算機裡沒有安裝特别字體，那麼辛苦設計制作便可能付之東流了。
●設計網站宣傳語。也可以說是網站的精神、主題與中心，或者是網站的目标，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站，進行對外宣傳，可以收到比較好的結果。
●網站制作背景音樂。打開需要添加背景音樂的頁面，點擊“代碼”打開代碼編輯視圖，在之間輸入“<”在彈出的代碼提示框中選擇bgsound。
這種添加背景音樂的方法是最基本的方法，也是最為常用的一種方法，對于背景音樂的格式支持大多的主流音樂格式，如WAV、MID、MP3等。如果要顧及到網速較低的浏覽者，則可以使用MID音效作為網頁的背景音樂，因為MID音樂文件小，這樣在網頁打開的過程中能很快加載并播放，但是MID也有不足的地方，它隻能存放音樂的旋律，沒有好聽的和聲以及唱詞。如果你的網速較快，或是覺得MID音樂有些單調，也可以添加MP3的音樂。
網站風格
“風格”是抽象的，是指站點的整體形象給浏覽者的綜合感受。這個“整體形象”包括站點的CI（标志，色彩，字體，标語）、版面布局、浏覽方式、交互性、文字、語氣、内容價值等等諸多因素，網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，隻要你能由此讓浏覽者明确分辨出這是你網站獨有的，這就形成了網站的“風格”。
風格是有人性的，通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性：是粗犷豪放的，還是清新秀麗的；是溫文儒雅的，還是執着熱情的；是活潑易變的，還是墨守成規的。
總之，有風格的網站與普通網站的區别在于：在普通網站上你看到的隻是堆砌在一起的信息，你隻能用理性的感受來描述，比如信息量多少，浏覽速度快慢等；在有風格的網站上你可以獲得除内容之外的更感性的認識，比如站點的品位，對浏覽者的态度等。
在明确自己想給人以怎樣的印象後，要找出網站中最有特色的東西，就是最能體現網站風格的東西。并以它作為網站的特色加以重點強化、宣傳。總之，風格的形成不是一次定位的，你可以在實踐中不斷強化、調整、改進。
創意内容
好的内容選擇需要有好的創意，作為網頁設計制作者，最苦惱的就是沒有好的内容創意。網絡上的最多的創意即是來自于虛拟同現實的結合。創意的目的是為了更好的宣傳與推廣網站，如果創意很好，卻對網站發展毫無意義，那麼，網站設計制作者也應當放棄這個創意。另外，主頁内容是網站的根本之所在，如果内容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶。從根本上說，網站内容仍然左右着網站流量，内容為王（Content Is King）依然是個人網站成功的關鍵。
技術特點
通過網站制作技術的功能來創建和顯示不同的網站：
對于顯示技術
靜态-包括一個靜态的HTML（标準通用标記語言下的一個應用）頁（HTM，DHTML），組成一個整體。用戶得到的形式，它們被存儲在服務器上的文件。
動态-包括HTM，動态HTML（DHTML）的母版頁，信息，腳本和其他東西作為單獨的文件。需求的特殊的腳本（程序）的其他數據的基礎上，從任何來源産生内容。
格式
靜态網頁
靜态網頁多數為單一的超文件标示語言檔案。現今不少網站皆傾向把動态網頁靜态化，從而令搜尋引擎最佳化。
動态網頁
動态網頁的内容随着用戶的輸入和互動而有所不同，或者随着用戶、時間、數據修正等而改變。
任何地址中帶“?”号、“&”号(及其他類似符号)的網頁都會把“蜘蛛”程序擋在門外。這些網頁通常由CGI、PHP、ASP等程序産生，技術上較先進，但不适合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動态網頁的能力，但相當一部分數引擎還是不支持它的。而且即使是能夠索引動态網頁的Google，也在多個場合中明确表示不保證檢索全部的動态網頁。
網站空間
(1)間服務商的專業水平和服務質量。這是選擇網站空間的第一要素，如果選擇了質量比較低下的空間服務商，很可能會在網站運營中遇到各種問題，甚至經常出現網站無法正常訪問的情況，或者遇到問題時很難得到及時的解決，這樣都會嚴重影響網絡營銷工作的開展。
(2)虛拟主機的網絡空間大小、操作系統、對一些特殊功能如數據庫等是否支持。可根據網站程序所占用的空間，以及預計以後運營中所增加的空間來選擇虛拟主機的空間大小，應該留有足夠的餘量，以免影響網站正常運行。一般說來虛拟主機空間越大價格也相應較高，因此需在一定範圍内權衡，也沒有必要購買過大的空間。虛拟主機可能有多種不同的配置，如操作系統和數據庫配置等，需要根據自己網站的功能來進行選擇，如果可能，最好在網站開發之前就先了解一下虛拟主機産品的情況，以免在網站開發之後找不到合适的虛拟主機提供商。
(3)網站空間的穩定性和速度等。這些因素都影響網站的正常運作，需要有一定的了解，如果可能，在正式購買之前，先了解一下同一台服務器上其他網站的運行情況。
(4)網站空間的價格提供網站空間服務的服務商很多，質量和服務也千差萬别，價格同樣有很大差異，一般來說，著名的大型服務商的虛拟主機産品價格要貴一些，而一些小型公司可能價格比較便宜，可根據網站的重要程度來決定選擇哪種層次的虛拟主機提供商。
經驗技巧
一、主題規劃
主題不可過于分散，網站主題越集中，一般情況下網站所有者在這方面投入的精力會更多，因此所提供信息的質量也會越高。
二、豐富内容
兩者相輔相成，有着豐富内容的通常會受訪問者的歡迎。但是這裡的内容豐富并不是指内容的繁雜，而是指内容的深度。搜索引擎在排名網站時，不僅要看網頁的信息相關度，同時也會考慮網站的聲望如何，比如外部鍊接有多少，網頁的點擊率有多高等等。因此一個内容充實的網站肯定會排在内容貧乏的網站前面由于不同的搜索引擎在網頁支持方面存在差異，因此在網頁設計時不要隻注意外觀漂亮，許多平常設計網頁時常用到的元素到了搜索引擎那裡會産生問題。
三、框架結構
有(如FAST)是不支持框架結構的，他們的“蜘蛛”：程序無法閱讀這樣的網頁。圖象區塊(Image Maps)，除AltaVista、Google明确支持圖像區塊鍊接，其他引擎是不支持它的。當“蜘蛛”程序遇到這種結構時，往往會感到茫然不知所措。因此盡量不要設置Image Map鍊接。
四、特效連接
有不少的網站為導航鍊接加上了特效，如點擊某個項目會展開下層鍊接等。這些效果一般通過Java script實現，視覺上非常新穎，但在搜索引擎爬蟲程序的眼裡則沒那麼誘人，相反它無法解讀這種鍊接。能夠讓搜索引擎順利檢索到網頁，還是犧牲掉一些花哨的東西。
五、FLASH
雖然FLASH制作的網頁視覺效果較好，但搜索引擎對此卻不太感冒。明智的做法是提供FLASH和非FLASH網頁兩種選擇，這樣即增加了網頁的觀賞性，又照顧到了搜索引擎的情緒。
網站分類
根據網站所用編程語言分類：例如 asp網站、php網站、jsp網站等;
根據網站的用途分類：例如企業網站、門戶網站(綜合網站)、行業網站、娛樂網站等;
根據網站的持有者分類：例如個人網站、商業網站，政府網站等;
根據網站的内容分類：網站搜索、資訊(新華網)、下載(華軍軟件園)、圖片等;
網址(比如hao123)、音樂(比如MP3)、視頻(影視)等;
商務(比如阿裡巴巴)、網店(比如有啊)等;
問答(比如知道)
百科(比如維基百科、互動百科)等。
欄目
常用的幾個企業網站欄目
1、公司簡介（關于我們）
2、産品展示
3、資質榮譽
4、招聘信息
5、在線留言
6、聯系我們
網站欄目
欄目詳情就是把每一個子欄目的具體情況描述一下，其中包括到各個子欄目的名稱：
欄目目的（把子欄目的目的寫清楚）
服務對象（用以明确欄目的發展方向，更好的為達到目的而做哪些具體内容）
内容介紹（詳細說明本子欄目的具體内容）
資料來源（說明該欄目的内容來源是什麼，以保證欄目開展下去不會出現沒有内容的情況）
實現方法（講述實現這個欄目的具體方法）
有關問題（欄目負責人在欄目的策劃過程當中想到的，尚未解決的問題）
網站形成
一些CSS3屬性（尚未正式确定，這可能會導緻與舊版本的浏覽器，或不同的解釋的圖形界面的浏覽器的兼容性問題）。
網站架構
網站架構是對網站的設計和規劃，象的方法架構本身，涉及到技術、美學和功能标準。在傳統建築，重點是正确的用戶和用戶要求。這就需要特别注意網頁内容，商業計劃書、可用性、交互設計、信息架構和網頁設計。
由于網站内容的規劃，設計和管理的範圍之内來設計方法，堅定性和喜悅的目标可以引導的網站架構，因為它們的物理結構和其他設計學科。網站架構是未來的範圍之内美學與批評理論，這種趨勢可能會加速到來的語義網絡和網絡2.0。
失敗因素
定位失敗
我們在做個人網站的時候出發點往往沒有考慮好自己要做什麼類型的網站，這個網站給用戶或者給自己帶來什麼收益。很多時候我們建立網站的時候都是根據自己的一時興趣搭建，雖然如今網站制作設計的成本很低，但是你是否知道，浪費我們自己的時間和精力是再也挽救不回來的。或者你很有激情的維護網站幾個月，每天看着網站統計沒有用戶訪問，然後你的興趣将逐漸降低，直到網站不在維護，就都是我們定位不明确導緻的失敗。
資金問題
如今網站制作設計成本是降低很多，但後期運營的時間成本，經濟成本還是需要的。如今不再是你建個網站，就可以自然得到很大的訪問量的時代，如今信息大爆發，你需要花時間，花金錢去推廣，宣傳自己的網站，讓更多的訪問，以至于得到廣告或者投資的收益，我們個人站長是不具備資金實力的，有些人連空間域名都在省錢找免費的，何談以後的發展。
技術問題
我們個人站長下載個程序，安裝，解析是會的。後期網站需要比如更換模闆，修改功能可能都比較棘手。沒有資金投入外包，沒有技術團隊。我們的網站功能得不到改善，因為同行也在做，他們在功能上或者細節上就超越了我們。
團隊問題
個人站長不是不可能有團隊，但和現實中的實體團隊不同。往往是幾個網友，聊天一時興趣比較投緣拍闆敲定一起做一個網站，然後達到一個什麼效果。這樣的團隊是有問題的，因為每個人都有每個人的事情，分工不明确，如果你嘗試過，我相信大部分人這樣的合作模式不長久，把攤子鋪的太大也不夠精力維護，還不如自己做一個小網站運營的好。
制作流程
網站制作時，也要充分考慮到結構的優化。網站的結構應該盡量的人性化，讓用戶方便快捷的尋找信息。混亂的結構模式不僅用戶不喜歡，就連自己看了也不舒服。所以，在結構設置的時候，框架要設定好，哪個模塊包含哪些内容，哪個模塊要分幾個子目錄等等。同時，網站最好有一個關鍵字搜索的功能，因為這樣可以減少用戶尋找感興趣信息的時間，對于提高客戶體驗是十分有幫助的。
一、确定網站主題
網站主題就是你建立的網站所要包含的主要内容，一個網站必須要有一個明确的主題。特别是對于個人網站，你不可能像綜合網站那樣做得内容大而全，包羅萬象。
二、搜集資料
明确了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去僞存真，作為自己制作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的内容很多，如網站的結構、欄目的設置、網站的風格、顔色搭配、版面布局、文字圖片的運用等，你隻有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也隻有如此制作出來的網頁才能有個性、有特色，具有吸引力。
四、選擇合适的制作工具
盡管選擇什麼樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，大多數網民選用的都是所見即所得的編輯工具。五、網頁制作六、上傳測試網頁制作完畢，最後要發布到Web服務器上，才能夠讓全世界的朋友觀看，而上傳的工具有很多，有些網頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放服務器上。網站上傳以後，你要在浏覽器中打開自己的網站，逐頁逐個鍊接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來浏覽。
五、确定網站内容
1、首先确定你要制作的網頁的主題,就是你建這個網站的内容是什麼。
2、确定你的網頁的閱讀對象,就是你的網頁是準備給那些人看的。
3、選擇制作網頁的工具軟件,比如PageAdmin系統、shopex系統、discuz系統。
4、如果你作好了頁面，就需要考慮你的網頁放到什麼地方發表,也就是平常我們說的發表空間。
六、制作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個複雜而細緻的過程，一定要按照先大後小、先簡單後複雜來進行制作。所謂先大後小，就是說在制作網頁時，先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後複雜，就是先設計出簡單的内容，然後再設計複雜的内容，以便出現問題時好修改。在制作網頁時要多靈活運用網站管理系統後台功能，這樣可以大大提高制作效率。
企業站
（1）網站規劃和欄目設置不合理。主要表現在欄目設置有重疊、交叉、或者欄目名稱意義不明确，容易造成混淆，使得用戶難以發現需要的信息，有些網站則欄目過于繁多和雜亂，網站導航系統又比較混亂（41.0%的企業網站導航系統基本清晰合理，有1/3的企業網站存在嚴重的導航問題，1/4的網站導航存在不同程度的問題，但不至于造成用戶嚴重迷失）；
（2）重要信息不完整。企業介紹、聯系方式、産品分類和詳細介紹、産品促銷等是企業網站最基本的信息，但為數不少的企業網站上這些重要信息不完整（例如同時公布地址、電話和Email地址的企業網站僅有42.7%，即半數以上的企業網站聯系方式不完整），尤其是産品介紹過于簡單，有些甚至沒有公布任何聯系方式；
（3）網頁信息量小。包括兩種情況：一種頁面上的内容過少，或者将本來一個網頁可以發布的内容分為多個網頁，而且各網頁之間沒有相互鍊接，需要主頁點擊；另一方面是盡管内容總量不少，但有用的信息少，籠統介紹的内容多；
（4）欄目層次過深。一般來說，重要的信息應該出現在最容易被用戶發現的位置，應盡可能縮短信息傳遞的渠道，以使企業信息更加有效地傳遞給用戶，石由于網站欄目層次過深，用戶需要多次點擊才能獲取有效信息，在這個過程中，一些有價值的用戶可能已經離開了網站；
（5）網站缺乏促銷意識。促銷意識指通過網站向訪問者展示産品、對銷售提供支持，有多種具體表現方式，如主要頁面的産品圖片、介紹、通過頁面廣告較好體現出企業形象或者新産品信息、列出銷售機構聯系方式、銷售網店信息等，或者具有積累内部網絡營銷資源和拓展外部網絡營銷資源的作用，這方面總體狀況比較欠缺。
（6）企業網站系統，無論大型還是中小型企業，利用網絡傳遞信息在一定程度上提高了辦事的效率，提高企業的競争力。
前景
應用PHP網站建設
PHP是英文超級文本預處理語言Hypertext Preprocessor的縮寫。PHP 是一種 HTML 内嵌式的語言，是一種在服務器端執行的嵌入HTML文檔的腳本語言，語言的風格有類似于C語言，被廣泛的運用。
PHP建站特點為：1、PHP具有很好的開放性和可擴展性;2、PHP網站建設開發成本低;3、支持面向對象;4、PHP在Web項目開發過程中具有極其強大的功能，而且實現相對簡單;5、可選擇性;6、版本更新速度快;7、模闆化;8、應用範圍廣9、PHP建站具體良好的安全性;10、PHP幾乎支持所有的操作系統平台及數據庫系統，并廣為流行;11、PHP代碼執行速度快，效率高;
應用Java網站建設
Java由Sun Microsystems公司于1995年5月推出的Java程序設計語言和Java平台的總稱。用Java實現的HotJava浏覽器(支持Java applet)顯示了Java的魅力：跨平台、動态的Web、Internet計算。從此，Java被廣泛接受并推動了Web的迅速發展，常用的浏覽器均支持Java applet。Java建站其特點，最主要有三個：第一、跨平台;第二、面向對象;第三、動态域的控制。不過java程序不容易掌握，運行成本較高，程序運行也比較慢。
應用.NET網站建設
.NET 是Microsoft XML Web services 平台。XML Web services 允許應用程序通過 Internet 進行通訊和共享數據，而不管所采用的是哪種操作系統、設備或編程語言。Microsoft .NET 平台提供創建 XML Web services 并将這些服務集成在一起之所需。對個人用戶的好處是無縫的、吸引人的體驗。.net建站其特點：代碼管理;平台獨立;充足的學習資源;現代化語言;跨語言标準基本類型;标準集成：XML、SOAP及其它;簡化應用;Web服務支持;用于所有.Net語言的标準工具集;對移動設備的支持，不過.net建站服務器控件處理速度慢，不靈活，跟javascript的溝通比較麻煩。
其實PHP、Java、.NET三種語言各有千秋，具體對比如上，不過應用PHP進行網站建設是主流很多大企業大網站都用的PHP建站，如：facebook、、騰訊、谷歌，新浪、雅虎等巨無霸均使用PHP進行網站建設。
網站類型
靜态網頁，動态網頁主要根據網頁制作的語言來區分：
靜态網頁使用語言：超文本标記語言（标準通用标記語言下的一個應用）或可擴展标記語言（标準通用标記語言下的一個應用子集）
動态網頁使用語言：HTML+ASP 或HTML+ASP,NET或 HTML+PHP 或 HTML+JSP 等。
注意事項
網頁構架
搜索引擎不支持框架結構的網頁，所以我們在網站制作中，不要采用框架結構，最好還是采用div+css機構的網站。
動态網頁
什麼是動态網頁呢？一般動态網頁的網址中含有"?"、"&"等符号的頁面，大家都知道搜索引擎對靜态頁面比較友好，對動态就不怎麼友好了。為了能夠讓蜘蛛更好的爬向你的頁面，最好還是将網站設計為僞靜态的頁面。
圖像鍊接
每個網頁中或多或少的都會有圖片，圖片很可能會不利于搜索引擎蜘蛛的抓取，所以為了蜘蛛抓取你的網站，最好盡量少使用圖片，就算使用了圖片也要加上alt标簽。
導航欄
網站的導航欄是整個網頁中最為重要的一部分，所以在網站制作中我們就需要保證蜘蛛能夠抓取，那麼如何才能夠保證呢？導航欄一般不要用圖片、動畫、javascript等來制作，用文字是最好的。因為用了圖片、動畫、javascript來制作導航是非常不利于蜘蛛抓取的。
工具技術
Web設計人員使用各種不同的工具的一部分。這些工具的生産過程中，他們都參與更新，随着時間的推移，新的标準和軟件，但背後的原理仍然是相同的。
Web圖形設計人員使用向量和光栅圖形包，用于創建Web格式的圖像或設計原型。可以手工編碼所産生的所見即所得的編輯軟件，用于創建網站的技術包括标準化的标記起來。也有專有的軟件插件，繞過客戶端的浏覽器版本的基礎上，這些往往是所見即所得的，但選擇使用該軟件的腳本語言。搜索引擎優化工具可以用來檢查搜索引擎中的排名，并提出改進建議。
網頁設計師可以使用其他工具，包括标記驗證器和其他測試工具的可用性和易用性，以确保他們的網站符合網頁易讀性指引。
網站制作外包
如果你比沒有專業的人士和獨立的團隊，就不妨在外邊找個網站制作的幫手，比如網站開發。強大的團隊支持，專業的網站制作高手，為你的網站量身定做最适合最美觀的版面，讓關注的人也知道你在有變化，并為之在努力，相信潛在的客戶群會成為優質客戶群。
設計模式
從前一般網頁都使用表格進行排版設計，這樣作的優點在于設計制作速度快，尤其在可視化網頁編輯器，如Microsoft FrontPage中，這樣設計顯得直觀而方便，然而這讓越來越複雜的版面需要許多不斷嵌套的表格設計，緻使網頁代碼變得冗長複雜，使文件體積增大，且不容易被搜索引擎查找。同時，這樣做也不利于大型網站的改版工作。
HTML5網站制作
HTML5網站是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标準的HTML 标準版本，現在仍處于發展階段，但大部分浏覽器已經支持某些 HTML5 技術。HTML 5網站有兩大特點：首先，強化了 Web網頁的表現性能。其次，追加了本地數據庫等 Web 應用的功能。
廣義論及HTML5網站時，實際指的是包括HTML、CSS和JavaScript在内的一套技術組合。它希望能夠減少浏覽器對于需要插件的豐富性網絡應用服務（plug-in-based rich internet application，RIA)，如Ado[1-2]be Flash、Microsoft Silverlight，與Oracle JavaFX的需求，并且提供更多能有效增強網絡應用的标準集。html5簡介HTML标準自1999年12月發布的 HTML 4.01 後，後繼的 HTML 5 和其它标準被束之高閣，為了推動Web标準化運動的發展，一些公司聯合起來，成立了一個叫做 Web Hypertext Application Technology Working Group （Web 超文本應用技術工作組 - WHATWG） 的組織。
顔色模式
網頁制作顔色模式是在互聯網上制作網頁時，選擇各種顔色的方法，可以用三組十六進制數字表示，也可以用英語顔色名稱表示。
十六進制數字表示方法
在超文本置位語言（HTML）和CSS中使用3字節共6個十六進制數字表示一種顔色，每字節從00到FF，相當十進位數字從0到255，按順序前兩位是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。
由于網頁是基于計算機浏覽器開發的媒體，所以顔色以光學顔色RGB（紅、綠、藍）為主。網頁顔色是以16進制代碼表示，一般以“#”号開頭，後面分别為R、G、B的16位進制數。FF為最大數，代表十進制255。比如白色是R、G、B三個顔色最大，在網頁代碼便是：#FFFFFF。黑色是三個顔色為0，在網頁代碼便是：#000000。當顔色代碼為#XXYYZZ時，可以用#XYZ表示，如#135與#113355表示同樣的顔色。
