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

‘포메인(PhoMein)’ 메인 페이지 만들기

클래스 소개
난이도
보통
카테고리
웹 프로그래밍 - 프로그래밍
태그
자바스크립트, CSS, HTML, jQuery
수료증
발급 가능
추천 학습대상
- HTML/CSS 기초는 있으나 웹페이지 제작이 두려우신 분
- 웹디자이너, 퍼블리셔로 취업을 위해 빠르게 포트폴리오를 제작하고 싶으신 분
- 웹에서 필요로 하는 jQuery 소스를 익히고 싶으신 분
- JavaScript 기초 없이 실무에서 필요로 하는 인터랙티브 웹을 손쉽게 구현하고 싶으신 분
- 현재 그래픽 디자이너로 프론트엔드 개발자나 퍼블리셔로 전향하고 싶으신 분
- 웹디자이너로서 업무 스킬을 향상시키고 싶으신 분
- 확장성을 고려한 인터랙티브 웹을 빠르게 구현하고 싶으신 분


강좌의 특별함 기본 지식만 있어도 인터랙티브 웹 제작 OK! HTML과 CSS에 대한 기본 지식을 갖춘 분들을 위한 수업 HTML Tag와 CSS 속성은 알지만 레이아웃 제작은 어려우셨나요? 이 강좌는 출시되어 있는 실제 웹 페이지를 그대로 구현하며, HTML Markup과 CSS 디자인 기본을 다질 수 있도록 구성했습니다. 다양한 예제를 통해 레이아웃 제작에 대한 자신감과 흥미를 심어드리니 함께 클론 코딩 레이아웃에 도전해 볼까요?



함께 배워볼 거예요 화려한 웹 페이지를 빠르게 만들 수 있는 노하우

실력 있는 디자이너, 퍼블리셔로 인정받기 위해서는 속도와 확장성이 중요합니다. 이 강좌에서는 빠른 시간에 높은 퀄리티를 이끌어내기 위한 실무 핵심 노하우를 그대로 전해드립니다. 웹 페이지 제작에 필요한 jQuery를 기초부터 활용까지 배우고, 다양한 라이브러리와 플러그인을 활용해 짧은 시간에 멋진 웹페이지를 만들 수 있도록 도와드려요. 포메인 사이트(https://www.phomein.com/brand/main/main.do)를 함께 만들어 보면서, 업무 스킬과 제작 노하우를 한 번에 얻어 가세요!



함께 만들어볼 거예요 레이아웃부터 인터랙티브 요소까지

● Fullpage 레이아웃


● 이미지 슬라이드



● GNB 네비게이션



● Fullpage 네비게이션




추천 수강자 이런 분께 추천해요


  • HTML/CSS 기초는 배웠는데 웹페이지 제작이 어려우신 분
  • 웹에서 필요로 하는 jQuery 소스를 배우고 싶으신 분
  • 실무에서 필요로 하는 인터랙티브 웹을 쉽게 만들고 싶으신 분
  • 웹 디자이너, 퍼블리셔 취업용 포트폴리오를 빠르게 제작하고 싶으신 분



강의자 실무+강의 경력 20년차 J.young입니다


안녕하세요. 저는 20여 년간 웹 디자인 & 앱 개발회사에서 디자인팀 총괄로 팀을 운영하며, 틈틈이 대학교와 직업훈련기관에서 UI·UX 디자인, 웹 디자인, 웹 퍼블리셔, 프론트엔드 개발 강의를 하고 있습니다. 코딩이나 디자인에 대한 기초가 전혀 없는 학생들도 전문가(웹 디자이너/퍼블리셔)로 성장할 수 있도록 지도하고 있습니다. 언제든 궁금하신 점이 있다면 댓글 남겨주세요. 최선을 다해 도와드리겠습니다. 잘난웹디 유튜브 채널도 놀러 오세요:) 실무 경력

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

강의 경력

  • 인천문예전문학교 (멀티미디어웹강의)
  • 서울현대직업전문학교 (스마트웹 & 앱강의)
  • 폴리텍대학 (디자인강의)
  • 한국IT전문학교 (멀티미디어디자인 강의)
  • 두드림직업전문학교 (디자인강의)
  • 광명시여성비전센터 (웹디자인강의)
  • 이젠컴퓨터학원강의 분당점 (디자인강의)
  • 더조은컴퓨터아카데미 서초점 ([웹디자인기능사]디지털웹&앱디자인-과정평가형자격-A)
  • 하이미디어컴퓨터학원 서초점 (영상을 활용한 UI/UX 웹디자인&웹퍼블리셔)
교육 과정
모두 펼치기
  • 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 영역 제작
마지막 업데이트|2021년 09월 16일
강의자 소개
안녕하세요. 구름에듀 캡틴 J.young입니다. 함께 학습을 시작해봐요!

강좌 후기
28,000

평균평점
4.5
난이도
보통
수강기간
평생 무제한