當前位置:編程學習大全網 - 站長素材 - 如何將psd文件切圖並布局html

如何將psd文件切圖並布局html

壹.想要將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代碼的書寫

示例圖:如

總結:按照步驟完成的話,最基本的簡單頁面,就可以實現出來了。

  • 上一篇:馬的簡筆畫
  • 下一篇:這種圖片怎麽制作
  • copyright 2024編程學習大全網