如何使用photoshop制作網頁

很多朋友不知道用ps制作網頁的規范。下面介紹一下。

01

打開電腦中的Photoshop界面。首先，我們創建一個畫布，寬度為1200，任意高度，分辨率為72。

02

畫布創建完成后，我們在1200px左右兩邊拉一條輔助線固定。

03

然后打開畫布大小，取消“相對”，寬度調整為1920px。

04

設置好之后，在紅色區域，也就是1200px區域編輯設計就行了，看你個人網頁設計能力。

PS制作切片網頁效果？

　　ps做好切片的網頁保存為web形式方法：

切好后按ctrl+shift+alt+s彈出對話框。

點擊“存儲”

彈出保存對話框，把格式改為“HTML和圖像”，點擊保存即可。

怎樣快速制作一個圖片展示的網頁？

現在我們經常會在產品標簽上加上二維碼，讓人掃描二維碼后就可以看到一個簡單的圖片網頁，可以了解更多產品的詳細信息。那么這個網頁要怎么制作呢？下面我們來看一個非常簡單的方法。

1、將網頁需要展示的圖片在Photoshop里面排版好；

2、將排版好的頁面進行切片，并將文件保存為web所用格式文件（切片可以有兩個作用，一是防止因為圖片太大，在網速一般的情況下很久都加載不出來，這樣別人可能會認為網頁有問題就關掉了；另一個是不同圖片需要添加跳轉鏈接的話會很方便）。

3、這樣文件就保存為了一個HTML文件和一個images文件夾，可以看到我們剛排版的圖片已經被切成一張張的圖片保存在images文件夾中了。

4、接下來打開Dreamweaver，新建站點，填寫站點信息，選擇本地根文件夾（剛才保存文件的文件夾）和默認圖像文件夾（剛保存的文件里面的images文件夾）；新建好之后就可以看到軟件頁面右邊欄中有了剛剛新建的站點了，展開可以看到站點內的文件。

5、預覽網頁效果。點擊工具欄上的小地球（快捷鍵F12），可以在瀏覽器中對網頁效果進行預覽。這時如果你沒有保存頁面，會彈出保存提示框，點保存就可以預覽了。

ps制作網頁效果圖，像素設置為多大？

、屏幕分辨率低時(640 x 480)，這是2000年左右，普遍的瀏覽器是這個分辨率，但已經被淘汰了。

2、接是1024x768的分辨率，很流行，實際在設計中，在PHOTOSHOP寬的設計值為760像素最合適。

3、隨著現在寬屏時代的到來，1024也慢慢被淘汰了，現在都是大屏時代，基本上，從設計網頁的角度來看，在PHOTOSHOP上，寬為960像素最為合適。

4、隨現在瀏覽的工具越來越多，包括手機、IPAD等，出現了自適應的網頁設計功能，需要HTML5及DIV+CSS的代碼調用了

總結

以上是生活随笔為你收集整理的ps怎么制作网页（ps制作网页详细的教程）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。