㈠ 網頁設計怎麼布局整體的布局

網頁都差不多
我的方法是：打開dreamweaver後
先插入4行一列的表格（居中）
然後第一行
插一幅圖片（logo、專banner等）第二行插入屬一行8列的表格
當作導航
第三行是主題內容
根據網頁的內容確定
第四行是版權··
再就是
做網頁的時候
根據不同的內容
選用不同的色調

㈡ 網頁怎麼布局

在前一課中，我們闡述了何為布局表格以及布局表格與常規表格的區別。 完成這一過程需要執行五個步驟，本課將詳細介紹各個步驟。本課還介紹了可簡化設計過程的網頁設置提示。 在開始繪制布局表格和單元格之前，需要完成一些網頁准備工作。請利用「視圖」菜單完成下列設置： 顯示標尺 確保標尺已經顯示，如此處所示。標尺可幫助你度量布局的寬度與高度（單位為像素）。 清除默認邊距 雖然該圖中未予顯示，但在網頁頂端和左側的確有默認邊距。清除默認邊距後,使用標尺將更加方便。 顯示網格 雖然並不必要，但網格可為繪制操作提供參考。 創建布局的第一步是創建布局表格。通過「繪制」或者將表格拖至所需的尺寸可以完成這一步。下面是一些關於繪制布局表格的提示： 開始之前的准備工作 首先構思布局的寬度。請記住，某些人的顯示器解析度可能比較低，如果你的布局過寬，該布局可能無法全部顯示。 使用標尺、描摹圖像或網格作為參考 無論使用哪個工具，你都將發現使用這些功能可以大大簡化布局的安置。 第二步是繪制布局單元格。它們是布局中將包含內容的部分。下面是一些有關繪制單元格的提示： 不必擔心單元格的繪制是否完美 請大膽繪制布局單元格，然後再根據需要對其進行位置移動和大小調整處理。 寬度和高度只能以像素為單位 這是因為布局單元格功能僅可用於固定的、基於像素的表格設計。（自動伸縮是一種例外情況，在這種情況下，可以將寬度或高度設置為 100%，從而使寬度或高度與可用空間匹配。這是一種在布局表格與單元格設計完成之後使用的常用技巧。 若要調整布局單元格的大小，請單擊大小調整控點，然後在調整大小時按 Alt。 步驟三：調整布局單元格 你不可避免需要對布局單元格進行細微調整：某些單元格可能需要進行細微的大小調整，而某些單元格則需要移動或稍微移動至正確位置。 可使用滑鼠指針拖動大小調整控點來調整布局單元格的大小。另外，如上一課所述，還可拖動整個單元格以將其移動到相應位置。 重要 在拖動以調整單元格大小或移動單元格時，對於任何移動或大小調整，FrontPage 都將採用 10 像素步進增量。某些時候，該功能十分有用，而某些時候則無須使用該功能。若要忽略該步進移動功能，請在調整單元格大小或移動單元格時按住 Alt 鍵。 注意 另外，還有其他一些調整布局單元格大小和移動布局單元格的方法。在隨後的練習單元中將介紹這些方法。 步驟四：單元格的填充和格式設置 在繪制完布局表格和單元格之後，你自然希望在其中填充內容。 可以採用多種方法來完成該任務。你可以鍵入文本、使用「插入」菜單中的各種選項，或者你可以拖放圖像，如該圖所示。 另外，你可能會希望使用背景色、襯距、邊框等來設置布局表格和單元格的格式。這些設置都可以在頁面右方的」布局表格和單元格「選項卡里進行，方法與普通表格的設置類似。這里不再贅述。 完成布局的填充與格式設置後，請務必使用「文件」菜單中的「在瀏覽器中預覽」命令確保網頁沒有問題。

㈢ 網頁設計怎樣布局

網頁都差不多
我的方法是：打開dreamweaver後
先插入4行一列的表格（居中）
然後第一行
插一幅圖片（logo、banner等）第二行插入一行8列的表格
當作導航
第三行是主題內容
根據網頁的內容確定
第四行是版權··
再就是
做網頁的時候
根據不同的內容
選用不同的色調

㈣ 如何進行合理的網頁布局

關於布局也許是大家最不放在眼裡的地方，其地位如同文字的排版一樣，隨便可布，布即隨便。但是看過我上篇《網頁設計技巧》的朋友也許就會清楚，其實文字排版是一種不起眼但卻非常重要的細節。做好了會讓作品更為精細漂亮，做不好也許就成為作品失改的重要原因。其實布局也是一樣，需要我們足夠的重視起來。下面我要講的不是網頁布置成「左中右」、「左右」、「上中下」之類的問題。而是講位置的重心與位置之間的對比關系。

眾所周知，國外有一種叫黃金分割率的概念。下面我引用一段非常專業的解釋：「黃金分割最早見於古希臘和古埃及。黃金分割又稱黃金率、中外比，即把一根線段分為長短不等的a、b兩段，使其中長線段的比（即a+b）等於短線段b對長線段a的比，列式即為a:(a+b)=b:a，其比值為0.6180339……這種比例在造型上比較悅目，因此，0.618又被稱為黃金分割率。」大家也看清楚了什麼叫黃金分割。我們中國也有一種類似於這樣的概念叫九宮格。這個也許就有一些朋友不清楚了，這是一種用以臨寫碑帖的一種界格紙。基本形是一個長方形等分九格。在這個九宮格中中間部分就產生了四個交叉點，這四個交叉點就是視覺中心點。

