Thumbnail
BEST 개발 · 프로그래밍 웹 개발
실전! 웹사이트제작! Step by Step! ('라한호텔' 사이트제작_Application Course)
(5.0)
6개의 수강평 ∙ 379명의 수강생

무료

지식공유자 : J.영
총 23개 수업˙총 1분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
내 목록 추가 공유
초급자를 위해 준비한
[웹 개발, 웹앱 디자인] 강의입니다.

'호텔 현대라한_목포점' 사이트 제작으로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. html/css기초 지식이 있는 분들을 대상으로 html Markup과 Layout제작에 대한 이해는 물론 Fixheader, Image Slider, MenuOpen Bar, Scroll Animation 제작까지의 웹에서 꼭 필요로한 skill을 배울 수 있는 웹페이지 제작 실전! 강의입니다.

✍️
이런 걸
배워요!
HTML Markup & CSS Style
스크롤 시 디자인이 변경되는 FixHeader jQuery
스크롤 이벤트 애니메이션 jQuery(scrolla.js) 활용과 적용법
애니메이션이 들어간 이미지 슬라이드 jQuery(slick.js) 활용과 응용
Open 버튼 클릭 시 나타나는 GNB navBar 제작하기

HTML + CSS로 Layout & Animation 제작을 익히는
돕다 Basic Course를 들으셨나요?

레이아웃과 애니메이션 제작에 대한 이해가 되셨다면, 이젠 좀 더 액티브한 요소들을 구현해 볼까요? 
웹페이지 제작에 필요한 jQuery의 기초부터 활용까지 배울 수 있으며, 라이브러리와 플러그인을 활용하여 단시간에 멋있고 화려한 웹페이지를 제작할 수 있도록 여러분을 도와드립니다.


어떤것을 배울 수 있을까요?

⏰ 실무는! 속도전이며, 확장성입니다. 작업시간 내에 빠르게, 고퀄리티의 프로젝트를 완료하시는 분만이 실력있는 디자이너, 퍼블리셔로 인정받고 대우받을 수 있습니다.

🚩실무에서 꼭 필요로 하는 인터랙티브 요소들로 구성된 웹페이지 강의를 통해 업무 스킬과 실무 핵심 노하우를 한번에 얻을 수 있습니다.

💻호텔 현대라한 사이트 Basic + Application Course를 함께 만들어보면서, 화려한 웹사이트도 빠르게 제작해나갈 수 있는 노하우를 익혀보세요!


누구에게 필요할까요?

  • CSS Animation 그 이상의 화려함과 액티브함을 구현하고 싶으신 분
  • 웹에서 필요로 하는 JavaScript와 jQuery의 기본을 알고 싶으신 분
  • 업무 속도와 확장성을 위해 단시간에 액티브한 웹을 구현하고 싶으신 분
  • 웹디자이너/퍼블리셔로 취업을 위해 포트폴리오를 제작하고 싶으신 분
  • 현재 그래픽 디자이너로서 웹디자이너/퍼블리셔로 전향하고 싶으신 분

학습 내용 살펴보기


호텔 현대라한 메인 (Full page)

Images Slider 제작

Tab Menu 제작

가상선택자 및 hover 효과

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
HTML/CSS 기초는 있으나 웹페이지 제작이 두려우신 분
웹디자이너, 퍼블리셔로 취업을 위해 빠르게 포트폴리오를 제작하고 싶으신 분
웹에서 필요로 하는 jQuery 소스를 익히고 싶으신 분
JavaScript 기초 없이 실무에서 필요로 하는 인터랙티브 웹을 손쉽게 구현하고 싶으신 분
현재 그래픽 디자이너로 프론트엔드 개발자나 퍼블리셔로 취업하고 싶으신 분
웹디자이너로서 업무 스킬을 향상시키고 싶으신 분
확장성을 고려한 인터랙티브 웹을 빠르게 구현하고 싶으신 분
📚
선수 지식,
필요한가요?
HTML / CSS 기초
실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic_Course)

안녕하세요
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의 썸네일
커리큘럼 총 23개 ˙ 1분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. header 영역 제작하기
header 영역 제작하기_01
header 영역 제작하기_02
섹션 2. visual 영역 제작하기
visual 영역 제작하기_01
visual 영역 제작하기_02
visual 영역 제작하기_03
섹션 3. contents 영역 제작 (Introduce 영역)
Introduce 영역_01
Introduce 영역_02
Introduce 영역_03
Introduce 영역_04
섹션 4. contents 영역 제작 (offer 영역)
offer 영역
섹션 5. contents 영역 제작 (intro_dining 영역)
intro_dining 영역_01
intro_dining 영역_02
intro_dining 영역_03
섹션 6. contents 영역 제작 (greetings 영역)
greetings 영역
섹션 7. contents 영역 제작 (news_notice 영역)
news_notice 영역_01
news_notice 영역_02
섹션 8. contents 영역 제작 (club_banner 영역)
club_banner 영역
섹션 9. footer 영역 제작
footer 영역 제작_01
footer 영역 제작_02
섹션 10. menuOpen 영역 (햄버거메뉴 제작)
menuOpen 영역 (햄버거메뉴 제작)_01
menuOpen 영역 (햄버거메뉴 제작)_02
섹션 11. fixed header (픽스헤더 제작)
강의 게시일 : 2020년 12월 17일 (마지막 업데이트일 : 2020년 12월 17일)
수강평 총 6개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
6개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
손은비 thumbnail
사랑해요 ㅠㅠ
2020-12-24
지식공유자J.영
손은비님 ~ 와우 ~~ 이런 멋진 수강평을...~~ 감사합니다^^ 저도 사랑합니다^^ 오늘도 좋은하루 되세요^^ J.young드림
2020-12-24
geun p thumbnail
감사합니다
2021-03-08
지식공유자J.영
geun p님 감사합니다. 좋은강의로 찾아뵙겠습니다.
2021-03-11
드로우 thumbnail
좋은 강의 감사합니다.
2021-01-25
지식공유자J.영
드로우님 감사합니다~~ 더욱 더 좋은강의로 찾아뵙도록 하겠습니다. J.young드림
2021-01-25
Heeyong Kim thumbnail
제이쿼리 부분도 알기 쉽게 설명해 주셔서 너무 도움이 되었습니다. 감사합니다.
2021-01-26
지식공유자J.영
Heeyong Kim님 제이쿼리도 이해가 쉬우셨다니 제가 감사합니다~~ 조만간 좋은강의로 찾아뵙도록 하겠습니다. 감사합니다^^
2021-01-27
aqua8410 thumbnail
HTML/CSS 기초만 있는 상태였는데, 실제 호텔 웹사이트를 만들어 나간다는 부분에서 굉장히 많은 흥미를 느끼고 수강하게 되었습니다. 우선 강의를 차근차근 진행해주셔서 너무 좋았습니다. 메모장으로 요약해 주신 정보들은 향후 복습에 많은 도움이 될 것 같아요. 또한 css랑 js 파일 다루실 때 실시간으로 결과를 보여주시면서 코딩 하시니까 어느 부분이 어떻게 적용되는지에 대해서 잘 이해할 수 있었습니다. 좋은 강의 감사합니다. ^^
2021-02-16
지식공유자J.영
aqua8410님 학습하시는데 많은 도움이 되셨다니 감사합니다. 앞으로도 좋은강의로 찾아뵙도록 하겠습니다. 감사합니다^^ J.young드림
2021-02-16

무료

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