실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
[웹사이트제작 Step By Step] Basic-course로, 돕다(http://dopda.co.kr/) 메인페이지를 그대로 제작해 보는 과정입니다. 본 Basic Course는 CSS 레이아웃 제작과 애니메이션에 대해 다루며, 이어서 Application-course에서는 이미지슬라이드 효과, 반응형제작, 스크롤 애니메이션, Fix Header 등의 인터렉티브 요소를 추가하여 개설될 예정입니다.
초급자를 위해 준비한
[웹 개발, 웹 퍼블리싱] 강의입니다.
이런 걸
배워요!
HTML/CSS 기초
CSS 기초 문법
HTML/CSS 레이아웃디자인
Position 개념에 대한 이해와 적용
가상선택자 이해와 적용
Float 개념 이해와 적용
웹사이트 레이아웃 제작 이해와 적용
CSS Animation 적용
.png)
HTML과 CSS 기초 태그는 아는데...
레이아웃 제작이 두려우시다구요??
이 강의는?
- HTML/CSS 입문자 분들이라도 태그 하나하나 작성하다 보면 저절로 알게 되는 마크업과 CSS 문법! HTML/CSS 기초부터 레이아웃 작성까지 실제 웹페이지를 그대로 구현하며 진행됩니다.
진짜 진짜 쌩초보 분이시라면!
- 제 유튜브 (잘난웹디) 에 올려놓은 코딩 초보 기초 강좌 HTML/CSS 쌩초보 강좌시리즈 (클릭) 와 정말 쉬운 웹사이트 제작 시리즈 (클릭) 를 듣고 들으신다면 더 쉽게 이해가 되시리라 생각됩니다^^
누구에게 필요할까요?
- 이제 막 HTML/CSS Tag를 익히신 분! 태그는 알지만, 레이아웃을 직접 제작해 보지 못하신 분! 기업웹의 전형적인 레이아웃을 직접 만들어보며 레이아웃 제작에 대한 기본과 활용을 익히기에 아주 적합한 강좌라 할 수 있습니다.
Step By Step!
지금 바로 시작하세요.
웹페이지 제작에 필요한 HTML/CSS의 기초부터 활용까지 배울 수 있으며,
CSS Animation과 Transform, Transform을 활용해 동적인 요소를 제작할 수 있도록 여러분을 도와드립니다.
- 웹페이지 레이아웃 제작
- CSS Animation 제작
- Hover 효과
- Transform 효과
- Transition 효과
- 가상콘텐츠 사용법
- 개발자도구 사용법
.gif)
.gif)
.gif)
.gif "ezgif.com-video-to-gif (5).gif")
오픈채팅방 운영
보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.
- 오픈채팅방명 : 잘난웹디
- 코드 : jyoung
강의를 다 듣고 나면,
다음 레벨에도 도전해보세요!
실전! 웹사이트제작 Step By Step 시리즈
시선을 사로잡는 웹페이지 제작 커리큘럼!
실무확장성 + 속도 UP, 복잡한 레이아웃도 자신있게!
html, css, html/css, website, 웹사이트, 코딩 ,coding , 레이아웃, 인터렉티브웹, 인터랙티브 웹, interactive web, web design, 웹디자인, 포트폴리오, 퍼블리싱
이런 분들께
추천드려요!
학습 대상은
누구일까요?
HTML/CSS 기초부터 공부하고 싶으신 분
HTML/CSS 기초는 있으나 레이아웃 제작이 어려우신 분
Float 개념과 Position 개념을 확실하게 익히고 싶으신 분
CSS Animation 제작을 확실하게 공부하고 싶으신 분
가상선택자 사용법을 제대로 익히고 싶으신 분
개발자도구 사용법을 확실하게 익히고 싶으신 분
안녕하세요
J.영입니다.
안녕하세요? 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
공동 지식공유자
커리큘럼
전체
8개 ∙ (1시간 51분)
가 제공되는 강의입니다.