首頁 > web前端 > PS教程 > html怎麼與ps結合

html怎麼與ps結合

藏色散人
發布: 2019-08-29 09:44:34
原創
3850 人瀏覽過

html怎麼與ps結合

html怎麼與ps結合?

開啟ps軟體,選取你要轉換成html靜態頁的圖片!

html怎麼與ps結合

例如,開啟百度經驗頁面的儲存為一張圖片;看清楚是圖片是jpg的;用ps開啟這張圖片,如圖;

html怎麼與ps結合

#下面就開始操作啦;html靜態網頁一般都是圖片、文字和效果組成的,這邊主要是教你用ps產生html靜態頁,就是把圖片轉換成靜態頁;因為網頁為了確保網速都不會把圖片裁減的太大,所以這邊我就按照正常的圖片切圖片;

首頁選擇“切片工具”,如果沒有就右鍵單擊工具那邊的右下角箭頭,選擇切片工具;

html怎麼與ps結合

選好工具就可以開始切圖啦,切圖就是把一張大的圖片切成小的圖片,記住一定要確保小圖拼起來和原圖一樣哦,這就要求你切圖的時候線最好對其哦,不然會看的錯位啦;我先把圖片切割成幾條長條圖;

html怎麼與ps結合

切完圖片,以下是見證奇蹟的時刻啦,右鍵點選選單列「檔案-選擇儲存為web和裝置所用格式」;彈出「儲存頁面」;點擊“存儲”;

html怎麼與ps結合

接下來才是重點啊,切記不要按步就直接保存啦;點擊下面的“格式”,選擇“html和圖像”;然後儲存;

html怎麼與ps結合

html怎麼與ps結合

儲存以後就產生了image檔案和html頁面兩個資料夾,然後你點html那個頁面;

html怎麼與ps結合

打開以後是不是發現和圖片一樣啊,而且是程式碼格式的靜態頁哦;

html怎麼與ps結合

恭喜你,到這邊你已經學會如何做簡單的靜態頁!

以上是html怎麼與ps結合的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
ps
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板