圖示：九宮格

好了，我們為什麼要講這兩個概念呢？是因為這兩個概念是設計的決竅之所在。我們很多時間喜歡把重要的東西放在正中心，表示重視想吸引目光注意。但是我要告訴大家。正中心屬於盲點區。也就是說按人的視覺習慣來講正中心是常常被忽視的。並且放在正中心也不會引起視覺刺激。用句玩笑話來侃一下：兩眼中間是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什麼地方是視覺中心點呢，這就要用到上面的概念了。不過什麼a:(a+b)=b:a都太麻煩了誰會那麼細致的去算呢。這里用中國的九宮格原理就清楚得多了。四個視覺中心點很顯然大家也清楚是什麼位置了。

那麼在實際應用中我們要怎麼用呢。這點很重要，實戰意義要比空談概念重要得多。下面我們就來說一下實戰中的應用，這里雖說是《網頁設計技巧》不過同樣可以應用在平面設計與攝影或是其它的設計中，但是必竟是講網頁設計這里主要還是舉網頁例。我們先從大布局來談，然後再講小布局，最後講設計圖片的布局。

大布局 基本上網頁的布局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時我們還要思考的是解析度與網頁大小的關系。現在大部分的機器都是1024以上的解析度了，那我們的寬度是不是一定也要順應變得寬一點呢。個人觀點是大可不必。因為網頁本身也會與瀏覽器產生視覺對比。如果塞得太滿勢必也不是很好看。如果留下空隙網面與留出來的空白也可形成一定的對比，其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好，給網頁一個可以呼吸的空間。那網頁自身的上下左右布局呢？同樣的，如只是上下或是左右結構我們不能把上下或是左右平分，而是最好採用黃金分割比來進行劃分。如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的關系，比如上中下結構，我們很清楚中間是主要內容需要大一點的空間，那麼中空間的部分會盡量的點有大比例，一般來講我們會讓中間佔大約百分之六十。而上面佔百分之三十，下面佔百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就會比平面看起來要舒服很多。但是左中右的結構就不能這么分了。因為百分之十的寬度會很難放得下什麼內容。一般左中右結構會有另一種分法：左佔百分之四十，中右各佔百分之三十。或是左右佔百份之三十，中間佔百分之四十。也可以進行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。

小布局 也可以說是細節上的布局。我們可以把網頁看成是由很多個小塊組合而成的。通常要注意的就是標題與內容的關系以及這些塊放置的位置。比如最核心的內容不要放在最頂、最後、或是最中間。而是頂部與中間的中部位置，有些人喜歡排位，並且會把最重要的放在最上面，其實不然啊，放在最上面的未必是最核心的位置。比如我們看一下各大門戶網站的頭條新聞的位置，是不是沒有放在最頂部的？當然由於解析度的問題目，這些頭條可能位置也會有所變化。在800下頭條是偏下的，而1024是居中一點，1600就偏上一點。但是從瀏覽器的大角度來看，這些頭條也都是處於視覺中心點的。

圖片 我們在處理圖片的時候也會用到布局，比如我們的文字放在什麼地方，標志放在什麼地方這些都是布局的范疇。這里也要應用上述的概念，重要的要核心不要放在正中或是過於偏向角落。當然也會遇到重心的東西很大，基本上都占滿了畫面，下面讓大家來看一張招貼：

大家看這圖的重點是那個MP4，但是這個對象很大，不過沒關系，把這個MP4的圖做得有透視性，左右的重量就不一樣了。這樣向左去一點，那麼重心就向左去了，再加上MP4偏上，這個MP4就正好在視覺中心點上了。而主要的信息文字同樣也處在視覺中心的位置上。而一些不重要的文字都放在了角度去冷落他。

好了，關於布局就說這么多，這里總覺得這里還少些東西，細想可能是視覺平衡方面的問題。這里講得很多了，視覺平衡方面的問題目就再想想過些日子再整理出來。

㈤ 網站如何布局

