실전!웹사이트제작 Step By Step! (클론코딩 : 포메인사이트제작 - 풀페이지) - goormEDU

실전!웹사이트제작 Step By Step! (클론코딩 : 포메인사이트제작 - 풀페이지)

포메인(https://www.phomein.com/brand/main/main.do) 메인페이지를 그대로 제작해 보는 과정입니다.

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Certificate
You can issue a certificate of completion
Target Audience
- HTML/CSS 기초는 있으나 웹페이지 제작이 두려우신 분
- 웹디자이너, 퍼블리셔로 취업을 위해 빠르게 포트폴리오를 제작하고 싶으신 분
- 웹에서 필요로 하는 jQuery 소스를 익히고 싶으신 분
- JavaScript 기초 없이 실무에서 필요로 하는 인터랙티브 웹을 손쉽게 구현하고 싶으신 분
- 현재 그래픽 디자이너로 프론트엔드 개발자나 퍼블리셔로 전향하고 싶으신 분
- 웹디자이너로서 업무 스킬을 향상시키고 싶으신 분
- 확장성을 고려한 인터랙티브 웹을 빠르게 구현하고 싶으신 분


html Tag와 CSS속성은 알지만 레이아웃제작은 남의얘기라구요?

출시되어 있는 웹 레이아웃을 그대로 제작해 봄으로써 실전 웹사이트 레이아웃을 제작할 수 있어요!

HTML과 CSS만 알아도

웹페이지 & Interative Web 제작 OK!

  • 이 강의는 HTML과 CSS에 대한 기본 지식을 갖춘 분들을 위해 실제 웹페이지를 그대로 구현하며 진행됩니다. 
  • HTML Markup과 CSS 디자인 기본다지기!
  • 실전! 레이아웃  제작 의 다양한 예제를 다뤄봄으로써 레이아웃제작에 자신감UP! 흥미UP!
  • 클론 코딩 레이아웃 도전!!



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


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



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

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

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



1. 실무에 적합한 html과 css를 이용한 정확한 레이아웃 제작 방법

2. Fullpage 스크롤 레이아웃 제작 방법

3. Depth GNB 네이이션 제작 방법

4. 숫자 카운트업 제작 방법

5. 다양한 스크롤시 진행되는 애니메이션

6. 애니메이션이 들어간 이미지 슬라이드 제작 방법


Fullpage 레이아웃

* 이미지 슬라이드

* GNB 네비게이션


Fullpage 네비게이션




 

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

J.young

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

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

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

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

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

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

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

 

실무경력

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

 

강의경력

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


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

Curriculum
Expand All
  • 01
    브라켓 설치 & 결과파일 첨부
  • 브라켓 설치 & 결과파일 첨부
    구름IDE
  • 02
    1. Fullpage (풀페이지 레이아웃 제작)
  • Fullpage 레이아웃 제작_1
    Fullpage 레이아웃 제작_2
    Fullpage 레이아웃 제작_3
  • 03
    2. GNB 네비게이션 제작
  • GNB 네비게이션 제작
  • 04
    3. slide (이미지 슬라이드 제작)
  • slide 제작_1
    slide 제작_2
    slide 제작_3
  • 05
    4. CounterUp (카운트업 제작)
  • CounterUp 제작_1
    CounterUp 제작_2
  • 06
    5. Contents 영역 제작
  • Contents 영역 제작_1
    Contents 영역 제작_2
    Contents 영역 제작_3
    Contents 영역 제작_4
  • 07
    6. Footer 영역 제작
  • Footer 영역 제작
Instructor Introduction
user
J.youngTeacher

Lecture Reviews
28,000

Average Rating
0.0
Difficulty
Normal
Lecture Period
Unlimited