網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小。就像繪畫給出一塊畫版來。這樣才能方便設(shè)計(jì)。　　網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素：一個(gè)是顯示器屏幕。顯示器現(xiàn)在種類很多，以17寸為主流， 正在朝19寸及寬屏的方向發(fā)展。但目前也有為數(shù)不少的15寸顯示器。另一個(gè)是瀏覽器軟件，就是我們常用的IE,遨游，F(xiàn)riefox等。　　高度：　　高度是可以向下延展的，所以一般對(duì)高度不限制。 對(duì)于一屏來說，一般沒有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒有確切值。　　寬度：　　1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0（或更低）無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框?！　?、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005　　3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001　　注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條?！　∷匀绻?024的分辨率，你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大，視覺上更舒服一點(diǎn)。也方便做一些浮動(dòng)層的設(shè)計(jì)?！　∪绻?00的分辨率一般都設(shè)成770。但也有設(shè)成760的?！　∵@些需要明白并且牢記，不然很可能做出來不符合瀏覽器要求，不過一般我們都回設(shè)定的再稍微小一點(diǎn)，應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右，1024的設(shè)定990左右?！　【W(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸：　　1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定?！　?、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話，高度是612-615之間。就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條?！　?、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右　　4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象?！　№?yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px　　頁(yè)面長(zhǎng)度原則上不超過3屏，寬度不超過1屏　　每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸　　全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px　　另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸　　每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過60K，全尺寸banner不超過14K　　標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格　　一、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故??！　《?20*60，這種廣告規(guī)格主要用于做LOGO使用?！　∪?20*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO?！　∷摹?25*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告?！　∥濉?34*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接?！　×?92*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。　　七、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳?！　“?、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO?！　V告形式 像素大小 最大尺寸 備注　　BUTTON 120*60（必須用gif） 7K　　215*50（必須用gif） 7K　　通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果　　430*50 15K　　超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果　　巨幅廣告 336*280 35K　　585*120　　豎邊廣告 130*300 25K　　全屏廣告 800*600 40K 必須為靜態(tài)圖片，F(xiàn)LASH格式　　圖文混排 各頻道不同 15K　　彈出窗口 400*300（盡量用gif） 40K　　BANNER 468*60（盡量用gif） 18K　　懸停按鈕 80*80（必須用gif） 7K　　流媒體 300*200（可做不規(guī)則形狀但尺寸不能超過300*200） 30K 播放時(shí)間 小于5秒60幀（1秒/12幀）　　網(wǎng)頁(yè)中的廣告尺寸　　1.首頁(yè)右上，尺寸120*60　　2.首頁(yè)頂部通欄，尺寸468*60　　3.首頁(yè)頂部通欄，尺寸760*60　　4.首頁(yè)中部通欄，尺寸580*60　　5.內(nèi)頁(yè)頂部通欄，尺寸468*60　　6.內(nèi)頁(yè)頂部通欄，尺寸760*60　　7.內(nèi)頁(yè)左上，尺寸150*60或300*300　　8.下載地址頁(yè)面，尺寸560*60或468*60　　9.內(nèi)頁(yè)底部通欄，尺寸760*60　　10.左漂浮，尺寸80*80或100*100　　11.右漂浮，尺寸80*80或100*100

你好，設(shè)計(jì)一個(gè)網(wǎng)頁(yè)其實(shí)很簡(jiǎn)單。首先，可以告訴想學(xué)網(wǎng)頁(yè)制作的朋友。學(xué)習(xí)制作網(wǎng)頁(yè)和學(xué)習(xí)其它知識(shí)一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來會(huì)比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來做什么。 建議你要具備的條件：對(duì)電腦熟練操作，使用電腦最好在一年以上，對(duì)網(wǎng)頁(yè)設(shè)計(jì)感興趣，有較充足的學(xué)習(xí)時(shí)間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的。第一階段：開始時(shí)最好是學(xué)些網(wǎng)頁(yè)編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁(yè)制作與運(yùn)營(yíng)的原理。最好使拿本教程來學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。 第二階段：會(huì)用網(wǎng)頁(yè)制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站了。但為了能使自己設(shè)計(jì)制作的網(wǎng)頁(yè)盡善盡美，還是學(xué)習(xí)網(wǎng)頁(yè)的核心技術(shù)吧！網(wǎng)頁(yè)編輯語(yǔ)言（包括:html、css、javascript、asp、xml等）。你可以選擇地學(xué)習(xí)。 第三階段:結(jié)合你自己已掌握地知識(shí)來開發(fā)網(wǎng)站，可以開發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開發(fā)者了。 怎樣制作網(wǎng)頁(yè)，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁(yè)的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁(yè)的朋友一個(gè)參考。 一、工具 1、空間 網(wǎng)頁(yè)做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請(qǐng)一個(gè)空間；免費(fèi)的空間不是很穩(wěn)定，容量又小，也不好申請(qǐng)，建議先買一個(gè)個(gè)人空間，大概有個(gè)20M以上的就可以了。 2、軟件 推薦使用Dreamweaver8.0中文版，這個(gè)軟件最大的特點(diǎn)就是“所見即所得”，也即是制作過程中看到的，便是到時(shí)發(fā)布到網(wǎng)絡(luò)上的。 二、教程 花點(diǎn)時(shí)間，找個(gè)比較通俗易懂的教程看一看是很有必要的。每個(gè)網(wǎng)頁(yè)的組成，不外是文字、表格、圖、動(dòng)畫還有就是背景音樂等幾個(gè)大的元素，搞清楚如何將這些元素?cái)[放進(jìn)去，你也就算懂得如何制作網(wǎng)頁(yè)了。三、制作 開始時(shí)建議去下載一個(gè)比較簡(jiǎn)單的網(wǎng)頁(yè)，在制作軟件中將它打開，然后仔細(xì)觀察人家的網(wǎng)頁(yè)的構(gòu)成，模仿它去填充各種元素，實(shí)踐中再配合著教城，進(jìn)度會(huì)快很多，記得也牢一些。 其實(shí)做網(wǎng)頁(yè)并不難，但要做出有特色的網(wǎng)頁(yè)來，那就非一朝一夕之功了。 一點(diǎn)個(gè)人的粗淺體會(huì)，不妥之處敬請(qǐng)指正。 三 網(wǎng)站設(shè)計(jì)八步驟 由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)，于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒有這個(gè)能力，也沒這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。 三、規(guī)劃網(wǎng)站 一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。四、選擇合適的制作工具 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。 五、制作網(wǎng)頁(yè) 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 六、上傳測(cè)試 網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者希望我的回答能夠?qū)δ阌兴鶐椭?，如果有網(wǎng)站網(wǎng)頁(yè)上面的相關(guān)問題，可以直接聯(lián)系我，很高興能夠幫得上你

