쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기
쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기
수강정보 7명의 수강생
30% 할인, D-14
34,650원
49,500원
지식공유자 : LIZ.B
26회 수업 · 총 4시간 14분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

웹디자인기능사 실기 시험을 준비하시는 분들에게 짧고 쉽게 배우는 강좌를 준비했습니다. 단지 시험 때문이 아니더라도, 웹표준 양식에 맞는 사이트 구현에 관심있으신 분이라면 환영합니다.

쉽고! 짧고! 강하게 준비하세요! 
2021년 웹디자인 기능사 실기시험 완벽 가이드

한 달 동안, 짧고 강력하게 공부하세요!

30일 정도 바짝 공부하세요, 코딩의 ‘코’ 자도 몰라도 합격할 수 있습니다.
필요한 내용만 쏙~ 골라서 공부하고 합격하시면 됩니다.
합격에 필요한 내용만 뽑아서 시간을 절약하세요!

✅ 쉽고 재미있게 배우는 강의, 코딩의 즐거움을 알게 되실 거예요!
✅ 한가지 유의하실점 웹표준의 기초는 배우고 공부하시는게 좋은 수업입니다. 인프런에 있는 HTML기초강의를 듣고 수업을 들으시면 감사하겠습니다!
✅ 웹디자인으로 취업을 원하신다면? 특히나 웹디자인기능사 자격증을 우대하는 경우가 많습니다. 그만큼 준비된 사람이니까요.

이 강의에서 배우는 것들 ✔

  • 문제 유형을 파악하고 분석해서 필요한 내용만 골라서 쉽게 익히세요!
  • 웹디자인 기능사 실기시험 문제, 샐 틈 없는 완벽 가이드
  • HTML 정보 설계 방법 배우기
  • CSS로 화면 레이아웃 만들기
  • jQuery로 동적화면 만들기 (슬라이드, 네비게이션, 탭 메뉴, 레이어팝업)
  • 이해되지 않는 부분은 살짝 외우셔도 됩니다. 슬라이드 제작, 어렵지 않아요!
  • jQuery 슬라이드 애니메이션 (가로 슬라이드, 세로 슬라이드, Fade-In/Out 슬라이드)
  • 웹디자인 기능사 실기시험을 위한 필수적인 포토샵 CS6 사용법 및 이미지 제작 영상
  • 최종본 12가지 제작 파일 다운로드

📚 강의 구성

섹션00. 웹디자인 기능사 자격증 실기시험 강좌 소개

  • 웹디자인 기능사 자격증 실기시험 강좌 소개
  • 웹디자인 기능사 실기시험 절차, 요령, 제출 방법

섹션01. 코딩에 사용되는 editor 사용법 알기

  • 블라켓츠(Brackets) 사용법 및 단축키 활용
  • 블라켓츠(Brackets)에서 에밋(Emmet) 사용법 및 단축키 활용)
  • 블라켓츠(Brackets) 실시간 미리보기(웹디자인 기능사 실기시험 폴더 구조 만들기)

섹션02. cs6을 활용한 Content image 제작하기

  • Image 제작 방법
  • Slider 이미지의 가독성을 높여 제작하는 방법

