https://youtu.be/BVOlfu4kbrQ

portfolio wordpress theme #1
https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

part #8

  • 메인페이지 CSS
  • List, Footer
  • --var 변수 활용하기

#psdtohtml #portfolio #HTML
#psdtohtml #portfolio #HTML

홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 20 [ portfolio theme #9 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #9 - CONTACT, ABOUT PAGE HTML, CSS  (0) 2020.04.08
CMS 19 [ portfolio theme #8 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #8 - 상세페이지 HTML, CSS  (0) 2020.04.08
CMS 17 [ portfolio theme #6 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #6 - 메인 페이지 CSS- 리스트, 푸터, --var 변수 활용하기  (0) 2020.04.08
CMS 16 [ portfolio theme #5 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #5 - 메인 페이지 CSS- 헤더, 로고, 리스트, 그림자  (0) 2020.04.08
CMS 15 [ portfolio theme #4 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #4 - 메인 페이지 HTML 구조 작성하기, 헤더, 리스트, 푸터  (0) 2020.04.07

https://youtu.be/XKcLW-nwECE

 

portfolio wordpress theme #1
https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

part #6

  • 메인페이지 CSS
  • List, Footer
  • --var 변수 활용하기

#psdtohtml #portfolio #HTML

홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/[https://youtu.be/XKcLW-nwECE](https://youtu.be/XKcLW-nwECE)

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 19 [ portfolio theme #8 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #8 - 상세페이지 HTML, CSS  (0) 2020.04.08
CMS 18 [ portfolio theme #7 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #7 - 포트폴리오 리스트 페이지 구현  (0) 2020.04.08
CMS 16 [ portfolio theme #5 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #5 - 메인 페이지 CSS- 헤더, 로고, 리스트, 그림자  (0) 2020.04.08
CMS 15 [ portfolio theme #4 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #4 - 메인 페이지 HTML 구조 작성하기, 헤더, 리스트, 푸터  (0) 2020.04.07
CMS 14 [ portfolio theme #3 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #3 - FORM, INPUT, SELECT, TEXTAREA  (0) 2020.04.07

https://youtu.be/vLup0wun6rg

portfolio wordpress theme #1
https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

part #5

  • 메인페이지 CSS
  • HEADER, LOGO, LIST, SHADOW

#psdtohtml #portfolio #HTML

홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 18 [ portfolio theme #7 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #7 - 포트폴리오 리스트 페이지 구현  (0) 2020.04.08
CMS 17 [ portfolio theme #6 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #6 - 메인 페이지 CSS- 리스트, 푸터, --var 변수 활용하기  (0) 2020.04.08
CMS 15 [ portfolio theme #4 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #4 - 메인 페이지 HTML 구조 작성하기, 헤더, 리스트, 푸터  (0) 2020.04.07
CMS 14 [ portfolio theme #3 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #3 - FORM, INPUT, SELECT, TEXTAREA  (0) 2020.04.07
CMS 13 [ portfolio theme #2 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #2 - 버튼 링크 스타일 설정하기  (0) 2020.04.07

https://youtu.be/gSow7L-kXmQ

Part 1 Download : https://drive.google.com/file/d/1CqbyhFRd5K6eyQD0iNxGOn9rM_6IIEwW/view?usp=sharing

- 포토샵 참조 html 구조 작성하기

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

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

#scroll animation, #psdtohtml, #jquery, #scroll, #프론트엔드

Blog : http://alikerock.tistory.com/
Twitter : #eztoweb

구독하기(subscribe now) : https://bit.ly/30wbC1y

오프라인 수업 문의: ezwebpub@gmail.com

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

PSD TO HTML 32 [ Scroll Based Animation part 4/6 ] 스크롤 애니메이션, 이미지가 커지는 애니메이션, absolute 요소를 가운데 정렬  (0) 2019.07.23
PSD TO HTML 31 [ Scroll Based Animation part 3/6 ] 효율적으로 CSS ANIMATION 작성하기, 스크롤 애니메이션, 이미지가 슈욱 나타나기  (0) 2019.07.23
PSD TO HTML 12 [ proweb ] - px버전 사이트를 부트스트랩 v4 (플렉스) 활용 반응형 구현하기  (0) 2019.04.22
PSD TO HTML [proweb 11 css] - 서브페이지 배경, 제목, 페이지 링크 연결하기  (0) 2019.04.22
PSD TO HTML [proweb 10 html] - 일관성을 유지하면 서브페이지 만들기, portfolio, aboutus  (0) 2019.04.22

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

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

반응형

'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 01 [Simple PSD] - 포토샵참조 코딩하기 기초 - 파트1  (0) 2019.04.17

 

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

+ Recent posts

티스토리툴바