常見網頁布局

❶ 網頁設計的布局有哪幾種

網站建設中網頁布局大致可分為：「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：

1、國字類型：也被稱為同字型，頂部是網站的標題、橫幅廣告條，然後是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型；

❷ 網頁布局都有哪種一般都用什麼布局

一個好的網頁設計作品就必然有一個號的網頁布局，那麼我們來分析一下，在網頁設計過程中有哪些布局類型？網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型，下面分別論述。
1.左右框架型：這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。
2.上下框架型：與上面類似，區別僅僅在於是一種上下分為兩頁的框架。
3.綜合框架型：上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。
4.封面型：這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。
5. Flash型：其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。
6.「國」字型：也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多是最多的一種結構類型。
7.拐角型：這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。
8.標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。
9.變化型：即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。
網頁設計有那麼多的布局類型，那麼哪種才是最好的呢？這個要具體看自己需要哪種類型了，每個都有自己的優缺點，其實這要具體情況具體分析的：比如如果內容非常多，就要考慮用「國字型」或拐角型；而如果內容不算太多而一些說明性的東西比較多，則可以考慮標題正文型；那幾種框架結構的一個共同特點就是瀏覽方便，速度快，但結構變化不靈活；而如果是一個企業網站想展示一下企業形象或個人主頁想展示個人風采，封面性是首選；Flash型更靈活一些，好的Flash大大豐富了網頁，但是它不能表達過多的文字信息。還沒有提到的就是變化型了，只是想把這個留給各位朋友了，因為，只有不斷的變化才會提高，才會不斷豐富我們的網頁！時代的不斷進步，達內數字藝術學院的培訓課程也在不斷改進和提高。

❸ 網頁設計的經典布局類型有哪些

網站建設中網頁布局大致可分為：「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：

1、國字類型：也被稱為同字型，頂部是網站的標題、橫幅廣告條，然後是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型；

❹ web前端幾種常見的網頁布局

現在的網頁差不多都採用分列布局，

常見的有單列布局（如網路首頁）、雙列布局、三列布局和混合布局，超過三列的布局很少見。

最簡單的要數單列布局了，這種布局適合各種搜索引擎主頁，干凈的界面和較少的干擾信息給用戶較好的體驗。

❺ 網頁布局結構有哪些

一、簡介：布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的布局設計。

二、網頁布局有以下幾種常見結構：

【1】「國字」型布局：

「國」字型布局由「同」字型布局進化而來，因布局結構與漢字「國」相似而得名。其頁面的最上部分一般放置網站的標志和導航欄或Banner廣告，頁面中間主要放置網站的主要內容，最下部分一般放置網站的版權信息和聯系方式等。

❻ 幾種常見網頁布局設計

網站是有網頁構成，這點相信很多的從事網站建設或者是接觸過網站開發的站長應該都清楚，內但是容你現在的問題是，雖然很多的企業都想要建設網站，但是對於網站的布局了解的並不清楚，下面就跟著我們沃然一起來了解一下網站建設中幾種常見的布局吧。
1、區塊型

2、國字型
3、門戶型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、標題正文型
9、上下框架型
10、綜合框架型

❼ 網頁版面布局有幾種