섹션04. A,B layout 파악하고 제작하기

  • 전체 Prototype 설계
  • 유형1) AB header CSS/Script
  • 유형2) AB header CSS/Script
  • 유형3) AB header CSS/Script
  • 유형4) C header CSS/Script
  • 유형5) C header CSS/Script
    • 유형1) Slider(좌우형) CSS/Script 
    • 유형2) Slider(상하형) CSS/Script
    • 유형3) Slider(Fade-in/out형) CSS/Script
    • 유형1) Content CSS/Script(Tab menu/popup)
    • 유형2) Content CSS/Script(Tab menu/popup)

    • Footer CSS
    • 최종완성파일 확인하기

    섹션05. 필수 체크! 점수 높이기

    • 웹디자인 실기시험 고득점을 위한 필수 항목들(팁, 감점사항, 오류체크 등)

    ※ 완성본 다운로드(유형별로 한번씩 따라해 봅니다!)

    1. [01A-1] 제작 완성본
    2. [02A-2] 제작 완성본
    3. [03A-3] 제작 완성본
    4. [04A-4] 제작 완성본
    5. [01B-1] 제작 완성본
    6. [02B-2] 제작 완성본
    7. [03B-3] 제작 완성본
    8. [04B-4] 제작 완성본
    9. [01C-1]제작 완성본
    10. [02C-2] 제작 완성본
    11. [03C-3] 제작 완성본
    12. [04C-4] 제작 완성본

    이런 걸 배워요

    • 자격증 합격에 고득점은 필요없어요! 그냥 합격하고 싶으신 분
    • 웹 디자인 기능사 실기 문제 유형 파악
    • 웹 디자인 기능사 실기 문제풀이 및 실습
    • 짧은시간 필요한 내용만 쏙 빼내서 시험을 준비하실분
    • HTML/CSS+jQuery 핵심 이론 실기

    도움 되는 분들

    • 코딩 울렁증 있으신 분 - 한땀한땀 만들어가요!
    • 기본적인 원리를 알고 웹표준에 맞는 코딩을 배우고 싶으신분
    • 웹표준코딩의 핵심기술을 배우고 싶으신 분!

    선수 지식

    • 기본적인 HTML/CSS 지식

    공개 일자

    2020년 11월 10일 (마지막 업데이트 일자 : 2020년 11월 10일)

    지식공유자 소개

    건축학을 전공했고 웹디자인과 인연을 맺은건 언 20여년이 넘었습니다. 실무와 강의를 병행하며  많은 희노애락 끝에 현재는 이 일을 많이 애정하게 되었고,  흥미와 성취감으로 더 매진하게 되었습니다. 제가 알고 있는 지식들을 공유하여, 좀더 많은 비전공자들이 쉽게 입문하기를 바라며, 그대가 원하는 모든 일들이 이루어 지길 기원합니다.

    Lucete!

    강의경력  
    □ 現 대우직업능력개발원 프론트엔드 / 멀티미디어 / 웹콘텐츠 과정 강의
    • 2020-11. 프론트엔드 전문가 과정 진행예정
    •  2020-05. ~2020-11 멀티미디어콘텐츠 제작전문가 양성 
    •  2019-12 ~ 2020-05 웹콘텐츠 양성 8기 
    • 2019-07 ~ 2019-12 웹콘텐츠 양성 7기 
    • 2019-02 ~ 2019-07 웹콘텐츠 양성 5기 (2/3)
    • 2018-10 ~ 2019-03 웹콘텐츠 양성 4기 (2/3)
    • 2018-07 ~ 2019-12 웹콘텐츠 양성 3기 
    • 2018-02 ~ 2019-07 웹콘텐츠 양성 1기 
    □ 하이미디어 UI/UX 웹퍼블리싱 강의
    □ 이젠컴퓨터 UI/UX 웹퍼블리싱 강의
    □ 더조은컴퓨터학원 종로캠퍼스 웹디자인 강의
    □ 더조은컴퓨터학원 강남캠퍼스 웹디자인/그래픽 강의
    □ 영재직업전문학교 웹디자인 강사
      자격증  
    □ 웹디자인기능사 자격증
    □ 그래픽스운용기능사 자격증 
    □ KPC 자격지도자(GTQ,GTQi,GTQid) 자격증
    □  직업능력개발훈련교사(정보기술, 디자인,문화컨텐츠) 
    실무경력  
    □ 現 UI/UX 프리랜서 디자이너 
    □ 샵피온 디자인팀 웹디자이너 
    □ (주)가람정보통신  웹디자이너
    □ (주)에어패스 웹디자이너
    □ (주)캐리어스 SI팀 웹디자이너

    아직 평가를 충분히 받지 못한 강의 입니다.
    모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️

    교육과정

    모두 펼치기 26 강의 4시간 14분
    섹션 1. cs6을 활용한 content image제작하기
    2 강의 30 : 07
    섹션 2. brackets 사용법 및 단축키소개
    1 강의 08 : 25
    섹션 3. 최종본 12가지 제작 파일 다운로드
    1 강의
    전체파일 다운로드하기
    섹션 4. header 유형별 제작하기
    1 강의 09 : 41
    A_B_header유형_01 prototype / reset layout
    09 : 41
    섹션 5. slider 유형별 제작하기
    10 강의 95 : 14
    A_B_header유형_01 layout
    13 : 37
    A_B_header유형_01 layout / script
    08 : 31
    A_B_header유형_02
    03 : 21
    A_B_header유형_03
    15 : 20
    C_header유형_01
    14 : 39
    C_header유형_02
    09 : 22
    A_B_C_slider유형_01 prototype / layout
    12 : 00
    A_B_C_slider유형_01 script
    07 : 33
    A_B_C_slider유형_02
    03 : 28
    A_B_C_slider유형_03
    07 : 23
    섹션 6. content 유형별제작하기
    6 강의 69 : 54
    A_B_C_content유형_01 prototype
    13 : 35
    A_B_C_content유형_01 layout01
    11 : 33
    A_B_C_content유형_01 layout02
    15 : 42
    A_B_C_content유형_01 script
    07 : 04
    A_B_C_content유형_02 prototype / layout
    09 : 43
    A_B_C_content유형_02 layout / script
    12 : 17
    섹션 7. footer 유형별 제작하기
    2 강의 13 : 27
    A_B_C_footer유형_01
    09 : 28
    A_B_C_footer유형_02
    03 : 59
    지식공유자 되기
    많은 사람들에게 배움의 기회를 주고,
    경제적 보상을 받아보세요.
    지식공유참여
    기업 교육을 위한 인프런
    “인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
    자유롭게 학습하는 환경을 제공하세요.
    인프런 비즈니스