首頁代碼index.html1234567//script代碼，參數(shù)分別是，本頁地址，本頁名稱，跳轉(zhuǎn)頁地址function redirect(u, n, g){    location.href = g + '?url=' + u + '&pn=' + encodeURI(n);} //html代碼，這里向下一個(gè)頁面?zhèn)鞯氖潜卷摰捻撁婷Q和地址<a href="#" onClick="redirect('index.html', '首頁', 'product.html');">產(chǎn)品</a>　　產(chǎn)品頁代碼product.html1234567891011121314151617181920212223//script代碼function GetRequest() {   var url = location.search; //獲取url中"?"符后的字串   var theRequest = new Object();   if (url.indexOf("?") != -1) {      var str = url.substr(1);      strs = str.split("&");      for(var i = 0; i < strs.length; i ++) {         theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);      }   }   return theRequest;} var param = GetRequest(); window.onload = function(){    //一般來說，當(dāng)前所在頁面不需要加鏈接    document.getElementById('d').innerHTML = '<a href="'+ param.url +'">'+ decodeURI(param.pn) +'</a> -> 產(chǎn)品頁';} //html代碼，導(dǎo)航所在容器<div id="d"></div>其他頁面大致相同

Photoshop制作網(wǎng)頁效果圖的幾個(gè)注意點(diǎn)：第一點(diǎn)：新建文件尺寸大?。? 制作網(wǎng)頁效果圖，首先就是要新建文件，那么要建多大的合適呢？這可不是隨便亂定的，一般我們是要根據(jù)目前絕大部分顯示器的最佳分辨率來定。在比較早些時(shí)候，17英寸為主流顯示器，最佳分辨率為1024*768，所以考慮到網(wǎng)頁在顯示器上能有最好的顯示效果，一般都定在1003px以下（這個(gè)數(shù)據(jù)是由顯示器最寬1024px減去瀏覽器右側(cè)滾動(dòng)條寬21px和到1003px）。如果你的網(wǎng)頁超過這個(gè)尺寸，那當(dāng)網(wǎng)頁即使最大化顯示的時(shí)候，內(nèi)容也不能完全呈現(xiàn)，底部就會顯示水平滾動(dòng)條，這樣會影響用戶體驗(yàn)！ 目前來說19英寸分辨率達(dá)到1280以上的寬屏顯示器已經(jīng)成為主流，因此現(xiàn)在很多網(wǎng)頁都開始做得更寬，比如可以做成1200px寬的，但為了能讓1024分辨率下都能有好顯示，建議還是定為1003px以下，比如960，980都是合適的。如果不確定應(yīng)該設(shè)置多少合適，可以打開參考網(wǎng)站，看看他們是設(shè)置多少。 如何查看別人的網(wǎng)頁尺寸呢？很簡單，使用截圖工具把網(wǎng)頁截下完整的寬度后使用Photoshop用選區(qū)工具框選寬度就能在信息面板里顯示出來了！ 第二點(diǎn)：字體與字號； 字體方面，在瀏覽器里顯示的字體是調(diào)用操作系統(tǒng)里的，因?yàn)榻^大部分操作系統(tǒng)都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體，所以在網(wǎng)頁效果制作時(shí)，盡量使用這些字體，如果不使用這些字體，那到在把網(wǎng)頁效果圖做成網(wǎng)頁的時(shí)候就沒法做出這種字體效果了；如果非要使用其他字體，那么在做成網(wǎng)頁的時(shí)候只能以圖片的形式來顯示出來，不過考慮到圖片文件都偏大，會讓網(wǎng)頁打開速度降低，所以盡量不要以這種形式顯示。 第三點(diǎn)：關(guān)于顏色； 不同的操作系統(tǒng)會有不一樣的調(diào)色標(biāo)準(zhǔn)，因在Web上就有定義了一個(gè)安全色表，以期能讓符合這個(gè)色表定義的顏色，在不同顯示設(shè)備上都能有同樣的顯示效果。不過對于不是對色彩十分嚴(yán)謹(jǐn)?shù)木W(wǎng)頁效果來說，不需要這么嚴(yán)格執(zhí)行，所以關(guān)于顏色，我們直接使用Photoshop里默認(rèn)的顏色就可以了，當(dāng)然，如果你所設(shè)計(jì)的網(wǎng)頁對于色彩十分看中，那請認(rèn)真按照Web安全色標(biāo)準(zhǔn)設(shè)計(jì)。 第四點(diǎn)：網(wǎng)頁效果圖里填充的內(nèi)容； 在制作網(wǎng)頁效果的時(shí)候，很多地方要填充文字內(nèi)容，這個(gè)時(shí)候有些初學(xué)者為了方便操作，直接把同樣的內(nèi)容復(fù)制使用，最后整個(gè)網(wǎng)頁上看起來就會顯得怪怪的。這里大家在填充內(nèi)容的時(shí)候，最好是使用不一樣的信息，或者干脆直接從其他網(wǎng)頁上截取內(nèi)容填充。第五點(diǎn)：要注重細(xì)節(jié)處理； 因?yàn)槟阒谱鞒鰜淼男Ч麍D，最終是做為網(wǎng)頁的制作依據(jù)，因此在效果圖上，每個(gè)模塊的間距都要精確到像素、文字?jǐn)[放的位置等也要準(zhǔn)確到位。 第六點(diǎn)：保存的圖片格式； 效果圖制作好后，建議保存成png格式。不要存jpg格式，因?yàn)檫@個(gè)格式對圖片壓縮比較大，會丟失細(xì)節(jié)。

