在重慶網(wǎng)站建設(shè)的布局上不管設(shè)計師多關(guān)注廣告，它在某種程度上影響著設(shè)計。最理想的是，在設(shè)計中設(shè)計師已經(jīng)把具體的廣告位考慮在內(nèi)，從而得出網(wǎng)站的布局;在這種情況下廣告能在網(wǎng)站上其效果的同時又不會擾亂內(nèi)容或信息流的順暢，并給廣告一個明確的重要的位置。在另一方面，如果廣告沒有被充分考慮在內(nèi)，它們看起來將非常不協(xié)調(diào)，會擾亂網(wǎng)站的其他部分。

一、布局和間距

廣告很可能占據(jù)網(wǎng)站布局的一大塊空間，不管是一個大廣告條，還是數(shù)個綁在一起的小尺寸，布局都會受到影響。一些網(wǎng)站會在整站分散不同的廣告，一些會限制它們出現(xiàn)在具體范圍內(nèi)，并讓其他位置為免費廣告。

廣告的策略取決于多方面因素，但是在特定行業(yè)和領(lǐng)域的網(wǎng)站傾向于采取類似的方法。例如，新聞網(wǎng)站通常在整個網(wǎng)站布局中都散布著廣告，它們可能不會在某個特殊領(lǐng)域存在，卻總是會有少量存在于許多位置。

CNN.com 在整站都包含了一些廣告。

和新聞網(wǎng)站想必，許多博客會讓橫幅廣告固定在一些指定的區(qū)域，通常是在邊欄，其它位置則不會有廣告出現(xiàn)。這一做法使得設(shè)計師需要為廣告謀一個比較大的區(qū)域，而其它區(qū)域則基本不考慮廣告位。

Blogging Tips 在右邊欄有6個125*125px大小的橫幅，而其它的廣告僅存于個別文章的評論之前。

無論是博客還是新聞網(wǎng)站，由于廣告常常被放在邊欄，所以在設(shè)計布局時主要要考慮容納廣告的邊欄所需的寬度。例如，許多新聞網(wǎng)站在邊欄有300*250的橫幅，所以邊欄必須足夠?qū)捯匀菁{該尺寸。如果這個沒有考慮在內(nèi)，那么盈利機會和潛在收入將受到不利影響，或者布局不得不更改。

當(dāng)然，邊欄不是唯一的常見廣告位，很多網(wǎng)站出售它們的頁頭位置，因為這里常常能帶來最高的廣告價格。在這種情況下，廣告在設(shè)計中一定要作為重要元素，否則這里可能就不會留出位置。特別是對于頁頭有標(biāo)志、品牌區(qū)以及主導(dǎo)航的網(wǎng)站，為了在頁頭包含廣告位，所有這些元素必須被合適的布局，或者主導(dǎo)航可能被移到別處。

CSS Tricks是在頁頭有橫幅的博客網(wǎng)站之一，在這種情況下，468*60px的橫幅很恰當(dāng)?shù)谋辉O(shè)計在頁頭中。

二、顏色

重慶網(wǎng)站設(shè)計師無法控制在網(wǎng)站上出現(xiàn)的橫幅的顏色或設(shè)計，將來也肯定不能，但是他們能制定配色方案時考慮一些可能性。橫幅廣告為了吸引訪客的注意，往往比較豐富多彩、明亮，如果網(wǎng)站設(shè)計的充滿許多不同色彩和陰影，和同樣色彩豐富的廣告搭配在一起就會顯得很尷尬、很擁擠，特別是當(dāng)這些顏色還很不協(xié)調(diào)的時候。

一些展示很多廣告的網(wǎng)站會需要一個柔和的配色方案，以避免用戶承載太多顏色。在某些情況下，網(wǎng)站需要廣告脫穎而出，以吸引更多用戶注意網(wǎng)站本身，只是顏色將是非常有效的方法。

三、流動

任何類型的網(wǎng)站設(shè)計師面臨的挑戰(zhàn)是展示內(nèi)容以讓用戶關(guān)注重要信息，眼睛在屏幕上獨特的移動方式和網(wǎng)站的內(nèi)容流動，會受到廣告的影響，網(wǎng)站所有者尋求廣告收入最大化時，常常會把廣告位放在眼睛關(guān)注的位置，原因是這些位置往往產(chǎn)生最佳結(jié)果和最多廣告收入。

那些想要廣告收入，但是希望對訪客的影響最小化，就會讓廣告遠離主要的內(nèi)容，這種做法的例子有博客將廣告位置放在發(fā)布內(nèi)容之中或者在邊欄。直接在發(fā)布文章的上面或下面放廣告，往往比放在邊欄更容易引起注意并引起點擊，所以它們一般都以更高的價格出售。網(wǎng)站所有者需要在這方面做決定，設(shè)計師也需要了解這些決定并在設(shè)計中合理安排廣告位置。

紐約時報在它的頁頭和主題內(nèi)容區(qū)域都沒有廣告，但在右側(cè)留了大塊面積給廣告：