1．T型布局
T型布局是指頁面頂部為橫條網站標志和廣告條，下方左半部分為主菜單，右半部分為顯示內容的布局。因為菜單背景餃探，整體效果類似英文字母T，所以稱之為T型布局，這是網頁設計中使用最廣泛的一種布局方式。其優點是頁面結構清晰，主次分明，是初學者最容易學習的布局方法；缺點是規矩呆板，如果把握不好，在細節和色彩搭配上不注意，容易讓人看了之後感到乏味。
2．「口」型布局
「口」型布局是頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等內容，中間是主要內容。其優點是充分利用了版面，信息量大；缺點是頁面擁擠，不夠靈活。
3．「國」型布局
「國」型布局又稱為「同」型布局，是一些大型網站喜歡使用的布局類型。頁面頂部是一橫條，橫條左部設置網站標志，右部是橫條廣告，橫條下部是水平放置的主導航欄。導航欄下方分為左中右三欄，左邊一般放置內容導航、二級欄目、注冊登錄、搜索引擎等，右邊一般放置動態新聞、熱點內容、友情鏈接等，中間顯示網頁的主體內容，在頁面的最下方是一橫條狀菜單或廣告，也可以是網站的一些基本信息、聯系方式、版權聲明等。這種布局通常用於主頁設計，主要優點是頁面容納的內容多，信息量大。
4．標題正文型布局
標題正文型布局最上方是標題或廣告等內容，下方是正文，通常文章頁面或注冊頁面採用此種布局，其特點是簡潔明快，干擾信息少，較為正規。
5．「三」型布局
「三」型布局具有簡潔明快的藝術效果，適合於藝術類、收藏類、展示類網站。這種布局往往採用簡單的圖像和線條代替擁擠的文字，給瀏覽者以強烈的視覺沖擊，使其感覺進入了一幅完整的畫面，而不是一個分門別類的超市。它的一級頁面和二級頁面的鏈接都按行水平排列在頁面的中部，網站標志非常醒目。
6．「川」型布局
「川」型布局比較特殊，整個頁面在垂直方向分為3列，網站的內容按欄目分布在這3列中，可以最大限度地突出主頁的索引功能。如果網站欄Bf良多，可以考慮採用這種布局。它和「國」形布局的主要區別是：把主內容區換成了各個二級頁面的鏈接，其中的不足是二級欄目比例不易配置平衡，色彩不易協調。
7．POP布局
POP布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心，在適當位置放置主菜單，常用於時尚類站點。這種布局方式不講究上下和左右的對稱，但要求平衡有韻律，能達到動感的效果，其優點是漂亮吸引入，缺點是速度慢。
8．變化型
採用上述幾種布局的結合與變化，布局採用上、下、左、右結合的綜合型框架，再結合F1ash動畫，使頁面形式更加多樣，視覺沖擊力更強。
網頁布局的基本形式主要有上述幾種類型，至於哪種布局類型最好，需要具體問題具體分析，要從網站內容、頁面結構和表現形式等多方面進行綜合考慮，同時也需要製作者具有較高的設計水平。

❽ 網站中常見的網頁布局類型及應用范圍

通過注冊域名，使企業在全球上有唯一標識，也是社會各用戶瀏覽該企業網站的門牌號和進入標識。由域名構成的網址會像商標那樣，在互聯網上廣為流傳，好的域名有助於你將來塑造自己在網上的國際形象。而同時域名在全世界具有唯一性，域名的資源又比較有限，誰先注冊，誰就有權使用，所以你現在就應該考慮，是否要保護你在Internet上的無形資產。 常見的.com為國際域名，而.com.cn則為國內域名。定義域名除了要考慮公司的性質以及信息內容的特徵外，還應該使這個名字簡潔、易記、具有沖擊力。

2、網路平台的建立

有了自己的域名這個門牌號碼後，您就需要一個空間蓋房子建立自己的公司，而這個空間在Internet上就是伺服器。通常情況下，有以下幾種方式可供企業選擇。

虛擬主機方式：所謂虛擬主機是使用特殊的軟硬體技術，把每台計算機 主分成一台"虛擬"的主機，在外界看來，虛擬主機與真正的主機沒有任何區別，我們建議企業上網採用虛擬主機方式。一般虛擬主機提供商都能向用戶提供10兆、30兆、50兆直到一台伺服器的虛擬主機空間。用戶可視網站的內容設置及其發展前景來選擇。一頁網頁所佔的磁碟空間大約20 - 50千位元組，10兆大約可以放置200 - 500頁，但如果你對網站有特殊的要求，如圖片較多、動畫較多、需要文件下載或有資料庫等，就需要多一些空間（大家可以到『 免費資源 』去看一下，那裡有很多免費空間）。

獨立的伺服器：對於經濟實力雄厚且業務量較大的企業，也可以購置自己獨立的伺服器，但這需要很高的費用及大量的人力、物力投入，合計很高的費用及大量的人力、物力投入，合計起來是虛擬主機的數十倍之多。