網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設(shè)計(jì). 網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來說,一般沒有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒有確切值。 寬度: 1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以如果是1024的分辨率，你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì). 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸: 1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。 2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)閃EB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過3屏，寬度不超過1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過60K，全尺寸banner不超過14K 標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格 一、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽? 二、120*60，這種廣告規(guī)格主要用于做LOGO使用。 三、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。 六、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。 七、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。 八、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 430*50 15K 超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)圖片，F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200（可做不規(guī)則形狀但尺寸不能超過300*200） 30K 播放時(shí)間 小于5秒60幀(1秒/12幀) 網(wǎng)頁(yè)中的廣告尺寸 1.首頁(yè)右上，尺寸120*60 2.首頁(yè)頂部通欄，尺寸468*60 3.首頁(yè)頂部通欄，尺寸760*60 4.首頁(yè)中部通欄，尺寸580*60 5.內(nèi)頁(yè)頂部通欄，尺寸468*60 6.內(nèi)頁(yè)頂部通欄，尺寸760*60 7.內(nèi)頁(yè)左上，尺寸150*60或300*300 8.下載地址頁(yè)面，尺寸560*60或468*60 9.內(nèi)頁(yè)底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10

一個(gè)是偏向于設(shè)計(jì)，一個(gè)是偏向于代碼。如果是網(wǎng)頁(yè)設(shè)計(jì)，剛開始可能是模仿別人的網(wǎng)頁(yè)，但是到了最后會(huì)出現(xiàn)慢慢的偏重于美術(shù)，心理學(xué)，色彩，繪畫等。這些藝術(shù)方面，表面你能看到的，如果你是學(xué)計(jì)算機(jī)的接觸過網(wǎng)頁(yè)設(shè)計(jì)，并喜歡網(wǎng)頁(yè)設(shè)計(jì)，我建議不要偏向這個(gè)方面，因?yàn)榈胶髞碜屇阕约邯?dú)立設(shè)計(jì)網(wǎng)頁(yè)時(shí)，色彩搭配是很難的，還有整體布局，以及是否符合當(dāng)下潮流等?，F(xiàn)在的網(wǎng)頁(yè)千變?nèi)f化，設(shè)計(jì)也要不斷學(xué)習(xí)，并且能跟得上。 對(duì)于web前端開發(fā)這個(gè)就是把別人設(shè)計(jì)好的自己用div+css+js去實(shí)現(xiàn)的，一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)可能就是div+css把它寫出來，但是這里面是充滿經(jīng)驗(yàn)的。web前端的發(fā)展過程中到了最后就是頭疼的兼容性問題，因?yàn)橐_保一個(gè)頁(yè)面在任何瀏覽器當(dāng)中能正常顯示是很不容易的，瀏覽器廠商那么多，各自還有自己的專屬屬性，而且有的還要求在手機(jī)中能夠顯示，能夠自適應(yīng)屏幕等。單純的css無(wú)法來控制，就需要學(xué)習(xí)javascript, web前端看似簡(jiǎn)單其實(shí)要學(xué)習(xí)的東西很多，經(jīng)驗(yàn)也特別重要，接觸后臺(tái)后你會(huì)更明白前端的重要性。

