Inflearn brand logo image
Inflearn brand logo image
채널톡 아이콘
BEST

실전! 웹사이트제작! Step by Step! (한국소비자원 소비자시대- 레이아웃제작 기초)

[웹사이트제작 Step By Step] 초급 강좌로, 한국소비자시대 웹진(현재는 리뉴얼 됨) 메인페이지를 그대로 제작해 보는 과정입니다.

Thumbnail

초급자를 위해 준비한
[웹 개발, 웹 퍼블리싱] 강의입니다.

이런 걸 배울 수 있어요

  • 웹페이지 레이아웃 제작

  • CSS Animation제작

  • Hover효과

  • Transform효과

  • Transition효과

  • 가상콘텐츠 사용법

  • 개발자도구 사용법

 

 

HTML과 CSS 기초 태그는 아는데...
레이아웃 제작이 두려우시다구요??

  • 이 강의는 HTML과 CSS에 대한 기본 지식을 갖춘 분들을 대상으로 실제 웹페이지를 그대로 구현하며 진행됩니다. 
  • 이제 막 HTML/CSS Tag를 익히신 분! 태그는 알지만, 레이아웃을 직접 제작해 보지 못하신 분! 기업웹의 전형적인 레이아웃을 직접 만들어보며 레이아웃 제작에 대한 기본과 활용을 익히기에 아주 적합한 강좌라 할 수 있습니다.

 


Step By Step!
지금 바로 시작하세요.

웹페이지 제작에 필요한 HTML/CSS의 기초부터 활용까지 배울 수 있으며,
CSS Animation과 Transform, Transform을 활용해 동적인 요소를 제작할 수 있도록 여러분을 도와드립니다.

  • 웹페이지 레이아웃 제작
  • CSS Animation 제작
  • Hover 효과
  • Transform 효과
  • Transition 효과
  • 가상콘텐츠 사용법
  • 개발자도구 사용법

 

 

오픈채팅방 운영

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.

- 오픈채팅방명 : 잘난웹디
- 코드 : jyoung



강의를 다 듣고 나면,
다음 레벨에도 도전해보세요!
실전! 웹사이트제작 Step By Step 시리즈

 

Basic Course (한화캐미컬_반응형웹)
PC모드 레이아웃, 반응형 페이지 제작 완벽 이해!
Application Course 1 (와이스튜디오_반응형웹)
시선을 사로잡는 웹페이지 제작 커리큘럼!
Application Course 2 (대방산업_인터랙티브웹)
화려한 고난도 인터랙티브 웹도 내 손으로 직접!
 
Application Course3 (뮤자인_반응형웹)
실무확장성 + 속도 UP, 복잡한 레이아웃도 자신있게!

html, css, html/css,  website, 웹사이트, 코딩 ,coding , 레이아웃, 인터렉티브웹, interactive web, web design, 웹디자인, 포트폴리오,  퍼블리싱

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • html/css 기초는 있으나 레이아웃 제작을 해보지 못하신 분

  • 레이아웃 제작이 어렵고 막막하신 분

  • 레이아웃 제작의 기본을 확실하게 다지고 싶으신 분

  • CSS Animation 제작 방법을 알고 싶으신 분

  • transform효과와 transition효과를 알고 싶으신 분

  • 개발자도구 사용법을 익히고 싶으신 분

  • 웹포트폴리오 작품하나를 추가하고 싶으신 분

선수 지식,
필요할까요?

  • html/ css 기초

안녕하세요
J.영입니다.

6,226

수강생

233

수강평

211

답변

4.9

강의 평점

14

강의

 안녕하세요? J.young 임자영입니다.

20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.

디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!!
- 기초부터 실무까지!
- 실무에서 원하는!
- 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.

그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.

-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터
어떻게 시작할지 막막하신 분들..
- 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들..
- 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 -
도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....

J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.

* 오픈채팅방운영

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.

오픈채팅방명 : 잘난웹디
코드 : jyoung

 

실무경력

- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장


- 현) UIUX & 웹포트폴리오 강의 진행 중(실무 진출 90프로 이상)

 

감사합니다^^ 


운영중인유튜브

잘난웹디
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ

더보기

공동 지식공유자

커리큘럼

전체

7개 ∙ (1시간 59분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

31개

4.9

31개의 수강평

  • janey23

    수강평 8

    평균 평점 5.0

    5

    71% 수강 후 작성

    무료로 이렇게 좋은 강의를 들을수있어서 넘 좋아용! 레이아웃 잡는게 늘 헷갈렸는데 감사합니당 ! 유투브에 올려주시는 강의도 잘듣고있습니당!! 유투브에도 반응형 강의도 올라오면 좋을거가타욯ㅎㅎ 감사합니다~~~

    • J.영
      지식공유자

      janey23님 감사합니다. 레이아웃 디자인에 도움이 되셨다니 제가 기쁩니다. 현재 또 다른 강좌도 준비중에 있으니 지속적 관심 부탁드리고.. 잘난웹디 유튜브도 구독 좋아요 부탁드립니다. 감사합니다^^ 남은 오후도 행복한 시간 되세요^^ J.young드림

  • headong2

    수강평 7

    평균 평점 5.0

    5

    100% 수강 후 작성

    강의 무료로 올려주셔서 감사해요!!! 혼자 독학하는데 어려움이 좀 있었는데ㅜㅜ 강의들으면서 따라하니까 감이 잡히고 혼자서 찾아볼때 막막했는데 이렇게 자세하게 배울 수 있어서 감사할따름입니당...!!!!>< 다른 강의들까지 완주해서 코딩독학 지대로 해보겟슴다

    • J.영
      지식공유자

      headong2님 혼자 독학하시는 것 참 대단하십니다. 독학하실 때 보다 순조로이 하실 수 있도록 적극 돕겠습니다. 잘난웹디 많은 관심 부탁드립니다 감사합니다^^ J.young 드림

  • 이지우

    수강평 9

    평균 평점 5.0

    5

    14% 수강 후 작성

    무료로 좋은강의 들을수 있어서 좋았습니다. 최고에요~

    • 김태우

      수강평 13

      평균 평점 5.0

      5

      100% 수강 후 작성

      웹사이트의 레이아웃의 기초를 완전히 몰랐었는데 이제서야 이해하게 되었습니다. 클론코딩으로 익혔지만 활용하는것이 가장 중요하다고 생각합니다.

      • J.영
        지식공유자

        김태우님 잘 배우셨다니 제가 감사합니다. 지속적으로 열공하셔서 좋은 결과 있으시길 바랍니다. 감사합니다~ 새해 복 많이 받으세요^^ J.young드림

    • Dev

      수강평 21

      평균 평점 5.0

      5

      100% 수강 후 작성

      배운것을 실습해 볼 수 있어서 너무 좋앗습니다!!

      • J.영
        지식공유자

        yongsu kwon님 강의가 좋으셨다니 제가 감사합니다 더 좋은 강의로 찾아뵙도록 하겠습니다. 새해 복 많이 받으세요^^ J.young드림