Thumbnail
개발 · 프로그래밍 웹 개발
쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기
34명이 수강하고 있어요.

49,500원

지식공유자 : LIZ.B
총 34개 수업˙총 5시간 46분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
내 목록 추가 19 공유
초급자를 위해 준비한
[웹 개발, 웹앱 디자인] 강의입니다.

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

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

쉽고! 짧고! 강하게 준비하세요! 
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 지식

    안녕하세요
    LIZ.B 입니다.
    LIZ.B의 썸네일

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

    Lucete!

    강의경력  
    □ 現 대우직업능력개발원 프론트엔드 / 멀티미디어 / 웹콘텐츠 과정 강의
    • 2018.3 -현재. 웹 디자인/멀티미디어/프론트엔드 전문가과정 진행
    □ 하이미디어 UI/UX 웹퍼블리싱 강의
    □ 이젠컴퓨터 UI/UX 웹퍼블리싱 강의
    □ 더조은컴퓨터학원 종로캠퍼스 웹디자인 강의
    □ 더조은컴퓨터학원 강남캠퍼스 웹디자인/그래픽 강의
    □ 영재직업전문학교 웹디자인 강의
      자격증  
    □ 웹디자인기능사 자격증
    □ 그래픽스운용기능사 자격증 
    □ KPC 자격지도자(GTQ,GTQi,GTQid) 자격증
    □  직업능력개발훈련교사(정보기술, 디자인,문화컨텐츠) 

    커리큘럼 총 34개 ˙ 5시간 46분의 수업
    이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
    섹션 1. cs6을 활용한 content image제작하기
    섹션 2. brackets 사용법 및 단축키소개
    섹션 3. 최종본 12가지 제작 파일 다운로드
    전체파일 다운로드하기
    섹션 4. header 유형별 제작하기
    A_B_header유형_01 prototype / reset layout 09:41
    섹션 5. slider 유형별 제작하기
    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 유형별제작하기
    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 유형별 제작하기
    A_B_C_footer유형_01 09:28
    A_B_C_footer유형_02 03:59
    섹션 8. 전체 화일 a-1도면 풀이
    수업에 대한 소개 미리보기 01:47
    prototype 작성하기 19:59
    layout 01 15:06
    layout 02 25:57
    layout 03 - footer ,popup 06:15
    script 01 - header 05:50
    script 02 - visual 10:29
    script 03 - content , tab 06:52
    강의 게시일 : 2020년 11월 10일 (마지막 업데이트일 : 2021년 04월 10일)
    수강평
    수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
    아직 평가를 충분히 받지 못한 강의 입니다.
    모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️

    49,500원

    내 목록 추가 19 공유
    지식공유자 : LIZ.B
    총 34개 수업˙총 5시간 46분
    평생 무제한 수강
    수료증 발급 강의
    입문 초급 대상 중급이상
    수강 전 궁금한 점이 있나요?
    문의하기
    문의
    지식공유자 되기
    많은 사람들에게 배움의 기회를 주고,
    경제적 보상을 받아보세요.
    지식공유참여
    기업 교육을 위한 인프런
    “인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
    자유롭게 학습하는 환경을 제공하세요.
    인프런 비즈니스