壹.想要將psd轉為html,首先需要具備幾個條件:
重點1就是會用切圖工具,如果切圖工具都不會用,那麽就需要先學習制作圖片的工具,例如photoshop,fireworks...等
重點2會用代碼編寫工具,有編寫html,css,js等代碼的工具
重點3會頁面布局的基本代碼,如果不會代碼,需要先學習代碼,會基本的html代碼,css樣式代碼,如果頁面稍微復雜點,還需要會javascript
二.切圖以photoshop工具的切片工具切圖為例,進行切圖的展示(說明:切圖的方法有很多,像選擇選區然後ctrlc然後ctrln然後ctrlv,就可以開始保存,此為最簡單的切圖方法)
1.將所需的PSD文件打開
2.點擊打開按鈕,選擇需要打開的文件
3.文件打開以後,選擇工具欄的切片工具,根據需要進行圖片的分割,選擇切片工具,然後在psd頁面上拉動選擇位置,就可完成壹張圖的切片
4.將切圖保存
5.選擇保存的格式
三.根據psd設計圖,進行html代碼的書寫
示例圖:如
總結:按照步驟完成的話,最基本的簡單頁面,就可以實現出來了。