성장의 계절, 모든 강의 30% 할인!

Thumbnail
진짜 시작, 봄맞이 30% 할인 중(D-8)
BEST
개발 · 프로그래밍 웹 개발

실전! 웹사이트제작! Step by Step! ('라한호텔' 사이트제작_Application Course) 대시보드

(5)
11개의 수강평 ∙  451명의 수강생

30%

19,250원

27,500원
지식공유자: J.영
총 23개 수업 (4시간 3분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 개발, 웹 퍼블리싱] 강의입니다.

'호텔 현대라한_목포점' 사이트 제작으로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. 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디자인,웹디자인,웹퍼블리셔, 프론트엔드개발강의를 하고 있습니다.

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

그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.

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

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

 

실무경력

- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- ~2003년: 서우씨앤디 디자인실장

강의경력
- 인천문예전문학교
- 서울현대직업전문학교
- 폴리텍대학
- 한국IT전문학교
- 이젠아카데미 (서초점) (프론트엔드/ UI.UX/ 포트폴리오제작 강의)
- 더조은컴퓨터아카데미 서초점 (UI/UX /프론트엔드개발)
- 현)이젠DX교육센터 강남점(프론트엔드/ UI.UX/포트폴리오제작 강의)

 

감사합니다^^ 


운영중인유튜브

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

공동 지식공유자: janey23의 썸네일
커리큘럼 총 23 개 ˙ 4시간 3분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Intro
사이트 소개 및 강의진행용 결과파일 첨부 . 01:51
섹션 1. header 영역 제작하기
header 영역 제작하기_01 미리보기 12:44
header 영역 제작하기_02 14:24
섹션 2. visual 영역 제작하기
visual 영역 제작하기_01 07:02
visual 영역 제작하기_02 11:39
visual 영역 제작하기_03 18:55
섹션 3. contents 영역 제작 (Introduce 영역)
Introduce 영역_01 13:08
Introduce 영역_02 18:57
Introduce 영역_03 11:19
Introduce 영역_04 15:49
섹션 4. contents 영역 제작 (offer 영역)
offer 영역 15:04
섹션 5. contents 영역 제작 (intro_dining 영역)
intro_dining 영역_01 04:18
intro_dining 영역_02 14:39
intro_dining 영역_03 04:13
섹션 6. contents 영역 제작 (greetings 영역)
greetings 영역 04:02
섹션 7. contents 영역 제작 (news_notice 영역)
news_notice 영역_01 05:04
news_notice 영역_02 14:13
섹션 8. contents 영역 제작 (club_banner 영역)
club_banner 영역 05:53
섹션 9. footer 영역 제작
footer 영역 제작_01 07:20
footer 영역 제작_02 17:42
섹션 10. menuOpen 영역 (햄버거메뉴 제작)
menuOpen 영역 (햄버거메뉴 제작)_01 05:51
menuOpen 영역 (햄버거메뉴 제작)_02 14:56
섹션 11. fixed header (픽스헤더 제작)
강의 게시일 : 2020년 12월 17일 (마지막 업데이트일 : 2020년 12월 17일)
수강평 총 11개
수강생분들이 직접 작성하신 수강평입니다.
5
11개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
시원한 돼지 thumbnail
5
포트폴리오를 어떻게 만들어야 할지 전혀 갈피를 못 잡고 있었는데 J.영 선생님의 강의 덕분에 처음으로 웹페이지를 만들었어요 ! 오늘 완강했고 이제 반응형 웹페이지도 수강해보려고 합니다 ! 정말 감사합니다 ! 웹페이지를 직접 만들면서 배우니까 어렵지만 정말 확실한 방법인 것 같습니다 선생님 진짜 감사해요 ! 🧸❤️
2021-12-06
지식공유자 J.영
sh b님~ 포트폴리오제작에 도움이 되셨다니~ 정말 다행입니다. 퀄리티있는 포트폴리오 만드셔서~~ 좋은 회사에 취직되시길 바래요^^ 감사합니다^^ J.young드림
2021-12-07
손은비 thumbnail
5
사랑해요 ㅠㅠ
2020-12-24
지식공유자 J.영
손은비님 ~ 와우 ~~ 이런 멋진 수강평을...~~ 감사합니다^^ 저도 사랑합니다^^ 오늘도 좋은하루 되세요^^ J.young드림
2020-12-24
dn9297 thumbnail
5
좋은강의 내용이였어요. !!
2021-08-06
지식공유자 J.영
dn9297님 수강평 감사드립니다^^ 지속적으로 좋은 강의로 찾아뵙도록 하겠습니다. 감사합니다. J.young드림
2021-08-11
baby4 thumbnail
5
마크업 복습 중인데 좋네요!
2022-09-09
toisaj thumbnail
5
도움됩니다!!
2023-05-11
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!