인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
개발 · 프로그래밍

/

웹 퍼블리싱

2024 html/css 기초탄탄 초스피드 완강코스

html/css초보 입문자를 대상으로 기초를 탄탄하게 다지며, 물론 반응형 레이아웃 제작 실전을 배울 수 있습니다.

(5.0) 수강평 14개

수강생 429명

입문자를 위해 준비한
[웹 퍼블리싱, HTML/CSS] 강의입니다.

이런 걸
배워요!

  • 실무핵심 태그

  • 레이아웃제작 핵심 Block속성요소

  • 콘텐츠를 꾸밀때는 inline속성

  • 레이아웃제작 끝판왕 FlexBox

  • 자유로운 레이아웃 Position

  • 마우스오버 이벤트 hover효과

  • 스크롤시 화면 고정애니 Position Sticky

  • 가상선택자 활용하기

  • 웹페이지에 액션을! 키프레임 애니메이션

  • 반응형웹 제작(테블릿모드, 모바일모드)

[HTML5 & CSS3] 쌩초보를 위한 위한 초스피드 완강코스! 🤔

html5 & css3에 대해 쌩~~초보 입문자를 대상으로
기초부터 반응형웹 제작까지 꼭 필요한 핵심들로 쉽게 이해할 수 있도록 구성하였습니다.

* 강의 당 15~20분 10강으로 , 하루 1강씩 10일 내에 마스터 할 수 있도록 구성되었습니다.


초보 입문자의 가장 베스트한 학습 방법은~!

  • 알던 모르던 1강부터 10강까지 무조건 끝까지 완강합니다!!

  • 다시 2강부터 10강까지 또다시 완강합니다.

  • 다시 3강부터 10강까지 완강하신다면!!!

웹 레이아웃 제작에 대한 이해와 적용 능력을 향상 시킬 수 있습니다.


이 강의의 특징

📌 [html5/css3] 초보 입문자의 난이도에 맞게 아주 쉽게 이해될 수 있도록 구성되었습니다.

📌 웹퍼블리셔로 400명 이상 에이전시와 대기업으로 취업 시킨 노하우로 2024년 새롭게 제작하였습니다.

📌 10강 이후 지속적 업그레이드로 본 강의만으로도 웹퍼블리싱에 대한 탄탄한 실력을 키울 수 있습니다.

이런 분들께 추천해요

퍼블리셔, 프론트엔드 개발자로
취업을 위해 첫발을 내딛으신 분
퍼블리셔, 코딩하는 디자이너,
프론트엔드개발자를 목표로
[html/css]기초부터 확실하게
다지고 싶으신 분

디자이너 몸값을 높이고 싶으신분
현재 디자이너로 근무하지만,
퍼블리싱 능력을 키워 몸 값을
높이고 싶으신 분

레이아웃제작 어려워요!!
html/css기초를 확실하게 다지며, 레이아웃 제작 실력을 탄탄하게 키우고 싶으신 분

수강 후에는

  • html/css기본은 물론 응용 능력을 다질 수 있습니다

  • 레이아웃 제작에 대한 이해와 응용 능력을 키울 수 있습니다.

  • 웹퍼블리셔로 기본능력을 키울 수 있습니다.


이런 내용을 배워요.

FlexBox

FlexBox에 대한 개념을 이해할 수 있으며, flexBox를 통해 레이아웃 제작에 대해 확실하게 이해할 수 있습니다.

Postion개념이해1

Position에 대한 개념을 이해할 수 있으며, 보다 자유로운 레이아웃 제작 기법을 익힐 수 있습니다.

Postion개념 이해2

position을 통한 자유로운 레이아웃 제작 기법을 익힐 수 있습니다.

Animation제작

Key Frame Animation제작 방법과 Transform, Transition,가상선택자 등에 대해 배울 수 있으며, 애니메이션 제작 기법을 익힐 수 있습니다.

Responsive Web제작
반응형웹(테블릿모드, 모바일모드) 제작에 대한 기본은 물론 활용능력을 키울 수 있습니다.

Sticky로 스크롤시 화면고정
position: Sticky를 통해 스크롤 시 화면을 고정할 수 있으며, Top버튼 클릭시 화면 상단으로 이동할 수 있습니다.

이 강의를 만든 사람

  • 실무 + 강의 25년차 강사


  • 웹퍼블리셔, 코딩하는 디자이너, 프론트엔드개발자로 400명 이상 진출!

  • 온라인 ,오프라인 수강생 4000명 이상!

  • 현재 ) 실무 디렉터 및 강남에서 UIUX & 웹포트폴리오 강의 진행 중(실무진출 90프로 이상)

수강 전 참고 사항

학습 자료

  • 강의는 Visual Studio편집기를 사용합니다.

  • 강의소스는 강의영상 아래 더보기에 링크되어 있습니다.

선수 지식 및 유의사항

  • 선수 지식 필요 없습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 코딩을 처음 접하신 분

  • html css 기초가 전혀 없으신분

  • html css에 대한 기초를 확실하게 다지고 싶으신 분

  • 레이아웃 제작이 어려우신 분

  • 웹퍼블리셔가 되고 싶으신 분

  • 프론트엔드 개발자가 되기위한 기초를 다지고 싶으신 분

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

수강생 수

4,919

수강평 수

227

강의 평점

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

커리큘럼

전체

11개 ∙ (3시간 8분)

  • 비쥬얼스튜디오 설치하기

    00:37

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!