歐美網頁設計背景_html網頁製作如何設置網頁背景色

1、網頁設計換背景

<html>
<head>
<title>按鈕切換背景</title>
<style type="text/css">
.grigg{
position:relative;
font-family:Verdana;
font-size:16px;color:#ffffff;
}
</style>
<script language="JavaScript">
y=" ";
function colourWrite(){
y=document.bgColor;
if (document.layers)
{x=document.FM.box.value}
if (document.all)
{x=document.all.kurt.innerHTML}
r=x+=y.toUpperCase();
Wrte=r+" ";
if (document.layers)
{
document.FM.box.value=Wrte;
document.layers.kurt.document.open();
document.layers.kurt.document.write("<div style='position:absolute;top:0px;left:0px;font-family:Verdana;font-size:16px;color:#ffffff;'>"+Wrte+"</div>");
document.layers.kurt.document.close();
}
if (document.all)
document.all.kurt.innerHTML= Wrte;
}
</script>
<script language="JavaScript">
var amount=0;
function counter(){
var colourElements="0123456789ABCDEF";
var Split=colourElements.split('');
for (i=0; i < Split.length; i++)
var a=Math.round(Math.random()*[i]);
var b=Math.round(Math.random()*[i]);
var c=Math.round(Math.random()*[i]);
var d=Math.round(Math.random()*[i]);
var e=Math.round(Math.random()*[i]);
var f=Math.round(Math.random()*[i]);
var G=Split[a];
var H=Split[b];
var I=Split[c];
var J=Split[d];
var K=Split[e];
var L=Split[f];
//stop error!
if ((G == null)||(H == null)||(I == null)||(J == null)||(K == null)||(L == null))
counter();
else
{
var RandomColour=G+H+I+J+K+L;
document.bgColor=RandomColour;
amount++;
TMR=setTimeout('counter()',1500)
}
}
//-->
</script>
</head>
<body>
<FORM NAME=FM>
<INPUT TYPE=BUTTON value="開始變色" onClick="counter()">
<INPUT TYPE=BUTTON value="暫停變色" onClick="window.clearTimeout(TMR)">
<INPUT TYPE=BUTTON value=" 獲取顏色值 " onClick="colourWrite()">
<INPUT TYPE=hidden name=box>
</FORM>
<div id=kurt class=grigg></div>
</body>
</html>

希望能幫到您，如有追問，繼續解答~

2、網頁設計如何設置網頁整體背景(要在背景上編輯網頁的)急急急！

很簡單，直接定義body的css樣式，代碼如下：

body{
background:url(images/001.jpg) no-repeat top center;
}

/*images/001.jpg 此為圖片的相對路徑*/

3、html網頁製作，如何設置網頁背景色？

首先打開電腦上自帶的記事本程序，然後輸入html網頁基本結構語句。<html><body></body></html>

由於css樣式必須在標簽<head></head>之間，因此我們點擊<html>後面，輸入<head></head>標簽。

在head標簽之間輸入樣式標簽<style></style>,然後定義一些屬性，例如

body {background-color: yellow} 定義網頁背景色為黃色；