3、網頁設計及維護
您可以自己設計網頁也可以通過專業網頁設計人才來製作。首先要確定整個網頁系統的整體規劃，所要介紹的內容範圍和目的，之後要收集所有需要放在網站上的文本資料、圖片等，將收集的材料提供給我們，剩下的交給我們的設計人員吧。根據公司業務范圍確定是否採用中英兩種版本，網頁設計完成後下步最重要的工作就是及時更新網頁內容，不能長時間不更換網頁，造成「曬網」現象將影響網站的訪問量。

4、網站宣傳與推廣
首先企業自身要有推廣網站的意識：在任何出現公司信息的地方都加上公司的網址，如名片、辦公用品、宣傳材料、媒體廣告等。此外網路廣告和搜索引擎登記是目前網站主要的推廣方式。您可以登陸我們韶關信息港或其它門戶站點的黃金廣告位，可以通過注冊搜索引擎將你的站點登記到全球知名的服務站中去。這樣一來，不但你的網站能夠很容易地被人找到，而且訪問者的數量也會激增。 通過一些網站做友情鏈接等辦法，可以顯著地提高企業網站的知名度和訪問量。

5、開展電子商務
回答者： ljpbxh027 - 高級魔法師 七級 12-19 17:52

--------------------------------------------------------------------------------

哈哈
最好請別人做
大約10000塊左右，裡面有FLASH歡迎頁，網站形象頁，後台資料庫和操作系統，網上的空間，域名等等
我很多朋友都做網頁，所以我知道些
主要看你需要什麼功能了
光是HTM的網頁誰都會，我也會，就是ASP網頁比較麻煩啊，要建設後台管理等功能的
回答者：jlexp - 助理 三級 12-15 14:28

--------------------------------------------------------------------------------

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
回答者： ljpbxh027 - 高級魔法師 六級 12-15 14:41

--------------------------------------------------------------------------------

