https://youtu.be/I3N1Yt1vu-4

part3 완료본의 예제를 다운로드하고 영상을 보면서 따라해주세요.

디자인 PSD 파일: https://goo.gl/shSB3k
part3 완성본 : https://goo.gl/dHq3xc

PSD to HTML & CSS
- css 리셋하기
- 폰트 위계설정하기
- 웹폰트 로드하기
- 공통요소 스타일 설정하기


티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git

#css reset, #google, #webfont

반응형

https://youtu.be/XmSgjw6prig

 

part1 완료본의 예제를 다운로드하고 영상을 보면서 따라해주세요.

디자인 PSD 파일: https://goo.gl/shSB3k
part1 완료본 예제 다운로드: https://goo.gl/opcuSN

PSD to HTML & CSS
- 본문작성
- 푸터작성, 폼 작성
- 폰트어썸으로 아이콘 구현하기

#psd to html, #psd to css

티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git

 

반응형

https://youtu.be/tdE5RkAK17k

proweb_tt_01.jpg
0.17MB

Proweb design 예제 다운로드: https://goo.gl/LV27kF

PSD to HTML & CSS - 전체 구조파악하고 html 작성하기

 

티스토리 : http://alikerock.tistory.com/

트위터: #eztoweb

모든 소스 github에서도 확인할 수 있습니다.

https://github.com/alikerock/ezweb.git

 

alikerock/ezweb

바위처럼의 lecture sources. Contribute to alikerock/ezweb development by creating an account on GitHub.

github.com

 

 

반응형

동영상보기: https://youtu.be/t-6FiMFqbAw

PSD TO HTML 04 [Simple PSD] - 포토샵참조 코딩하기 기초 파트4 List, Footer
SIMPLE BLOG LAYOUT
예제 다운로드: https://goo.gl/wr3Jwy

PS

psd04_tt.jpg
0.14MB

D to HTML & CSS
- CONTENT, LIST, FOOTER

리스트와 푸터 스타일을 작성합니다.

#본문, #문단, #paragraph 

티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

 

반응형

동영상 보기: https://youtu.be/na18TJcf7hk

 

SIMPLE BLOG LAYOUT
예제 다운로드: https://goo.gl/wr3Jwy

PSD to HTML & CSS
- CONTENT, TITLE, PARAGRAPH

본문에서 문단의 스타일과 제목의 스타일을 작성합니다.

#본문, #문단, #paragraph 

티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

반응형

동영상보기: https://youtu.be/RFEJ2X1YvPA

 

SIMPLE BLOG LAYOUT
예제 다운로드: https://goo.gl/wr3Jwy
(PSD TO HTML 01번 강의를 보고 예제를 작성해야합니다.)

PSD to HTML & CSS
- HEADER : LOGO & TITLE


티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

#포토샵 #웹디자인 #웹퍼블리싱

반응형

 

동영상보기 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

#포토샵 #웹디자인 #웹퍼블리싱

반응형

+ Recent posts