실전! 웹사이트 제작 Step by Step - 호텔 라한 Application Course - goormEDU

실전! 웹사이트 제작 Step by Step - 호텔 라한 Application Course

'호텔 현대라한_목포점' 메인페이지를 그대로 제작·구현하며 마크업과 레이아웃 및 웹 필수 스킬을 배우는 강좌입니다.

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Tag
jQuery, 웹퍼블리싱, 인터렉티브웹, 웹디자인, 웹클론, 웹개발
Target Audience
- HTML/CSS 기초는 있으나 웹페이지 제작이 두려우신 분
- 웹디자이너, 퍼블리셔로 취업을 위해 빠르게 포트폴리오를 제작하고 싶으신 분
- 웹에서 필요로 하는 jQuery 소스를 익히고 싶으신 분
- JavaScript 기초 없이 실무에서 필요로 하는 인터랙티브 웹을 손쉽게 구현하고 싶으신 분
- 현재 그래픽 디자이너로 프론트엔드 개발자나 퍼블리셔로 취업하고 싶으신 분
- 웹디자이너로서 업무 스킬을 향상시키고 싶으신 분
- 확장성을 고려한 인터랙티브 웹을 빠르게 구현하고 싶으신 분
👀 호텔 라한 메인페이지를 그대로 제작해보며 인터렉티브 웹의 개념을 꽉 잡아볼까요?




'돕다' 웹사이트 클론으로 웹 기초를 익혔다면?

레이아웃과 애니메이션 제작에 대해 이해하셨다면, 이젠 좀 더 액티브한 요소들을 구현해볼까요?

웹페이지 제작에 필요한 jQuery의 기초부터 활용까지 배울 수 있으며, 라이브러리와 플러그인을 활용해 멋있고 화려한 웹페이지를 단 시간내에 제작할 수 있도록 여러분을 도와드릴게요!🙆‍♀️









실무에서는 속도와 확장성을 모두 잡아야하죠! 작업시간 내에 빠르게 고퀄리티의 프로젝트를 완료해야만 실력있는 디자이너, 퍼블리셔로 인정받고 대우받을 수 있습니다.

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

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

끝까지 해낼 수 있도록 도와드릴게요.







공부할 내용을 미리 살펴볼까요?


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



Images Slider 제작



Tab Menu 제작



가상선택자 및 hover 효과








20년 경력의 실무+강의 노하우



J.young

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

20여년간의 웹디자인 & 앱개발회사에서 디자인팀 총괄로 팀을 운영하며, 틈틈히 대학과 학교 및 직업훈련기관에서 UI.UX디자인, 웹디자인, 웹퍼블리셔, 프론트엔드개발강의를 하고 있습니다. 디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(웹디자이너/ 퍼블리셔) 양성을 위해

  • 기초부터 실무까지!
  • 실무에서 원하는!
  • 실무에서 바로 써 먹을 수 있는 포트폴리오 제작!

강의를 진행하며 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다. 그런만큼... 많은 제자들이 현직 디자이너로 퍼블리셔로 그 역량을 발휘하고 있습니다.

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

J.young이 도와드리겠습니다.!!

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


실무경력

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


강의경력

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

감사합니다^^ 

Curriculum
Expand All
  • 01
    Intro
  • 강좌 소개 및 강의용 결과파일 다운로드
  • 02
    header 영역 제작하기
  • header 영역 제작하기_01
    header 영역 제작하기_02
  • 03
    Visual 영역 제작하기
  • Visual 영역 제작하기_01
    Visual 영역 제작하기_02
    Visual 영역 제작하기_03
  • 04
    Contents 영역 제작하기 - Introduce 영역
  • Introduce 영역 제작하기_01
    Introduce 영역 제작하기_02
    Introduce 영역 제작하기_03
    Introduce 영역 제작하기_04
  • 05
    Contents 영역 제작하기 - offer 영역
  • offer 영역 제작하기
  • 06
    Contents 영역 제작하기 - intro_dining 영역
  • intro_dining 영역 제작하기_01
    intro_dining 영역 제작하기_02
    intro_dining 영역 제작하기_03
  • 07
    Contents 영역 제작하기 - greetings 영역
  • greetings 영역 제작하기
  • 08
    Contents 영역 제작하기 - news_notice 영역
  • news_notice 영역 제작하기_01
    news_notice 영역 제작하기_02
  • 09
    Contents 영역 제작하기 - club_banner 영역
  • club_banner 영역 제작하기
  • 10
    footer 영역 제작하기
  • footer 영역 제작하기_01
    footer 영역 제작하기_02
  • 11
    menuOpen(햄버거 메뉴) 영역 제작하기
  • menuOpen(햄버거 메뉴) 영역 제작하기_01
    menuOpen(햄버거 메뉴) 영역 제작하기_02
  • 12
    Fixed header(픽스헤더) 제작하기
  • Fixed header(픽스헤더) 제작하기
Instructor Introduction
user
J.youngTeacher

Lecture Reviews
  • No reviews have been written.
27,500

Average Rating
3.0
Difficulty
Normal
Lecture Period
Unlimited