時下隨著各種通訊技術的發展，互聯網已在中國逐步進入普及階段，許多人在充分享受瀏覽新聞，網上聊天，網路游戲，網上交易，收發電子郵件等網路的各種樂趣後，開始不滿足於被動式的接受，希望能主動參與網路，因此大量的個人網站應運而生了。
計算機與網路專業技術人員能利用一技之長及在某一方面的專長輕松製作網頁，但大量的網路菜鳥級人物如何製作個人主頁，建立個人網站呢？我大概總結了以下幾點，希望對一些對這方面缺乏基本了解的人提供一些幫助。如果你是個經常上網的網蟲，並對如何建立網站有一定的興趣，那麼請你繼續讀下去，否則我推薦你使用某些網站推出的傻瓜式的個人網頁或請專業的網頁製作公司代勞，完全沒必要自己動手。
1． 要建立個人網站，首先必須要了解一下目前網頁製作的基本語言html，入門即可，大概花個一二小時就可。
2． 學會使用目前流行的網頁製作軟體，如Frontpage、Dreamweaver等一些功能強大，所見所得的軟體，初步了解就可，不用全部掌握，一般是邊用邊學，不斷提高使用水平。
3． 廣泛的上網瀏覽各種網頁，一開始最好能下載一些較簡單的個人網頁，因為他們所用到的技術較為簡單，可用網頁製作軟體打開研究。然後推薦去瀏覽一些專業的網頁設計網站，學習一些排版經驗，同時可下載一些網頁結構模版供自己套用。
4． 確定你的網站主題，我個人不主張開始就想建軟體大全、書庫等網上流行的為網站主題，因為第一你不夠專業，網上已有太多的同類軟體，別人不可能上你的網站下載。第二這類網站需要巨大的主頁空間，不僅一開始你申請不到這么大的空間，而且你也不可能經常上載維護。網站主題最好是有你的個人特色，實在不能確定我建議自己做一個私人門戶網站，將平時自己經常去的網站做一個較為綜合的連結。
5． 網頁最好不要用特別與眾不同的顏色、字體，因為每個人使用的計算機各不相同，特別的顏色、字體別人不一定能看得到。
6． 網頁要增加美觀圖片不可缺少，我建議如果你會用一些專業的作圖軟體最好自己製作，這會有自己的特色，放些私人照片也可以，但切記各種圖片一定要作優化處理，減小它的存儲尺寸。提醒一下每頁不要放過多的圖片，因為第一會使網頁顯得雜亂，第二會使你的網頁顯示速度過慢。製作圖片的常用軟體有Photoshop，Fireworks等。
7． 網頁上可以用一些動畫與特效增加你主頁的美觀與功能，動畫可上網找，同樣最好能自己製作，GIF格式的最常用，可用Ulead的Gig Animator軟體製作，目前流行的是Flash動畫，更多變化，尺寸更小，缺點是有些計算機上的瀏覽器預設沒有安裝Flash瀏覽軟體，有些計算機用戶不能看到Flash。網上還有許多免費的Javascript等可供使用，與圖片一樣，我建議每頁不要放太多的動畫與特效。
8． 網頁基本建成後，上網找免費的主頁空間，以其主機的速度，提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據，所謂CGI是指主機伺服器上提供的程序，一般你可申請有免費計數器、留言板等。找到速度快，主頁存放空間大，域名簡單的網站存放你的網頁。
9． 接下來是將網頁上傳至你申請的伺服器上，具體上傳的辦法你在申請主頁空間時就會了解，具體使用你製作網頁的軟體即可，我個人推薦使用CuteFTP Pro上傳，這個軟體功能強大，簡單易用。
10． 好，現在你的網站已建立，你可通知你的朋友上去瀏覽，把個人網站印在你的名片上，還想推廣你的網站？那你可去各大搜索網站登錄你的新站，如雅虎、搜虎、新浪等知名網站。你還可與其它網站申請友情連結、去一些提供連結交換的網站申請廣告交換，如太極鏈，酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片，動畫最好，存儲大小盡量控制在10k以下。
11． 如果你還想靠你的網站賺一些小錢，你可去一些商業網站申請廣告連結，替他們做廣告，一般以從你的網頁點擊到他們的網頁次數算錢。
12． 最後我要提醒各位未來網主，你的網站千萬不要放一些明顯與國內政治相抵觸的內容，這事關重大，不可兒戲，否則網站被關閉事小，坐牢也說不定哦。另外，網站內容與性有關可大大增加被瀏覽的數量，但黃色的內容不要放，雖說性質比不上反動內容，但也有問題。建議打打擦邊球，提供一些性教育、性知識，情情愛愛的內容無傷大雅。
回答者：早晚 - 助理 三級 12-19 18:46
修改答復： 早晚，您要修改的答復如下: 積分規則 關閉

哈哈
最好請別人做
大約10000塊左右，裡面有FLASH歡迎頁，網站形象頁，後台資料庫和操作系統，網上的空間，域名等等
我很多朋友都做網頁，所以我知道些
主要看你需要什麼功能了
光是HTM的網頁誰都會，我也會，就是ASP網頁比較麻煩啊，要建設後台管理等功能的
回答者：jlexp - 助理 三級 12-15 14:28

--------------------------------------------------------------------------------

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
回答者： ljpbxh027 - 高級魔法師 六級 12-15 14:41

--------------------------------------------------------------------------------

