동영상보기 https://youtu.be/S1tvXn_7iq4
SIMPLE BLOG LAYOUT
예제 다운로드: https://goo.gl/wr3Jwy
코딩을 위한 포토샵 기초사항 : https://goo.gl/FmVrHf
PSD to HTML & CSS
- 레이아웃 파악하기
- 폰트 확인하기
- 이미지 저장하기
- HTML 작성하기
- CSS 작성하기
본 예제의 PSD에서 HTML 작성하는 것을 누락했네요. 곧 추가하겠습니다.
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#포토샵 #웹디자인 #웹퍼블리싱
반응형
'Youtube 동영상 > psd to html & css' 카테고리의 다른 글
| PSD TO HTML [proweb 02] - content, footer, fontawesome HTML 작성하기 (0) | 2019.04.22 |
|---|---|
| PSD TO HTML [proweb 01] - header, banner HTML 구조 작성하기 (0) | 2019.04.22 |
| PSD TO HTML 04 [Simple PSD] - 포토샵참조 코딩하기 기초 파트4 (2) | 2019.04.17 |
| PSD TO HTML 03 [Simple PSD] - 포토샵참조 코딩하기 기초 파트3 CONTENT (0) | 2019.04.17 |
| PSD TO HTML 02 [Simple PSD] - 포토샵참조 코딩하기 기초 파트2 HEADER (0) | 2019.04.17 |