wap頁面設(shè)計(jì)一般都是寬度自適應(yīng)的，最窄以兼容320px為標(biāo)準(zhǔn)，最寬1280px為標(biāo)準(zhǔn)，一般的智能手機(jī)寬度都是320，480，640這些，其中iPhone就不用說了吧，必須是480px，其他三星啊，htc啊什么的，各類分辨率都有，基本不會比480低，但是之前剛開始的一些智能手機(jī)大部分都是320，所有要兼容320哦~~~

首先，我們要弄清楚網(wǎng)頁設(shè)計(jì)的任務(wù)。 一、設(shè)計(jì)的任務(wù) 設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。 網(wǎng)頁設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將站點(diǎn)分為以下三類。 第一類是資訊類站點(diǎn)，像新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結(jié)構(gòu)的合理、頁面的優(yōu)化、界面的親和等問題。 第二類是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國內(nèi)的高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。然而就現(xiàn)狀上來看，這類網(wǎng)站有粗制濫造的嫌疑。 第三類則是形象類網(wǎng)站，比如一些中小型的公司或單位。這類網(wǎng)站一般較小，有的則有幾頁，需要實(shí)現(xiàn)的功能也較為簡單，網(wǎng)頁設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對設(shè)計(jì)者的美工水平要求較高。 當(dāng)然，這只是從整體上來看，具體情況還要具體分析。不同的站點(diǎn)還要區(qū)別對待。別忘了最重要的一點(diǎn)，那就是客戶的要求，它也屬于設(shè)計(jì)的任務(wù)。 明確了設(shè)計(jì)的任務(wù)之后，接下來要想的就是如何完成這個(gè)任務(wù)了。 二、設(shè)計(jì)的實(shí)現(xiàn) 設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分。第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網(wǎng)頁的制作，這一過程是在計(jì)算機(jī)上完成的。 設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。我們可以將網(wǎng)頁看作傳統(tǒng)的報(bào)刊雜志來編輯，這里面有文字、圖像乃至動(dòng)畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一臺配置不錯(cuò)的計(jì)算機(jī)外，軟件也是必需的。不能簡單地說一個(gè)軟件的好壞，只要是設(shè)計(jì)者使用起來覺得方便而且能得心應(yīng)手的，就可以稱為好軟件。當(dāng)然，它應(yīng)該能滿足設(shè)計(jì)者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯(cuò)的軟件。 接下來我們要做的就是通過軟件的使用，將設(shè)計(jì)的藍(lán)圖變?yōu)楝F(xiàn)實(shí)，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在制作過程中產(chǎn)生的。設(shè)計(jì)作品一定要有創(chuàng)意，這是最基本的要求，沒有創(chuàng)意的設(shè)計(jì)是失敗的。在制作的過程中，我們會碰到許多問題，其中最敏感的莫過于頁面的顏色了。 三、色彩的運(yùn)用 色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺，表示和平與圣潔。 我們知道，顏色是光的折射產(chǎn)生的，紅、黃、藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。換一種思路，我們可以用顏色的變化來表現(xiàn)光影效果，這無疑將使我們的作品更貼近現(xiàn)實(shí)。 色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當(dāng)中的一個(gè)復(fù)雜問題，它因人的年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(fēng)俗習(xí)慣、宗教信仰、生活環(huán)境、性別差異而有所不同。 單純的顏色并沒有實(shí)際的意義，和不同的顏色搭配，它所表現(xiàn)出來的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設(shè)計(jì)的任務(wù)不同，配色方案也隨之不同。考慮到網(wǎng)頁的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁安全色。 但顏色的使用并沒有一定的法則，如果一定要用某個(gè)法則去套，效果只會適得其反。經(jīng)驗(yàn)上我們可先確定一種能表現(xiàn)主題的主體色，然后根據(jù)具體的需要，應(yīng)用顏色的近似和對比來完成整個(gè)頁面的配色方案。整個(gè)頁面在視覺上應(yīng)是一個(gè)整體，以達(dá)到和諧、悅目的視覺效果。 四、造型的組合 在網(wǎng)頁設(shè)計(jì)中，我們主要通過視覺傳達(dá)來表現(xiàn)主題。在視覺傳達(dá)中，造型是很重要的一個(gè)元素。拋去是圖還是文字的問題，畫面上的所有元素可以統(tǒng)一作為畫面的基本構(gòu)成要素點(diǎn)、線、面來進(jìn)行處理。在一幅成功的作品里，是需要點(diǎn)、線、面的共同組合與搭配來構(gòu)造整個(gè)頁面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續(xù)、間隔、重疊、反復(fù)、交*、節(jié)奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況，選擇最適合的表現(xiàn)手法，這樣有利于主題的表現(xiàn)。 通過點(diǎn)、線、面的組合，可以突出頁面上的重要元素，突出設(shè)計(jì)的主題，增強(qiáng)美感，讓觀者在感受美的過程中領(lǐng)會設(shè)計(jì)的主題，從而實(shí)現(xiàn)設(shè)計(jì)的任務(wù)。 造型的巧妙運(yùn)用不僅能帶來極大的美感，而且能較好地突出企業(yè)形象，而且能將網(wǎng)頁上的各種元素有機(jī)的組織起來，它甚至還可以引導(dǎo)觀者的視線。 五、設(shè)計(jì)的原則 設(shè)計(jì)是有原則的，無論使用何種手法對畫面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則：統(tǒng)一、連貫、分割、對比及和諧。 統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。 連貫，是指要注意頁面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺上和心理上的連貫，使整個(gè)頁面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。 分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來講，分割也可以被視為對于頁面內(nèi)容的一種分類歸納。 對比就是通過矛盾和沖突，使設(shè)計(jì)更加富有生氣。對比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對比的時(shí)候應(yīng)慎重，對比過強(qiáng)容易破壞美感，影響統(tǒng)一。 和諧是指整個(gè)頁面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒有“生命感”，而且也根本無法實(shí)現(xiàn)視覺設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。