時下隨著各種通訊技術的發展，互聯網已在中國逐步進入普及階段，許多人在充分享受瀏覽新聞，網上聊天，網路游戲，網上交易，收發電子郵件等網路的各種樂趣後，開始不滿足於被動式的接受，希望能主動參與網路，因此大量的個人網站應運而生了。
計算機與網路專業技術人員能利用一技之長及在某一方面的專長輕松製作網頁，但大量的網路菜鳥級人物如何製作個人主頁，建立個人網站呢？我大概總結了以下幾點，希望對一些對這方面缺乏基本了解的人提供一些幫助。如果你是個經常上網的網蟲，並對如何建立網站有一定的興趣，那麼請你繼續讀下去，否則我推薦你使用某些網站推出的傻瓜式的個人網頁或請專業的網頁製作公司代勞，完全沒必要自己動手。
1． 要建立個人網站，首先必須要了解一下目前網頁製作的基本語言HTML，入門即可，大概花個一二小時就可。
2． 學會使用目前流行的網頁製作軟體，如Frontpage、Dreamweaver等一些功能強大，所見所得的軟體，初步了解就可，不用全部掌握，一般是邊用邊學，不斷提高使用水平。
3． 廣泛的上網瀏覽各種網頁，一開始最好能下載一些較簡單的個人網頁，因為他們所用到的技術較為簡單，可用網頁製作軟體打開研究。然後推薦去瀏覽一些專業的網頁設計網站，學習一些排版經驗，同時可下載一些網頁結構模版供自己套用。
4． 確定你的網站主題，我個人不主張開始就想建軟體大全、書庫等網上流行的為網站主題，因為第一你不夠專業，網上已有太多的同類軟體，別人不可能上你的網站下載。第二這類網站需要巨大的主頁空間，不僅一開始你申請不到這么大的空間，而且你也不可能經常上載維護。網站主題最好是有你的個人特色，實在不能確定我建議自己做一個私人門戶網站，將平時自己經常去的網站做一個較為綜合的連結。
5． 網頁最好不要用特別與眾不同的顏色、字體，因為每個人使用的計算機各不相同，特別的顏色、字體別人不一定能看得到。
6． 網頁要增加美觀圖片不可缺少，我建議如果你會用一些專業的作圖軟體最好自己製作，這會有自己的特色，放些私人照片也可以，但切記各種圖片一定要作優化處理，減小它的存儲尺寸。提醒一下每頁不要放過多的圖片，因為第一會使網頁顯得雜亂，第二會使你的網頁顯示速度過慢。製作圖片的常用軟體有Photoshop，Fireworks等。
7． 網頁上可以用一些動畫與特效增加你主頁的美觀與功能，動畫可上網找，同樣最好能自己製作，GIF格式的最常用，可用Ulead的Gig Animator軟體製作，目前流行的是Flash動畫，更多變化，尺寸更小，缺點是有些計算機上的瀏覽器預設沒有安裝Flash瀏覽軟體，有些計算機用戶不能看到Flash。網上還有許多免費的Javascript等可供使用，與圖片一樣，我建議每頁不要放太多的動畫與特效。
8． 網頁基本建成後，上網找免費的主頁空間，以其主機的速度，提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據，所謂CGI是指主機伺服器上提供的程序，一般你可申請有免費計數器、留言板等。找到速度快，主頁存放空間大，域名簡單的網站存放你的網頁。
9． 接下來是將網頁上傳至你申請的伺服器上，具體上傳的辦法你在申請主頁空間時就會了解，具體使用你製作網頁的軟體即可，我個人推薦使用CuteFTP Pro上傳，這個軟體功能強大，簡單易用。
10． 好，現在你的網站已建立，你可通知你的朋友上去瀏覽，把個人網站印在你的名片上，還想推廣你的網站？那你可去各大搜索網站登錄你的新站，如雅虎、搜虎、新浪等知名網站。你還可與其它網站申請友情連結、去一些提供連結交換的網站申請廣告交換，如太極鏈，酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片，動畫最好，存儲大小盡量控制在10k以下。
11． 如果你還想靠你的網站賺一些小錢，你可去一些商業網站申請廣告連結，替他們做廣告，一般以從你的網頁點擊到他們的網頁次數算錢。
12． 最後我要提醒各位未來網主，你的網站千萬不要放一些明顯與國內政治相抵觸的內容，這事關重大，不可兒戲，否則網站被關閉事小，坐牢也說不定哦。另外，網站內容與性有關可大大增加被瀏覽的數量，但黃色的內容不要放，雖說性質比不上反動內容，但也有問題。建議打打擦邊球，提供一些性教育、性知識，情情愛愛的內容無傷大雅。
回答字數10000字以內

參考資料：
如果您的回答是從其他地方引用，請表明出處。

--------------------------------------------------------------------------------

