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

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

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

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

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

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