http://yunpan.cn/QaLnFFfW94u3w （提取碼：da2b）

如果說(shuō)做一個(gè)網(wǎng)站的流程話：有以下幾步 第一步、進(jìn)行需求分析當(dāng)我們首先拿到一個(gè)項(xiàng)目時(shí)，必須進(jìn)行需求分析?？赡苡型瑢W(xué)會(huì)問(wèn)：需求分析，分析什么呢？比如說(shuō)：客戶(hù)想要做一個(gè)什么類(lèi)型的網(wǎng)站，以及這個(gè)網(wǎng)站的風(fēng)格是什么樣？以及確定網(wǎng)站的域名和空間...第二步、規(guī)劃靜態(tài)內(nèi)容（草圖）重新確定其需求分析，并根據(jù)用戶(hù)需求分析，規(guī)劃出網(wǎng)站的內(nèi)容板塊草圖。俗稱(chēng)：網(wǎng)站草圖。第三步、美工設(shè)計(jì)階段 然后根據(jù)網(wǎng)站草圖，由美工制作成效果圖。就好比建房子一樣，首先畫(huà)出效果圖，然后在開(kāi)始建房子，網(wǎng)站也是如此。第四步、程序開(kāi)發(fā)階段根據(jù)頁(yè)面結(jié)構(gòu)和設(shè)計(jì)，前端和后臺(tái)可以同時(shí)進(jìn)行。前端：根據(jù)美工效果負(fù)責(zé)制作靜態(tài)頁(yè)面。后臺(tái)：根據(jù)其頁(yè)面結(jié)構(gòu)和設(shè)計(jì)，設(shè)計(jì)數(shù)據(jù)庫(kù)，并開(kāi)發(fā)網(wǎng)站后臺(tái)。PS：后臺(tái)部分由于有些人不懂的后臺(tái)程序的開(kāi)發(fā)，可以借助開(kāi)源免費(fèi)的CMS系統(tǒng)（內(nèi)容管理系統(tǒng)）搭建網(wǎng)站后臺(tái)?，F(xiàn)在主流的開(kāi)源CMS有：織夢(mèng)(DEDE)CMS 帝國(guó)CMS PHPCMS Wordpress(一般用于博客類(lèi)型比較多)...第五步、測(cè)試和以及上線在本地搭建服務(wù)器，測(cè)試網(wǎng)站有沒(méi)有什么BUG。若無(wú)問(wèn)題，可以使其將網(wǎng)站打包，使用FTP上傳至網(wǎng)站空間或者服務(wù)器。至于網(wǎng)頁(yè)制作開(kāi)發(fā)的話，除了常見(jiàn)的DW，還有editplus,sublime text3...

你用PS做出來(lái)的是圖片，并不是網(wǎng)頁(yè)，圖片是多大，就顯示多大，居中顯示是在代碼里實(shí)現(xiàn)的。如果你想讓圖片居中，可以這樣做：假如你的分辨率是1440*900，，而普通的網(wǎng)頁(yè)頁(yè)面寬度大部分都是960（PX）。所以你想讓圖片居中就很簡(jiǎn)單了，在1440*900的畫(huà)布上，左右分別拉兩條輔助線：左邊一條在240px，右邊一條在1200px那里，在兩條輔助線中間的區(qū)域，剛好就是在1440分辨率下的居中顯示。所以看你的分辨率，再設(shè)置你的網(wǎng)頁(yè)設(shè)計(jì)圖的大小，現(xiàn)在主流的分辨率是1440*，而頁(yè)的寬度大部分是960（你可以百度一下為什么這是大部分網(wǎng)站會(huì)采取的尺寸）滿(mǎn)屏需要代碼標(biāo)簽屬性width：100%來(lái)實(shí)現(xiàn)，看上面的回答貌似都是說(shuō)代碼類(lèi)的，所以你自己看看自己是要代碼類(lèi)的居中還是要圖片類(lèi)的居中。代碼上的居中更簡(jiǎn)單，一般采用的是div的magin居中。不過(guò)這不屬于你的問(wèn)題范疇，這里就不說(shuō)了。 其實(shí)不是圖片居中的問(wèn)題，是我做的那個(gè)頁(yè)面打開(kāi)在瀏覽器上只顯示了3/5顯示器就全部顯示出來(lái)了。其實(shí)我也說(shuō)不清楚。反正打開(kāi)就是我圖片那樣兒~我像素的800*1000這樣的。如果是需要后面的編程的人完成的那就沒(méi)有什么問(wèn)題了。我就怕是我像素設(shè)置不大所以做出來(lái)的就是往左邊偏移然后3/5顯示器就能全部看到了，很難看的哈~~ 你保存也是jpg或者png格式給別人看，psd格式只能在ps里面看而已。給到客戶(hù)或者其他要看的人，人家也不會(huì)專(zhuān)門(mén)開(kāi)個(gè)瀏覽器來(lái)看。如果想要在瀏覽器居中，那也只能像我說(shuō)的，選個(gè)主流的圖片規(guī)格，然后再輔助線當(dāng)中設(shè)計(jì)，就可以了。沒(méi)有一個(gè)網(wǎng)站可以滿(mǎn)足所有的分辨率。 其實(shí)我是PS做HTML格式，再到 Dreamweaver 加工。呼，略懂了，<img src="images/index.jpg" width="100%" height="200%" alt=""> 拿記事本改了像素成百分比那就在瀏覽器顯示得差不多了。原來(lái)這個(gè)在網(wǎng)頁(yè)顯示的問(wèn)題不關(guān)我們平面的問(wèn)題哈，我還以為像素設(shè)置小了就顯示得這樣了呢。哇，這個(gè)中好多東西學(xué)呢，好多分工哦~呼，謝謝你啊~