問題1。ASP是什麼：
Microsoft® Active Server Pages (ASP) 是伺服器端腳本編寫環境，使用它可以創建和運行動態、交互的 Web 伺服器應用程序。使用 ASP 可以組合 HTML 頁、腳本命令和 ActiveX 組件以創建交互的 Web 頁和基於 Web 的功能強大的應用程序。ASP 應用程序很容易開發和修改。

HTML 編寫人員
如果您是位 HTML 編寫人員，您將發現 ASP 腳本提供了創建交互頁的簡便方法。如果您曾想從 HTML 表格中收集數據，或用顧客的姓名個人化 HTML 文件，或根據瀏覽器的不同使用不同的特性，您會發現 ASP 提供了一個出色的解決方案。以前，要想從 HTML 表格中收集數據，就不得不學習一門編程語言來創建一個 CGI 應用程序。現在，您只要將一些簡單的指令嵌入到您的 HTML 文件中，就可以從表格中收集數據並進行分析。您再不必學習完整的編程語言或者單獨編譯程序來創建交互頁。

隨著不斷掌握使用 ASP 和腳本語言的技巧，您可以創建更復雜的腳本。對於 ASP，您可以便捷地使用 ActiveX 組件來執行復雜的任務，比如連接資料庫以存儲和檢索信息。

有經驗的腳本編寫人員
如果您已經掌握一門腳本語言，如 VBScript、JavaScript 或 PERL，而且您已經了解使用 ASP 的方法。只要安裝了符合 ActiveX 腳本標準的相應腳本引擎，就可以在 ASP 頁中使用任何一種腳本語言。ASP 帶有 Microsoft® Visual Basic® Scripting Edition （VBScript）和 Microsoft® JScript™ 的腳本引擎，這樣您可以立即開始編輯腳本。PERL、REXX 和 Python 的 ActiveX 腳本引擎可以從第三方開發人員處獲得。

Web 開發人員
如果您已經掌握了一門編程語言，如 Visual Basic，您將發現 ASP 是快速創建 Web 應用程序的一個非常靈活的方法。通過向 HTML 中添加腳本命令，您能夠創建應用程序的 HTML 介面。通過創建自己的 ActiveX 組件，可以將應用程序中的商業邏輯封裝到能夠從腳本、其他組件或從其他程序中調用的模塊。

使用 ASP 進行計算的 Web 可轉化為有形的利益，它使 Web 供應商能夠提供交互的商業應用而不僅僅是發布內容。例如，旅行社能夠比公布航空時刻表做得更多；用 ASP 腳本可以讓客戶察看現有的航班、比較費用並預定座位。

包含在 Windows NT Option pack 中的 Microsoft Transaction S

❾ div常用的網頁布局

單行一列
以下是引用片段：
body { margin: 0px; padding: 0px; text-align: center; }
#content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }
兩行一列
以下是引用片段：
body { margin: 0px; padding: 0px; text-align: center;}