Web前端:顧名思義是來做Web的前端的。這里所說的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。Web后端：后端的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。

一般登錄界面用html寫 因?yàn)榈卿浗缑鏇]有太多的花哨 一般很簡(jiǎn)單 只是一個(gè)框架 表單提交用<form>跳到一個(gè)jsp頁(yè)面去處理 如果正確就跳轉(zhuǎn)到你想要到的界面 jsp可以通過 會(huì)話 或cookie或上下文、url等把頁(yè)面聯(lián)系起來 數(shù)據(jù)庫(kù) 一般用mysql 注冊(cè)判斷的地方用js聯(lián)系數(shù)據(jù)庫(kù)就可以了 很簡(jiǎn)單的

要想學(xué)做網(wǎng)頁(yè)，首先得了解制作網(wǎng)頁(yè)的工具。制作網(wǎng)頁(yè)主要有以下一些工具Frontpage：office自帶的一個(gè)工具，操作簡(jiǎn)單，實(shí)用，學(xué)起來比較輕松，功能不咋地，我不太喜歡。Dreamweaver：這是網(wǎng)頁(yè)三劍客之一，專門制作網(wǎng)頁(yè)的工具，可以自動(dòng)將網(wǎng)頁(yè)生成代碼，是普通網(wǎng)頁(yè)制作者的首選工具，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。建議初學(xué)者選用。另外一個(gè)工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動(dòng)態(tài)網(wǎng)頁(yè)。此外還有一些網(wǎng)絡(luò)編程工具，javascript、java編輯器等。網(wǎng)頁(yè)制作也是一個(gè)比較吃香的行業(yè)，要真正做一個(gè)好的網(wǎng)站，還必須有良好的設(shè)計(jì)功底。所以還得學(xué)很多邊緣性的軟件，例如photoshop、flash等。大型的網(wǎng)站往往還需要數(shù)據(jù)庫(kù)的支持，所以還得懂?dāng)?shù)據(jù)庫(kù)。sql、甲骨文等?？傊?，掌握好網(wǎng)頁(yè)制作，能獨(dú)立完成一個(gè)網(wǎng)站的制作工作，那就不要考慮吃飯問題。隨便混就好了！網(wǎng)站設(shè)計(jì)八步驟由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)，于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。一、確定網(wǎng)站主題網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒有這個(gè)能力，也沒這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。二、搜集材料明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。三、規(guī)劃網(wǎng)站一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。五、制作網(wǎng)頁(yè)材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

Web前端:顧名思義是來做Web的前端的。這里所說的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。Web后端：后端的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。

web前端主要是通過div+css等技術(shù)來完成一個(gè)傳統(tǒng)pc網(wǎng)頁(yè)的靜態(tài)頁(yè)面制作，移動(dòng)web前端是通過html5+css3等技術(shù)來完成一個(gè)手機(jī)端訪問的網(wǎng)頁(yè)的制作，一個(gè)是針對(duì)pc一個(gè)是針對(duì)手機(jī)，這個(gè)就是它們最大的區(qū)別了。國(guó)內(nèi)像切圖網(wǎng)等就是專門提供這樣的服務(wù)的，只需要提供設(shè)計(jì)稿就可以了。