실전!웹사이트제작 Step By Step! (클론코딩 : crew a la Mode 사이트제작 - 반응형웹) - goormEDU

실전!웹사이트제작 Step By Step! (클론코딩 : crew a la Mode 사이트제작 - 반응형웹)

크루알라모드(https://crewalamode.com/) 메인페이지를 그대로 제작해 보는 과정입니다.

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Target Audience
- HTML/CSS기초는 있으나 웹페이지 제작이 두려우신 분
- 그래픽 디자이너가 프론트앤드개발자로 전향하고 싶으신 분
- 웹디자이너, 퍼블리셔로 취업을 위해 빠르게 포트폴리오를 제작하고 싶으신 분
- 웹디자이너, 퍼블리셔로 취업을 위해 다양한 레이아웃을 설계 구현하고 싶은 분
- 확장성을 고려한 인터랙티브 웹을 빠르게 구현하고 싶으신 분



HTML과 CSS만 알아도

웹페이지 & Interative Web 제작 OK!

  • 이 강의는 HTML과 CSS에 대한 기본 지식을 갖춘 분들을 위해 실제 웹페이지를 그대로 구현하며 진행됩니다. 



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


웹페이지 제작에 필요한 jQuery의 기초부터 활용까지 배울 수 있으며, 
다양한 라이브러리와 플러그인을 활용하여 단시간에 멋있고 화려한 웹페이지를 제작할 수 있도록 여러분을 도와드립니다.



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

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

크루알라모드 사이트를 함께 만들어 보면서, 화려한 웹사이트도 빠르게 제작해나갈 수 있는 노하우를 익혀보세요!



1. html과 css를 통한 초간단 레이아웃 작성법
2. transfrom을 활용한 다양한 호버효과
3. 스크롤에 따라 디자인이 변경되는 헤더 
4. 플러그인을 활용한 텍스트 애니메이션
5. 스크롤시 진행되는 애니메이션

* 다양한 스크롤 애니메이션

* 반응형 웹페이지 제작

[ PC ]

[ Tablet]


[ Mobile

* 개발자도구 활용법



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

J.young

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

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

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

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

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

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

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

 

실무경력

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

 

강의경력

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



J.young 쌤의 다른 강의 보러가기!

Preview
Expand All
  • 01
    Intro
  • 강의 소개 영상
Curriculum
Expand All
  • 01
    Intro
  • 강의 소개 영상
    브라켓 설치 & 결과파일 첨부
    구름IDE
  • 02
    1. header 영역 제작하기
  • header 영역 제작
  • 03
    2. visual 영역 제작하기
  • visual 영역 제작
  • 04
    3. contents 영역 제작하기
  • contents 영역(section.about)
    contents 영역(section.approach)
    contents 영역(section.sectore)
    contents 영역(section.service)
    contents 영역(section.journal)
  • 05
    4. footer 영역 제작하기
  • footer 영역 제작
  • 06
    5. fixed header (픽스헤더 제작)
  • fixed header 제작
  • 07
    6. Scroll animation,Text animation
  • 스크롤/텍스트 애니메이션 제작_1
    스크롤/텍스트 애니메이션 제작_2
    스크롤/텍스트 애니메이션 제작_3
  • 08
    7. GNB 네비게이션 제작하기
  • GNB 네비게이션 제작
  • 09
    8. Responsive (반응형 웹 제작)
  • 반응형 웹 제작_(max-width:1400px)
    반응형 웹 제작_(max-width:1024px)
    반응형 웹 제작_(max-width:768px)
    반응형 웹 제작_(max-width:500px)
Instructor Introduction
user
J.youngTeacher

Lecture Reviews
28,000

Average Rating
0.0
Difficulty
Normal
Lecture Period
Unlimited