一般情況下首頁設(shè)計(jì)要分類清楚，簡單明了，讓用戶更容易找到自己想要的或者讓用戶更容易看到你想呈現(xiàn)的主體部分。頭部：LOGO+導(dǎo)航欄（菜單欄）+登錄注冊（如果有這部分功能的話）+搜索欄（如果有的話）主體：這是你主要想呈現(xiàn)的主體部分。一般分為產(chǎn)品封面及簡介--->各類資訊（行業(yè)，公司等文本類信息）--->主體特色（指你網(wǎng)站主體的優(yōu)勢，特點(diǎn)等）尾部主要以超鏈接為主：網(wǎng)站協(xié)議--->備案信息--->聯(lián)系方式--->網(wǎng)站介紹--->各大類平臺鏈接（微博，微信等）

網(wǎng)頁的背景多大要看對網(wǎng)頁的要求的，網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)尺寸:1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動(dòng)條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現(xiàn)象. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏 每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K 希望幫到你~~

　　一個(gè)網(wǎng)頁構(gòu)成要素，相信大家心里都會有個(gè)大概，但是要具體說清楚了，又一下子講不上來?！　【W(wǎng)頁設(shè)計(jì)的構(gòu)成要素具體有那些呢？搜點(diǎn)來為大家羅列一下?！　　　∫匾唬何淖帧　∥淖质蔷W(wǎng)頁中最主要的一部分。對于文字的把握，主要有兩點(diǎn)。一是簡潔、明了，能夠讓用戶讀得下去；二是數(shù)量的掌握，文字太少，會顯得單調(diào)，文字多了，網(wǎng)頁就會顯得很乏味。　　　　要素二：圖片　　圖片，比文字更能吸引人的眼球，所以網(wǎng)頁中要善用圖片。在某些突出的位置，可以放置一些比較出彩的圖片，這樣既能達(dá)到美觀的效果，又能讓瀏覽者對網(wǎng)頁印象深刻?！　　　∫厝荷省　∩实拇钆?，能體現(xiàn)出一個(gè)網(wǎng)頁設(shè)計(jì)者的審美觀，也會直接影響到瀏覽者的觀感。網(wǎng)頁的顏色不用很多，但是一定要搭配得當(dāng)。一個(gè)網(wǎng)頁一般會有一個(gè)主打色，用以配合網(wǎng)頁的主題。其他的顏色，輔以調(diào)節(jié)的作用?！　　　∫厮模号虐妗　∮形淖?、有圖片、有顏色，網(wǎng)頁有這些就夠了嗎？No!光是這些，還不夠，還需要有專業(yè)的排版技術(shù)，把這些要素整合起來，組成一個(gè)協(xié)調(diào)的頁面。排版需要顧忌很多，要注意字間距，文字、圖片的數(shù)量，顏色的搭配，頁面留白等等，是個(gè)細(xì)致活?！　　　∫匚澹憾嗝襟w　　有些網(wǎng)頁為了博眼球，會放置音頻、動(dòng)畫、視頻等等，這些就是多媒體了。但是，一在一般的網(wǎng)頁中，存在大量的多媒體并不是一件好事，這些多媒體會對網(wǎng)頁打開速度造成影響。一般，放置多媒體，需要量力而行。

這是我在站酷網(wǎng)上看見的一片文章，不知道原文在哪里，若是作者看見了，不讓弄上的話，通知我，我可以刪除。