실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
수강정보
(2개의 수강평)
232명의 수강생
무료
지식공유자 : J.영
8회 수업 · 총 2분 수업
기간 : 평생 무제한 시청
수료증 : 미발급 강의
수강 난이도 : 입문

이 강의는

[웹사이트제작 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 적용

📣 한시적 무료 강의 안내
• 해당 강의는 추후 콘텐츠를 추가 업데이트하여 유료로 전환될 예정입니다.

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

이 강의는?

  • HTML/CSS 입문자 분들이라도 태그 하나하나 작성하다 보면 저절로 알게 되는 마크업과 CSS 문법! HTML/CSS 기초부터 레이아웃 작성까지 실제 웹페이지를 그대로 구현하며 진행됩니다.

진짜 진짜 쌩초보 분이시라면!

누구에게 필요할까요?

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

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

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

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

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

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

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

도움 되는 분들

  • HTML/CSS 기초부터 공부하고 싶으신 분
  • HTML/CSS 기초는 있으나 레이아웃 제작이 어려우신 분
  • Float 개념과 Position 개념을 확실하게 익히고 싶으신 분
  • CSS Animation 제작을 확실하게 공부하고 싶으신 분
  • 가상선택자 사용법을 제대로 익히고 싶으신 분
  • 개발자도구 사용법을 확실하게 익히고 싶으신 분

지식공유자 소개

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

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

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

그런만큼... 많은 제자들이 현직 디자이너로 퍼블리셔로 그 역량을 발휘하고 있습니다.

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

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

실무경력
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- ~~2003년: 서우씨앤디 디자인실장

강의경력
- 인천문예전문학교 (멀티미디어웹강의)
- 서울현대직업전문학교 (스마트웹 & 앱강의)
- 폴리텍대학 (디자인강의)
- 한국IT전문학교 (멀티미디어디자인 강의)
- 두드림직업전문학교 (디자인강의)
- 광명시여성비전센터 (웹디자인강의)
- 이젠컴퓨터학원강의 분당점 (디자인강의)
- 더조은컴퓨터아카데미 서초점 ([웹디자인기능사]디지털웹&앱디자인-과정평가형자격-A)
- 하이미디어컴퓨터학원 서초점 (영상을 활용한 UI/UX 웹디자인&웹퍼블리셔)  

감사합니다^^ 


운영중인유튜브

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

교육과정

모두 펼치기 8 강의 2분
섹션 0. 돕다 사이트 제작 Intro
1 강의
섹션 1. header 영역 제작하기
1 강의
header 영역 제작하기
섹션 2. visual 영역 제작하기
1 강의
visual 영역 제작하기
섹션 3. contents 영역 제작하기
3 강의
contents 영역 제작 (section.about영역)
contents 영역 제작하기 (section.premium영역)
contents 영역 제작하기 (section.global영역)
섹션 4. footer 영역 제작하기
1 강의
footer 영역 제작하기
섹션 5. 브라켓설치강좌
1 강의 02 : 17

공개 일자

2020년 9월 11일 (마지막 업데이트 일자 : 2020년 9월 11일)

수강 후기

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

default_profile.png
janey23 13일 전
제이영 강사님! 무료강의 유투브로도 듣고있어요 좋은강의 감사합니다~ !!!!!!!!!
J.영

J.영 13일 전
janey23님 벌써 완강하셨군요...감사드립니다^^ 빠른시일내에 application course를 올리도록 하겠습니다. 오늘도 좋은 하루 되십시요^^ J.young드림

default_profile.png
소라연 12일 전
감사합니다. 재미있게 잘 듣고 따라서 만들어 보았습니다.
J.영

J.영 11일 전
소라연님 벌써 완강하셨군요~~ 홈페이지 레이아웃작성과 애니메이션 제작 알고보니 참 쉽지요? 앞으로 더 좋은 강의로 준비하도록 하겠습니다 이어서 진행되는 Alication course도 기대하여 주십시요~ 감사합니다. 편안한 저녁시간 되세요^^ J.young드림

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스