h1 {background-color: #00ff00} 定義h1標簽背景色為#00ff00；

h2 {background-color: transparent} 定義h2標簽背景色為透明；

p {background-color: rgb(250,0,255)} 定義p標簽背景色為rgb值；

p.no2 {background-color: gray; padding: 20px;} 這個定義class屬性為no2的p標簽背景色為灰色，並且邊距為20px；

</style>

然後點擊body標簽後面輸入正文標簽內容，例如

<h1>這是KING</h1>

<h2>這是KING</h2>

<p>這是KING</p>

<p class="no2">這個KING設置20內邊距。</p>

點擊記事本菜單中的文件，選擇另存為，把內容保存為html網頁格式。雙擊打開預覽效果。

我們可以發現代碼中兩個同樣的<p>標簽顯示的css樣式卻不同，區別就在於樣式中定義的p.no2,這就是正文代碼中class="no2"的優勢所在，可以定義個性風格。

4、急求！！西歐，日韓，中國，各自的網頁美工設計特點

中國與歐美用戶在色彩感受、頁面布局、瀏覽習慣上同國人都有很大的區別。
歐美用戶不習慣艷麗、花哨的色彩和網頁設計風格，他們比較鍾情於簡潔、平淡而嚴謹的風格，即使許多大型網站也是這種風格。

歐美網站在首頁頁面上通常不會放置太多內容，也很少

歐美用戶在色彩感受、頁面布局、瀏覽習慣上同國人都有很大的區別。

歐美用戶不習慣艷麗、花哨的色彩和網頁設計風格，他們比較鍾情於簡潔、平淡而嚴謹的風格，即使許多大型網站也是這種風格。

歐美網站在首頁頁面上通常不會放置太多內容，也很少放置廣告，他們傾向於將首頁做成各類功能、板塊的引導界面，即使有內容表現，也是比較簡潔的，不超過2屏，完全不像國內網站喜歡堆積大量廣告和內容。

國外傳統網站比較講究網站的實用性和便利性，他們會花很多時間去製作很多周到實用的細節，功能雖然大多平實但很有效。

國外網站對安全性的要求非常高，許多服務和功能都需要進行安全連接，而國內只有交易、銀行等網站才會注意到.網站建設專家企創動力竭誠為您服務！

國外用戶很看重個人隱私，因此國外網站對個人信息和隱私也非常注意保護，除了隱私條款外，在細節上也需要加強隱私保護的說明和功能。

國外商業用戶對網站的信譽度很看重，如果你沒有詳細描述關於網站的介紹、提供足夠充足的範例和建立嚴謹而值得信賴的流程，那麼你就很容易丟失用戶。

國內外網站之間的差異估計同各自的文化教育、甚至語言文字等因素相關。通常我們所說的國外網站是指歐美網站，而以上所描述的也主要是針對歐美用戶而言，其他國家例如韓國又會是另外一種國內網頁設計師經常借鑒的風格，但這種風格絕對不適宜建立英文網站。網站建設專家企創動力竭誠為您服務！

再補充一點，就是中國人做的英文網站需要注意英文使用習慣，許多你覺得翻譯非常到位的語句其實在國外看來是非常好笑也很難理解的，就像阿里巴巴這樣的知名網站也有不少英文是令老外比較難接受的，所以如果你做英文網站，完成之後最好讓國外朋友幫你看看，否則別人會對你的網站印象會大打折扣。

放置廣告，他們傾向於將首頁做成各類功能、板塊的引導界面，即使有內容表現，也是比較簡潔的，不超過2屏，完全不像國內網站喜歡堆積大量廣告和內容。

國外傳統網站比較講究網站的實用性和便利性，他們會花很多時間去製作很多周到實用的細節，功能雖然大多平實但很有效。

國外網站對安全性的要求非常高，許多服務和功能都需要進行安全連接，而國內只有交易、銀行等網站才會注意到。網站建設專家企創動力竭誠為您服務！

國外用戶很看重個人隱私，因此國外網站對個人信息和隱私也非常注意保護，除了隱私條款外，在細節上也需要加強隱私保護的說明和功能。

國外商業用戶對網站的信譽度很看重，如果你沒有詳細描述關於網站的介紹、提供足夠充足的範例和建立嚴謹而值得信賴的流程，那麼你就很容易丟失用戶。

國內外網站之間的差異估計同各自的文化教育、甚至語言文字等因素相關。通常我們所說的國外網站是指歐美網站，而以上所描述的也主要是針對歐美用戶而言，其他國家例如韓國又會是另外一種國內網頁設計師經常借鑒的風格，但這種風格絕對不適宜建立英文網站。上海網站建設專家企創動力竭誠為您服務！

再補充一點，就是中國人做的英文網站需要注意英文使用習慣，許多你覺得翻譯非常到位的語句其實在國外看來是非常好笑也很難理解的，就像阿里巴巴這樣的知名網站也有不少英文是令老外比較難接受的，所以如果你做英文網站，完成之後最好讓國外朋友幫你看看，否則別人會對你的網站印象會大打折扣。

韓國網站的設計大都色彩鮮亮，大面積使用圖片，且Flash動畫居多，所以導致打開網站速度非常的慢。這種風格，目前來講還不太適合中國的國情，中國網速慢——大唐視覺：網站建設公司，給你專業的體貼的提醒。

一、頁面結構
韓國網站的頁面結構相對來說比較簡單，可以說幾乎是統一的風格，頂部的左邊是網站的logo，右邊就是它的導航欄，和國內網站不一樣的地方它甚少採用下拉菜單的樣式，而是把各級欄目的下級內容放在導航欄的下面。然後下面是個大大的Flash條，再往下就是各個小欄目的主要內容：

二、色彩運用
韓國設計師很多都是科班出生，對色彩的運用非常得當，在我們看來有些非常難看的顏色到了他們的手裡很輕易的就搭配出一種很另類或和諧的美感，給人的感覺要麼淡雅迷人，要麼另類大膽，讓人覺得欣賞他們的網站是一個非常愉悅的過程。在我看來，韓國的設計師真是深得Windows xp的設計精髓，漸變色以及透明水晶效果用得非常恰當，而不像很多網站動不動就濫用仿蘋果按鈕，和整體風格不協調，看起來顯得很突兀。韓國網站的各個欄目一般都比較喜歡採用不同的色調來表達不同欄目的主題，灰色是他們最愛用的顏色，因為灰色比較中庸，能和任何色彩搭配，大大的改變色彩的韻味，使對比更強烈，正文文字也大都採用灰色。而局部則喜歡用色彩絢麗的色條或色塊來區分不同的欄目。
下面這兩個網站運用漸變色很出色，圖3一看顏色就知道是個女性的時尚站點，它把幾個欄目做成晶瑩剔透的泡泡球放在頂部的大Flash條里，非常醒目。整個站點顯得異常優雅迷人。

三、Flash動畫及圖片的運用
韓國的寬頻普及率很高，所以設計師設計起頁面來完全毫無顧忌，大量的圖片、flash得到很好的運用，網站里的圖片動不動就是40、50K的大圖，網頁圖片多的頁面大小通常都是幾百K，這在我們國內是根本不敢想像的。韓國的flash banner大都以橫幅廣告條出現在頁面的導航欄下面，採用的都是精美的圖片或者是手繪風格的矢量插圖。國內很多網站也採用大幅的flash廣告條，但是通常都是著眼於如何去表現flash動畫的酷、炫的感覺，使得瀏覽者過於關注flash而忽視了頁面的其他內容。而韓國的flash則更好的服務於網站的主題，和整個頁面搭配起來看得很舒服而不搶眼，他們的關鍵就在於整個flash不是全部變化，而只是局部在動，以及文字和背景的巧妙配合。韓國網頁設計師的手繪能力很強，頁面中大量採用手繪的矢量圖片，使得整個網站顯得精緻而與眾不同。
圖5是個很養眼的網站，顏色採用類似色調搭配，看起來很舒服。最欣賞的就是flash的右邊的樹葉，有幾片葉子在輕輕飄動，左邊的圖片淡淡地消失、出現，文字緩緩出現，真的是非常有意境，整個網站看起來生機盎然。
最近在雜志界開始吹起了復古風，六、七十年代的手繪插圖又開始流行，雜志書籍中大量使用矢量時尚插圖取代以前的照片，這股流行勢力很快也蔓延到了網路上，韓國網站緊隨其後，在時尚站點和兒童站點中大量運用手繪的插圖，如圖6 、圖7所示。

四、文字排版
網站的內容排版因為要考慮到可讀性，很多欄目的文字編排都比較簡單，利於閱讀，而在一些內容較少的頁面如網站的廣告或宣傳頁上排版則富於變化，更類似於雜志內頁的排版，我懷疑很多韓國網頁設計師都是從平面設計師轉行過來的。

五、頁面的立體感及細節處理
韓國網站還有個令人稱道的地方就是它的網站看起來很有層次感，而這個層次感不是靠作幾個立體字來體現的，其實靠的也不過是添加簡單的圖片或文字陰影效果和巧妙的利用構圖來形成視覺上的差異，但就是這種設計上的不拘泥於形式使網站的立體效果呼之欲出。我最佩服的是韓國設計師做事的認真態度，他們的每一個按鈕、圖片的處理都及其講究，其實一些細微的部分不仔細看還不一定容易發現，但是如果少了這些細節的地方，整個網站的整體形象就要大打折扣了。

先說這個「長」，中國網站的頁面真是長啊，以至於我坐在電腦前瀏覽的時候經常會想，這個頁面的最低端會不會已經搭拉到我的腳面上了。我們的萬里長城是第幾大奇跡來著？反正中國的網站應該緊排在她後面。
我們的大型門戶網站恐怕應該是長頁面的領軍者吧。現在能生存下來的大型門戶各個實力不凡，又紛紛上市，其他網站能與他們頁面相似應該也能說明實力相似吧，這幾家大型門戶已經給用戶形成了「長則是好」的印象，於是眾多網站都紛紛「長」起來了。無論是綜合性網站還是專業性網站，只要有內容，就能做多長就做多長，沒有內容，抄襲別人內容也要做長，以至於不少實力有限的網站只是首頁很長，到了欄目頁面（二級頁面）就簡陋的可憐了。

長的基礎就是要內容要多，這些眾多的長網站在組織內容的思路上基本是一致的，就是把二級頁面的內容摘要的放在首頁上。首頁分成若干個相應的通欄的大塊兒（這樣可以逐個部分的下載頁面，易於顯示），再在每兩塊之間加一條廣告，最後再在頁面的最上面加一個更綜合的區域，所謂的重中之重，這樣以來頁面想短都短不了。

按照Jakob Nielsen的說法：網站首頁的長度不應該超過4屏。當然這個准則也未必就那麼准確，但是至少應該承認頁面不是越長越好的。

第二，說說「閃」。就是網頁上能動的東西―――動畫。主要是Gif動畫，flash動畫，腳本語言實現的圖片交替效果，還有就是彈出窗口。動畫對網頁表現本應該是個很好的補充，但是現在的實際效果是對網頁的干擾，因為動畫從一開始就扮演著廣告的角色。雖然將各種形式的動畫應用於網站在國外的網站上也常見，但是中國網站上的動畫實在是太多了。恐怕也是因為中國網站頁面長吧，能放動畫的空間自然也就大了。整個頁面到處都在不停的閃。科學家已經證實，在月球上是看不到萬里長城的，但是我想，應該是可以看到中國網頁的，它們不僅長，而且還在不停的閃爍。

這些動畫通常是廣告，網站要生存，要有經濟效益，這是可以理解的，但卻不可接受，尤其是太多的時候。最不可接受的是一些網站會把自己的欄目名稱，網站logo之類的很重要的內容也做成動畫，以為這樣可以更醒目，要知道，絕大多數用戶是經驗豐富的，他們看到動畫閃來閃去就會認為那是廣告的，盡管你不是，那也活該，誰讓你亂閃來著。

雖然彈出窗口裡的內容不一定是動畫，但是它「噌」的一下彈出來，著實是夠「動」的，就動畫的效果而言，絕對是最具視覺沖擊力的。還好，現在有越來越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。

腳本語言實現的圖片交替效果目前主要是用在網站頭條的圖片報道上，雖然是動，分散用戶的注意力，好在這種方式還是為了給用戶提供盡可能多的信息，應該值得肯定，也應該是動畫應用於網路的發展方向，只是不知道什麼時候，哪位設計師靈感突現，把廣告也偽裝成這種樣子，應該能在一片罵聲中為公司贏得不少經濟效益。

Gif動畫是種傳統的動畫形式了，不過在flash動畫面前，它的生存空間越來越小了，與flash動畫相比恐怕Gif動畫唯一的優勢就是在用戶將網頁「另存為…」後，Gif動畫還能顯示，而flash就不行了。雖然Gif已是人老珠黃了，但是還是要批判，因為它通常是廣告。

Flash動畫無疑是網頁動畫的主力了，文件小，效果好，一個白方塊在黑背景上隔幀出現，連續幾次，只要尺寸稍大就足以造成用戶暫時性失明。實際上，flash基於其強大的交互性應當能為提高用戶界面的性能提供巨大幫助，但是如前面所說，它更被廣告商所看好。更不幸的是越來越多「閃客」在為這項事業服務，原本代表特例獨行、自由創造精神的人走向了相反的方向。這有點兒象政府將反政府武裝招安後讓他們穿著原來的軍裝去給政府機關當保安。

第三是「擠」。我們的網站看上去滿滿當當的，比公共汽車還擠。每天早上都是擠公共汽車，然後擠地鐵，擠電梯，擠著打卡，好容易坐下了，打開電腦就不要再那麼擠了，大家站開點兒吧，網頁上有的是地兒。

與英文相比，中文本身就顯得比較復雜，對於有鏈接的文字中國網站又往往更傾向於傳統的隨時保持下劃線的方式，再加上小的幾乎不存在的行間距（顯然，這里誇張了，至少還要有劃下劃線的地兒），使得頁面看上去分外豐滿，如同我小時候習慣了在田字格本上寫字後，初次改用行距很小的單線格本寫字所展現出的風采。

即便是體檢用的視力表也沒有把行距安排的如此之小，那可是專門給我們眼睛找麻煩的工具啊，我們的網站無一不是把用戶放在第一位的（至少自稱是這樣的），為什麼不能把行距拉大些呢？

經常可以看到某網站為了突出重點內容而使用14pt的字型大小，然而卻不加大該內容與其他內容的距離，這樣只能使頁面看上去更擁擠。這種做法倒是與老闆（個別的，個別的，如果您是老闆，那這里所說的一定不包括您）的做法頗為相似：只增加工作，不加薪。也許是設計師在用這種擁擠的樣式向老闆示威吧。

第四是「花」，中國網站的色彩之絢爛，幾乎無以復加。前面分析了首頁的構成方式―――將各個欄目摘要排放在首頁上，通常每一個欄目會有一種主色調，這樣一來，首頁上的色彩自然就很豐富了。

當然，分欄目確定主色調的設計方式本身並沒有錯誤，也不足以搞「花」頁面，然而實際情況卻更復雜，以文字為例，未點擊的鏈接文字有黑色和藍色，重點的文字會用紅色（重點通常還很多），點擊後的文字鏈接是紫色，無鏈接且不重要的文字是灰色，此外為了突出某一個重點內容會添加一個醒目的背景色或文字顏色。網頁設計師為了表明自己工作用心，會給每一個子欄目的標題部分設計一個很具有特色的背景，這些文字再與數不勝數的圖片、動畫交相輝映，使得用戶可以在一個頁面上將電腦可以顯示的全部色彩盡收眼底。網頁設計師實際上根本不需要絞盡腦汁為頁面設定主色調了，所有的頁面色調都已經設定好了―――彩色。

為什麼中國網站會設計成這個樣子呢？

造成「長，閃，擠，花」問題的實質是一個「多」字。中國網站首頁上內容多，重點多，欄目多，圖片多，廣告多，該多的多，不該多的也多，要多多，有多多。

「多」是中國網站的特點，更是中國社會的現實狀況。無論是超級市場里還是購物中心裡，到處是商品，到處是人潮，即使是象書店，美術館這樣的場所也是相似的場面，人們相信人多的商場里的商品會更好，人多的書店裡的書會更全，人多的美術展會更有水平，賣家只能盡可能的展現自己的產品，從而證明自己的實力，而其他更高級的要求，諸如：環境，風格，品味，服務……都要為展示產品讓路了。

在目前的中國，無論是物質產品還是精神產品，廣大受眾的需求都遠遠沒有得到滿足，所以大家都希望能看到更多產品，這樣就形成了「多則好」消費心理（瀏覽網站的消費形式顯得更間接），網頁設計師在應聘時經常會被問到：你是否能勝任「大型」網站的設計，即「能不能把頁面做的很長。」

中國網頁內容多，給人忙亂的感受，正象我們自己經常會向別人抱怨自己忙的要死，以此來表示我們自己的價值。

引用Donald Norman 在《emotional design》一書中的理論，設計可以分為三種層次：本能水平的設計、行為水平的設計、反思水平的設計。本能水平的設計是滿足人類本能審美需求的設計，也就是漂亮、美觀的設計；行為水平的設計是注重效用的設計，注重功能、易用性、可用性；反思水平的設計注重信息、文化的作用，一件產品被設計的很獨特、出眾、引人矚目，用戶會因為始終這個產品而產生樂趣，產生滿足感。

根據這個理論，中國網站的設計普遍達沒能實現本能水平的設計，雖然網站的boss、設計師本人都希望把網站設計的很漂亮，吸引用戶的眼球。行為水平的設計逐漸被重視了，不過目前基本上還是停留在不高的水平上。上面說到的中國網站的種種問題實際上正式在反思水平上的設計，一種變相的反思水平設計。

「多」這種看似缺陷的現象，實際上正式給用戶一個好的反思―――「這個網站的內容豐富，在這里我能得到想要的東西。」盡管很多用戶並不會真的關注首頁上的內容。

正是這種反思吸引著用戶，保證著網站的訪問量。

造成上述網站首頁設計問題的罪魁並不是設計師沒水平或者用戶沒品味，而是產品不夠，這表面上的「多」其實是由於「少」造成的。用戶對網路內容的需求引導著網站的設計，策劃人員有意無意的在迎合著這樣的需求。

要改變中國網頁設計單靠高水平的設計師是不夠的，中國網頁設計水平的提高是伴隨著社會發展在進步的。

5、一般做網頁設計背景尺寸定多大？

網頁的背景多大要看對網頁的要求的，
網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

6、求網頁設計的研究背景

一般的很難生存。
創造性
技術性
都很重要
技術好的生活的還不錯。。比如。。。我。。呵呵

7、一般網頁設計背景尺寸是多少？

導航:首頁 > 萬維百科 > 歐美網頁設計背景

歐美網頁設計背景

與歐美網頁設計背景相關的知識