#content-top { margin-left:auto; margin-right:auto; width: 400px; width: 370px;}
#content-end {margin-left:auto; margin-right:auto; width: 400px; width: 370px;}
三行一列
以下是引用片段：
body { margin: 0px; padding: 0px; text-align: center; }
#content-top { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }
#content-mid { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }
#content-end { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }
單行兩列
以下是引用片段：
#bodycenter { width: 700px;margin-right: auto; margin-left: auto;overflow: auto; }
#bodycenter #dv1 {float: left;width: 280px;}
#bodycenter #dv2 {float: right;width: 410px;}
兩行兩列
以下是引用片段：
#header{ width: 700px; margin-right: auto;margin-left: auto; overflow: auto;}
#bodycenter { width: 700px; margin-right: auto; margin-left: auto; overflow: auto; }
#bodycenter #dv1 { float: left; width: 280px;}
#bodycenter #dv2 { float: right;width: 410px;}
三行兩列
以下是引用片段：
#header{ width: 700px;margin-right: auto; margin-left: auto; }
#bodycenter {width: 700px; margin-right: auto; margin-left: auto; }
#bodycenter #dv1 { float: left;width: 280px;}
#bodycenter #dv2 { float: right; width: 410px;}
#footer{ width: 700px; margin-right: auto; margin-left: auto; overflow: auto; }
單行三列
絕對定位
以下是引用片段：
#left { position: absolute; top: 0px; left: 0px; width: 120px; }
#middle {margin: 20px 190px 20px 190px; }
#right {position: absolute;top: 0px; right: 0px; width: 120px;}
float定位一
xhtml:
以下是引用片段：
<div id="warp">
<div id="column">
<div id="column1">這里是第一列</div>
<div id="column2">這里是第二列</div>
<div class="clear"></div>
</div>
<div id="column3">這里是第三列</div>
<div class="clear"></div>
</div>
CSS:
以下是引用片段：
#wrap{ width:100%; height:auto;}
#column{ float:left; width:60%;}
#column1{ float:left; width:30%;}
#column2{ float:right; width:30%;}
#column3{ float:right; width:40%;}
.clear{ clear:both;}
float定位二
xhtml:
以下是引用片段：
<div id="center" class="column">
<h1>This is the main content.</h1>
</div>
<div id="left" class="column">
<h2>This is the left sidebar.</h2>
</div>
<div id="right" class="column">
<h2>This is the right sidebar.</h2>
</div>
CSS:
以下是引用片段：
body {margin: 0;padding-left: 200px;padding-right: 190px;min-width: 240px;}
.column {position: relative;float: left;}
#center {width: 100%;}
#left {width: 180px; right: 240px;margin-left: -100%;}
#right {width: 130px;margin-right: -100%;}
兩行三列
xhtml:
以下是引用片段：
<div id="header">這里是頂行</div>
<div id="warp">
<div id="column">
<div id="column1">這里是第一列</div>
<div id="column2">這里是第二列</div>
<div class="clear"></div>
</div>
<div id="column3">這里是第三列</div>
<div class="clear"></div>
</div>
CSS:
以下是引用片段：
#header{width:100%; height:auto;}
#wrap{ width:100%; height:auto;}
#column{ float:left; width:60%;}
#column1{ float:left; width:30%;}
#column2{ float:right; width:30%;}
#column3{ float:right; width:40%;}
.clear{ clear:both;}
三行三列
xhtml:
以下是引用片段：
<div id="header">這里是頂行</div>
<div id="warp">
<div id="column">
<div id="column1">這里是第一列</div>
<div id="column2">這里是第二列</div>
<div class="clear"></div>
</div>
<div id="column3">這里是第三列</div>
<div class="clear"></div>
</div>
<div id="footer">這里是底部一行</div>
CSS:
以下是引用片段：
#header{width:100%; height:auto;}
#wrap{ width:100%; height:auto;}
#column{ float:left; width:60%;}
#column1{ float:left; width:30%;}
#column2{ float:right; width:30%;}
#column3{ float:right; width:40%;}
.clear{ clear:both;}
#footer{width:100%; height:auto;}
PS:這里列出的是常用的例子，而非研究之用，對一每個盒子，都沒有設置margin,padding,boeder等屬性

❿ 網頁頁面布局有哪三種常見方法

l T型布局

所謂T型布局，使指頁面上部為橫條（網站標志+廣告條專）、下方左半部為主菜單、右由半部分顯示內容屬的布局。因為看上去像英文字母「T」，所以稱為T型布局。如圖(a)所示。

T型布局的優點是頁面結構清晰，主次分明，強調秩序，能給人以穩重、可信賴的感覺，比較容易上手。缺點是規矩呆板，如果細節和色彩搭配上不注意，容易讓人乏味。

2 口型布局

口型布局的頁面上下各有一個廣告條，左側是主菜單，右側放置友情鏈接等內容，中間是主要內容，如圖 (b)所示。

口型布局的優點是充分利用版面，信息量大。其缺點是頁面擁擠，不夠靈活。

3 POP布局

POP引自廣告術語，是指頁面布局象一張宣傳海報，以一張精美圖像作為頁面的設計中心，在適當位置放置主菜單，如圖 (c)所示。這種布局不講究上下左右對稱，但要平衡和有韻律，能達到強調、動感、高注目性的效果，常用於時尚類網站。其優點是漂亮吸引人，缺點是速度慢。