我本身是做軟件前端開(kāi)發(fā)的，以前做過(guò)兩年的網(wǎng)頁(yè)設(shè)計(jì)，以我個(gè)人的理解來(lái)說(shuō)一點(diǎn)淺見(jiàn)好了，前端主要的工作是頁(yè)面或界面的設(shè)計(jì)制作、html切圖、動(dòng)態(tài)交互等，而后端準(zhǔn)確的說(shuō)是后臺(tái)，主要工作是整個(gè)網(wǎng)站或者軟件的功能實(shí)現(xiàn)，通俗點(diǎn)講就是程序員，現(xiàn)在普遍是兩個(gè)工種分開(kāi)來(lái)了，因?yàn)橐粋€(gè)人做的話反而效率不高，如果你是想做這一行，那么我個(gè)人是建議你做程序員拉倒，雖然程序員工作量可能會(huì)比設(shè)計(jì)多，但做設(shè)計(jì)太費(fèi)腦子了，程序員主要是一些邏輯性的事情，很多代碼都有現(xiàn)成的，大部分工作就是復(fù)制粘貼而已，而且客戶(hù)看東西首先是看前端咋樣，這就考驗(yàn)設(shè)計(jì)師水平了，最后就是重點(diǎn)了，程序員的普遍工資要比設(shè)計(jì)高，當(dāng)然，設(shè)計(jì)師也有高的，但無(wú)一不是技術(shù)過(guò)硬和工作經(jīng)驗(yàn)足夠的。

查看網(wǎng)頁(yè)代碼的方法：右擊---查看源文件。即可看到網(wǎng)頁(yè)的源代碼。須知：現(xiàn)在的網(wǎng)站基本上都是HTML5編寫(xiě)的。配合CSS和JS效果。如果是想查看網(wǎng)站后臺(tái)是什么搭建的，方法就是可以從布局分析，PHP生成的HTML是自動(dòng)的，一般很難看出來(lái)使用的是什么后臺(tái)。

要學(xué)網(wǎng)頁(yè)設(shè)計(jì)， 就需要掌握 HTML+CSS+JavaScript/Jquery，目前做網(wǎng)頁(yè)設(shè)計(jì)就是用這三大神器語(yǔ)言進(jìn)行開(kāi)發(fā)的。此外就是數(shù)據(jù)庫(kù)方面的一些知識(shí)：要想學(xué)PHP，ASP，JSP，.net 先學(xué)數(shù)據(jù)庫(kù)，原因是以上后臺(tái)語(yǔ)言都有和數(shù)據(jù)庫(kù)交互的代碼，所以要先學(xué)，為了方便。下面分別進(jìn)行說(shuō)明：首先是基礎(chǔ)HTML，他是網(wǎng)頁(yè)的框架，不可缺的。css:層疊樣式表，要想美化網(wǎng)頁(yè)就是它的強(qiáng)項(xiàng)，例如：給頁(yè)面增加一些色彩，設(shè)置字體的特殊顏色，背景色，字體的排列方式等等；js:很多動(dòng)態(tài)效果都用他來(lái)做，有時(shí)候數(shù)據(jù)判定也用他做。ajax技術(shù)是很重要也很熱門(mén)的一門(mén)技術(shù)，再配合javascript/jquery的作用，可以給頁(yè)面增加一些行為，比如你的鼠標(biāo)放在某個(gè)字體的上面的時(shí)候，字體的顏色就變了，點(diǎn)擊一個(gè)元素就消失了， 這些都是改變頁(yè)面的行為。溫馨提示：不管學(xué)什么語(yǔ)言先打好基礎(chǔ)，然后再學(xué)不然會(huì)很吃力的， 如果想往網(wǎng)頁(yè)UI發(fā)展，就只需要熟習(xí)PHP，ASP，這些后臺(tái)語(yǔ)言，而重點(diǎn)學(xué)前面的哪些語(yǔ)言，如果想要往高層發(fā)展，哪么Flash,photoshop.，AC都要學(xué)，還要有美術(shù)功底。