Thumbnail
BEST 개발 · 프로그래밍 웹 개발
실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
(4.9)
26개의 수강평 ∙ 1059명의 수강생

무료

지식공유자 : 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.영 입니다.
J.영의 썸네일

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

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

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

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

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

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

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

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

감사합니다^^ 


운영중인유튜브

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

공동 지식공유자: janey23의 썸네일
커리큘럼 총 8 개 ˙ 2분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 돕다 사이트 제작 Intro
섹션 1. header 영역 제작하기
header 영역 제작하기
섹션 2. visual 영역 제작하기
visual 영역 제작하기
섹션 3. contents 영역 제작하기
contents 영역 제작 (section.about영역)
contents 영역 제작하기 (section.premium영역)
contents 영역 제작하기 (section.global영역)
섹션 4. footer 영역 제작하기
footer 영역 제작하기
섹션 5. 브라켓설치강좌
강의 게시일 : 2020년 09월 11일 (마지막 업데이트일 : 2020년 09월 11일)
수강평 총 26개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
26개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
변세연 thumbnail
어렵게만 생각했던 애니메이션 효과에 대해서 쉽고 재미있게 배울 수 있어서 정말 좋습니다. 퍼블리싱 공부 하기 막막했는데 유용한 정보 많이 배워갑니다 무료로 이런 좋은 강의 오픈해주셔서 감사합니다.
2021-01-18
지식공유자J.영
변세연님 학습하시는데 도움이 되셨다니 제가 기분이 좋습니다. 앞으로 무료강의로 지속적으로 업데이트 시킬 예정입니다. 잘난웹디 유튜브도 많이 사랑해주세요^^ 감사합니다^^ J.young드림
2021-01-20
Beckia thumbnail
좋은 강의 였습니다.
2021-01-21
지식공유자J.영
Beckia님 감사합니다~~ 오늘도 좋은하루 되십시요^^ J.young드림
2021-01-22
janey23 thumbnail
제이영 강사님! 무료강의 유투브로도 듣고있어요 좋은강의 감사합니다~ !!!!!!!!!
2020-09-11
지식공유자J.영
janey23님 벌써 완강하셨군요...감사드립니다^^ 빠른시일내에 application course를 올리도록 하겠습니다. 오늘도 좋은 하루 되십시요^^ J.young드림
2020-09-12
yoony0612 thumbnail
웹사이트 애니메이션 전혀 만들 줄 몰랐는데ㅠㅠ 강의 덕분에 배워갑니다 감사합니다♡.♡
2020-12-10
지식공유자J.영
yoony0612님 잘 배우셨다니 감사합니다~~ 지속적 열공하십시요~ 화이팅입니다^^ J.young드림
2021-01-20
소라연 thumbnail
감사합니다. 재미있게 잘 듣고 따라서 만들어 보았습니다.
2020-09-12
지식공유자J.영
소라연님 벌써 완강하셨군요~~ 홈페이지 레이아웃작성과 애니메이션 제작 알고보니 참 쉽지요? 앞으로 더 좋은 강의로 준비하도록 하겠습니다 이어서 진행되는 Alication course도 기대하여 주십시요~ 감사합니다. 편안한 저녁시간 되세요^^ J.young드림
2020-09-13

무료

내 목록 추가 공유
지식공유자 : J.영
총 8개 수업˙총 2분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스