성장의 계절, 모든 강의 30% 할인!

Thumbnail
진짜 시작, 봄맞이 30% 할인 중(D-8)
개발 · 프로그래밍 웹 퍼블리싱

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기 대시보드

(4)
5개의 수강평 ∙  72명의 수강생

30%

34,650원

49,500원
지식공유자: LIZ.B
총 34개 수업 (5시간 46분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

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

✍️
이런 걸
배워요!
자격증 합격에 고득점은 필요없어요! 그냥 합격하고 싶으신 분
웹 디자인 기능사 실기 문제 유형 파악
웹 디자인 기능사 실기 문제풀이 및 실습
짧은시간 필요한 내용만 쏙 빼내서 시험을 준비하실분
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의 썸네일

    지식공유자의 오프라인 국기과정의 수강평 보기

    "반응형 웹디자인 양성 과정" 수강후기 바로가기
    (2022.03-2022.07)

    3월부터 현재까지 길다면 길고 짧다면 짧은 시간이었겠지만 제 인생에선 정말 중요하고 값진 기간이었던 것 같습니다. 사전에 지식은 어느정도 있긴 했지만, 어떻게 해야할지, 어떤 방향으로 가야할지, 뭘 해야할지 아무것도 모르고 막막했는데 선생님께서 성심성의껏 가르쳐주셔서 기술면에서도, 취업면에서도 확고하게 큰 성장을 이룰 수 있었던 것 같습니다.덕분에 자신감도 많이 늘고, 취업 이후에도 잘 할 수 있을 것 같다는 생각이 들어요! 수업 진행해주신 방미정 선생님, 그 외 취업 당담 선생님들께 너무 감사합니다! :) 취업 잘 하고 갑니당! 이후 기수분들도 힘내시고 좋은 경험 얻어가시길 바랄게요! 화이팅 :)

    3월부터 7월까지 웹 퍼블리셔 양성과정을 수강했습니다 :) 디자인 외에 아무것도 모르고 도전 했던 건데, 선생님과 동료들의 응원과 지지로 많은 걸 얻고 가는 거 같습니다. 학원에서 배운거 토대로 앞으로도 공부 열심히 해보겠습니당~~ 항상 친절히 알려주셨던 방미정 선생님, 그 외 취업 담당 선생님들께 너무 감사합니다!

    "프론트앤드 개발자 양성과정" 수강후기 바로가기
    (2020.11.17-2021.05.11)

    6개월이라는 시간이 짧게 느껴질 정도로 훈련과정이 흥미로웠습니다. 아이디어를 내고 디자인을 하는 작업은 시간이 오래 걸렸었지만 훈련과정을 통해 요령도 생기고, 작업 시간을 많이 단축시켜가는 제 모습을 보며 실력이 점점 발전한 것 같아 뿌듯하였습니다. 직업의 방향성을 잘 잡지 못하던 저에게는 이 훈련과정을 통해 배운 학습들은 나만의 지식이자, 직업의 방향성을 잡아준 이정표였고, 6개월간 함께 공부했던 프론트앤드 개발자 양성과정 3강의실 언니 오빠 동생들과 방미정 강사님은 좋은 인연이자 버팀목이었습니다. 방미정 강사님과 취업 지원팀 분들, 행정직원분들께서 열심히 도와주셨기에 훈련과정을 수료하기 전에 취업을 하게 된 것 같아 너무 감사드립니다. 이 과정 이외에 다른 좋은 과정들 또한 많이 있어 대우직업능력개발원 이란 학원을 저처럼 취업에 대한 두려움이 있거나, 직업의 방향성을 잘 잡지 못하는 후배와 동생들에게 추천해주고 싶습니다.

    처음 왔을 때 디자인도, 코딩도 한 번도 배우지 못한 제가 과연 이 과정을 듣고 취업을 할 수 있을까? 라는 걱정을 많이 했던 것 같습니다. 하지만 다니면 다닐수록 그런 걱정이 사라졌던 것 같아요. 일러스트, 포토샵, html, css, js, vue등 많은 것을 배웠습니다. 새로 배우는 게 많아서 초반에는 어려울 수도 있겠지만 열정 가득한 방미정 선생님께서 정말 잘 알려주셔서 걱정 안 해도 될 것 같아요.ㅎㅎ 다른 학원 후기를 보면 매년 같은 레파토리의 수업, 심지어 선생님께 질문해도 잘 모르는 경우가 있는데 선생님께서는 항상 열정을 가지고 새로운 것도 알려주려고 하시고 아는 것도 많으셔서 도움을 많이 받았습니다! 웹퍼블리셔, 웹디자이너가 되길 원하신다면 강추드립니다.~~

    작년 2020년 11월 우연한 기회로 대우직업능력개발원이라는 훌륭한 기관을 알게되고 ,이곳에서 훌륭한 선생님을 만나 좋은교육을 수강할수있게된것에 정말 감사드립니다 만일 제가 이 교육훈련과정을 듣지 않았더라면 아마 지금과 같은 취업기회는 생기기 어려웠을것입니다. 대학졸업후, 취업의 갈림길에서 갈피를 못잡고 방황하던시기에 어디서도 교육받기 어려운 선생님의 실제 실무경험과 노하우가 담긴 5~6개월간의 교육과정은 웹개발이라고는 전혀 알지못했던 제게 큰 배움과 성장의 기간이 되었습니다. 이를 기반으로 다양한 디자인과 웹개발을배웠고 저만의 포트폴리오 또한 만들수있었습니다. 제게는 너무나 생소한 코딩언어들을 배우는 일이 어려워 중도포기하고 싶은 순간들이 여러번 있었지만 포기하지않고 열번이고 다시 가르쳐주시는 선생님의 열정과 이끄심 덕분에 6개월과정을 모두 수료하기 이전(80%이상 수강)에 조기취업이되며 교육과정을 잘 마무리 할 수 있었습니다. 이렇게 첫 직장을 구하고 새출발 하는것이 가능하도록 만들어주신 선생님과, 대우직업능력개발원 기관에 깊은 감사를드립니다.

    비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.

    디자인, 코딩 툴을 실무에서 사용할 수 있는 커리큘럼에 맞추어 차근차근 기초에 맞추어서 설명해 줍니다. 본인 스스로 작업할 수 있도록 선생님이 최선을 다해서 도와주셔서 많은 도움이 되었습니다. 국비로 하는 수업은 퀄리티가 떨어진다는 편견을 깰 수 있는 교육이었고 , 담임선생님도 매우 진취적이어서 늘 새로운 걸 가르쳐 주려고 하셔서 많이 배울 수 있었습니다.

    비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.

    기존에 알고 있던 왠만한 지식 플러스로 학원에서 교육을 받으며 다양한걸 알고 배웠습니다. 자격증도 딸 수 있도록 연습도 해주면서 저에게는 어려웠지만 코딩이란 단어도 왠만하면 알아들을 정도로 배웠습니다. 이곳을 수강하면서 취업도 같이 하게되어 마음이 놓이고 기쁩니다.


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

    Lucete!

    강의관련 문의 email : loo4love90@gmail.com 

     

     

    강의경력  

    • 2018.3 -현재. 웹 디자인/멀티미디어/프론트엔드 전문가과정 진행

    • 엘리스 아카데미 `클래스가 다른 HTML / CSS` 오픈 준비중

    • 엘리스 아카데미 `클래스가 다른 javascript` 오픈 준비중

    □ 現 대우직업능력개발원 프론트엔드 / 멀티미디어 / 웹콘텐츠 과정 강의
    □ 하이미디어 UI/UX 웹퍼블리싱 강의

    □ 이젠컴퓨터 UI/UX 웹퍼블리싱 강의
    □ 더조은컴퓨터학원 종로캠퍼스 웹디자인 강의
    □ 더조은컴퓨터학원 강남캠퍼스 웹디자인/그래픽 강의
    □ 영재직업전문학교 웹디자인 강의

     

      자격증  

    □ 웹디자인기능사 자격증
    □ 그래픽스운용기능사 자격증 

    □ KPC 자격지도자(GTQ,GTQi,GTQid) 자격증

    직업능력개발훈련교사3급(정보기술, 디자인,문화컨텐츠,정보기술전략·계획

    정보기술운영) 
    □ 컴퓨터활용능력 1급

     

    커리큘럼 총 34 개 ˙ 5시간 46분의 수업
    이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
    섹션 1. cs6을 활용한 content image제작하기
    섹션 2. brackets 사용법 및 단축키소개
    섹션 3. 최종본 12가지 제작 파일 다운로드
    전체파일 다운로드하기-script 수정 ver.2
    섹션 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일)
    수강평 총 5개
    수강생분들이 직접 작성하신 수강평입니다.
    4
    5개의 수강평
    5점
    4점
    3점
    2점
    1점
    VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
    chloe thumbnail
    5
    ㅎㅎㅎㅎㅎ
    2023-07-23
    Apollo TV thumbnail
    4
    우선 HTML, CSS, 자바스크립트에 대해 기본을 모르고 이 강의를 본다면 상당히 어려울듯합니다.. 진도도 너무 빠르고 설명은 흘러가는 식으로만 설명을 해주십니다.. 예를 들면 원리와 이해보다는 암기식 위주로 설명을 해주셔서 보는 입장에선 좀 더 설명이 있었으면 하는 생각이 듭니다.. 기본적인 지식이 있는 상태에서 자바스크립트 코드를 좀 더 공부하고 싶으신 분들에겐 추천드립니다.. (그리고 강의 보면서 하려면 손이 좀 빨라야 할 듯..) 저는 학생 제공 파일 안에 있는 12가지 예제를 보면서 카피하고 싶어서 해당 강의를 구매했는데 기능사 시험이 요구하는 스펙의 몇 배는 더 상위 스펙으로 사이트를 만드는듯한 느낌이 들었네요.. 초보인 학생들의 눈높이보단 강사님 기준에서 쉽게 만든 느낌..? 결론은 강의보다 수험자 제공 파일이 더 메리트 있는 것 같습니다. 완전 초심자 코스로 기본 공부하시고 이 강의 보시면 만족스러울 것 같습니다.
    2020-11-18
    지식공유자 LIZ.B
    많이 어려우시고 설명이 부족했다는 말씀 공감하고 다음강의에 꼭 반영해서 작업해보도록 하겠습니다 강의를 만들때 초급 강의를 포함할까 많이 고민을 했었는데 인프런에서도 그렇고 다른 무료 강의가 많기에 그부분을 놓친듯 합니다 강의상세설명에 그런 문구를 넣을걸 하는 후회가 드네요 지금이라도 반영하도록 하겠구요 Apollo TV 님도 공부하시느라 고생하셨습니다 좋은일 가득하시길 기원합니다
    2020-11-18
    cherry_berries thumbnail
    4
    html css에 기초를 모르고 보면 정말 하나도 이해할 수 없을 것 같아요 간략한 설명 없이 바로 진행이 돼서 따라 하다가도 계속 찾아봐야 하기 때문에 어느 정도 기초 지식을 가지고 있는 상태에서 봐야 할 것 같아요 단기간에 빠르게 실기를 합격하기 위해서 보기보다는 좀 더 편리하고 실제로 사이트를 만들 때도 유용하게 쓸 수 있는 내용들이 더 많은 것 같습니다 다른 강의들보다 더 다양한 구성들을 사용해서 실제 웹사이트를 만들 때 편리할 수 있지만 기능사 자격증을 빠르게 따려고 하시는 분들은 거의 외워서 진행하는데 전체적인 흐름을 제대로 따라가지 않으면 사용할 수 없고 단기간에 외워서 적용하기가 복잡해서 어려울 수 있을 것 같아요 천천히 흐름을 파악하면서 좀 더 편리하게 제작을 해보고 싶으신 분들께 추천 드리면 좋겠네요 저도 일단은 간략한 부분들만 사용할 것 같지만 나중에라도 실제로 웹사이트를 만들어볼 때 다시 보면서 계속 더 공부하면 좋을 것 같아요
    2021-12-09
    지식공유자 LIZ.B
    체리님 피드백 감사드려요 ^^~ 저도 기능사 시험을 보는 분들의 입장에서 좀 더 깊이 생각하고 강의를 만들었으면, 단순히 외워 하는 코드로 쉽게 이해 할 수 있는 내용으로 했었으면 하는 아쉬움이 남습니다. 님 말대로 시간적인 여유가 있을 때 수업을 들으시면 많은 도움이 될텐데 대부분 시간이 얼마 안 남았을 때 시험 준비를 하는 것을 제가 간과한듯해요! 이 말씀이 계기가 되어 좀 더 학생들 입장에서 더 많이 생각하고, 도움이 되는 강의를 만들도록 노력하겠습니다. 그리고 기초 강의를 새로 런칭 했는데 부족한 부분은 신규 강좌도 많은 도움이 되지 않을까 싶습니다. 정성 어린 피드백 감사드리고, 꼭 합격하시길 기원할께요!
    2021-12-09
    LEETY thumbnail
    5
    초보자에겐 좀 어려운감이 있지만, 기초 지식이 조금 있다면 괸찮은거 같습니다. 웹디자인기능자 자격증 실기 준비하는데 많은 도움이 되었어요~
    2021-05-10
    지식공유자 LIZ.B
    감사합니다. 꼭 자격증 합격하시길 응원할께요~
    2021-05-10
    김미숙 thumbnail
    2
    오늘 처음 시작 html, css 등 기본이 없는 이가 수업 진행하면 후회할 것 같음. 26강중 8강 진행하고 있는데 전체적인 수강평은 더 들어봐야 알것 같음
    2021-03-29
    지식공유자 LIZ.B
    기본적인 html css를 선수지식으로 넣어놨습니다 ㅜㅜ 수업에 어려움이 있으셨나보네요. 다른 강의에서는 좀더 쉽게 알찬강의도 보답하겠습니다.
    2021-04-08