網站的合理化布局對於網站的優化是十分重要的，如果你的網站布局比較好，布局一目瞭然，那麼搜索引擎在爬行的時候，就很順利，爬行的效率提高了，你的網站自然就能收錄的快一些，自然排名就高一些。
一、網站的導航。
客戶或者搜索引擎制葯進入我們的網站就可以看到網站導航，常見的網站導航有頂部主導航、左側產品導航、底部導航等。這些導航最好設置的醒目一些，比如說在背景、字體上突出一些，這樣有利於引導客戶或搜索引擎往下進行，另外，網站導航中的鏈接文字應該准確、自然的描述所指向頁面的內容，這樣方便搜索引擎通過鏈接文字了解這些欄目的具體內容，不要過分的堆砌關鍵詞。
二、網站的相關性
試想一下，假設一個用戶通過搜索某個關鍵詞找到你的網站，進入瀏覽，並沒有發現自己想要的內容，那麼用戶肯定會很失望並且馬上離開，很少人還會繼續再在網站中尋找。所以要增強網站的相關性就要從以下方面入手。
1.網站title。
網站title是一個頁面的重點，搜索引擎分析一個頁面相關性就是從title出發來識別這個頁面是關於什麼的內容;而用戶瀏覽同樣也是如此，在搜索中展現出來的就是網站的標題。
2.網站產品的合理安排。
在做網站的時候，建站公司一般都會問你是做哪個行業的，為什麼都會這樣問呢？因為他必須要了解你的產品並且給你做好規劃，這個時候不要怕麻煩，要將你們公司的主推產品、輔助產品給他說明，更要做好合理的安排，比如說我要怎麼安排這些產品的位置，是否需要將主推產品放在輪播圖上等問題，只有你安排好了這些產品，當客戶進來的時候，才能一眼知道你是做什麼的，進行深入的了解，一點一點的引導客戶，同樣搜索引擎也是一樣的。

㈥ html5頁面怎麼布局

1）像<span>這樣的行內標記，定義它的margin-top和margin-bottom是無效的，除非你把它設置為塊狀元素才可以。Display:block
2）對於塊狀元素，你可以自由的使用外邊距來定義版式和元素之間的距離。類似 DIV 等等，
3）無論什麼元素，一旦設置為是浮動顯示，就擁有了完整的盒模型結構，我們就可以使用外邊距，內邊距，邊框，高和寬來控制的大小以及與其他對象之間的位置關系。
4）浮動是從網頁布局的角度來定義元素的顯示，而行內和塊狀屬性主要是從元素自身的性質來定其顯示的。
5）當元素沒有定義邊框時，可以把內邊距作為外邊距使用。有時候外邊距會有重疊現象的。
6）當為元素定義背景圖像時，內邊距區域內可以顯示背景圖像，而對外邊距區域來說，背景圖像是達不到的，他永遠都是透明狀態
7）用div+css設計網頁結構時，設計師滿腦子都是網頁內容，而非內容所呈現的效果。
8）塊狀元素：不管塊狀元素寬度是多少，他總會自動占據一行，因為在他末尾附加了一個換行符，而行內元素沒有這個特點。塊狀元素有完整的盒模型結構，可以定義寬度和高度，而行內元素沒有這個特性，無法通過高度來改變文本行的行高。
塊元素的代表標記 div
行內元素的代表標記 span ，行內標記不具備組織結構框架
9）網頁布局分為：自然布局，浮動布局， 定位布局
10）當一個元素被定義為浮動顯示時，即定義為塊狀元素。並且該元素就會收縮自身體積為最小狀態。所以，應該有個好的習慣即把浮動元素設置高和寬。如果沒有設置，則元素會按照它所包含的內容大小來確定它的大小。
11）當元素浮動後，周邊的對象會自動環繞浮動元素周圍，形成一種環繞關系。
12）塊狀元素之間的外邊距會有重疊現象，但是浮動元素之間的外邊距不會發聲重疊現象。
13）浮動元素移動，上移：margin-top:-**; 下移：margin-botom:-*px,其他以此類推。
14）一般定位元素（絕對或是相對元素）都會覆蓋在文檔流對象之上。但是，select元素的窗口控制項還不完全支持z-index
15）在css定位布局中，一般遵循「外部相對定位，內部絕對定位」
16）在body中設置min-width:760px,可以避免布局重疊現象。

㈦ html網頁怎麼實現下面的布局

你要固定布局，還是自適應布局還是伸縮布局

㈧ 網頁設計右邊怎麼布局布局

1、嚴復格意義來說dw並不能用來設計制網頁，設計網頁都是在平面設計工具里完成的，比如在ps裡面設計好網站的效果圖，在ps裡面切圖。

2、dw只是個網站代碼編寫工具，使用dw編寫代碼會比較方面，因為有很多的快捷功能。但是對於高手來說，是用記事本都可以編輯網站的。

3、dw的編輯面板主要有三種視圖，分為 「代碼」「拆分」「設計」，如下圖

在製作網站的時候，能夠用到的主要是「代碼」視圖功能。「設計」和「拆分」視圖很少用到，只有當網站代碼出現問題的的時候用來查找錯誤，對於有一年多代碼編寫經驗的人來說，就已經用不到了。

4、在dw中編寫製作網站的代碼主要是div+css，也是就是html。網站布局也是通過html代碼來實現的，比如maigin 與padding position 都是來控制div的布局和位置的。

所以，在dw裡面設計網頁布局網站並不是dw的功能，還是通過代碼實現的。

㈨ 網頁要怎麼布局才好看

你好、、呵呵、、我也是個程序員我也不回布局、、可是我回程序啊、人沒有十全十美的、再說做網站不是一個能力可以完成的你可以看下資料學習下，並結合 http://bestmoban.com/ 、 http://www.cm80.com/index.asp 、 http://www.auction.co.kr/ 、