Thumbnail
개발 · 프로그래밍 웹 퍼블리싱

웹디자인기능사 실기 문제풀이 A-1 대시보드

(4.5)
2개의 수강평 ∙  35명의 수강생

11,000원

지식공유자: Dongho Lee
총 30개 수업 (9시간 2분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

웹 디자인 기능사 실기시험을 충실하게 준비합니다. 다양한 방법으로 문제를 해결합니다.

✍️
이런 걸
배워요!
웹 디자인 기능사 실기 문제 이해
웹 디자인 기능사 실기 문제풀이 및 해결

웹디자인 기능사 실기, 대비를 확실하게!

이 강의는.

웹 디자인 기능사 시험의 합격율이 생각보다 높지 않습니다.
관련 강좌도 생각보다 많지 않고 바뀐 시험문제에 적응하기 어려운 강좌도 많더군요...
그래서 웹 디자인 기능사 실기 문제풀이강좌를 만들어 보기로 했습니다.

강의 영상을 자주 만들지 않아서 진행이 다소 매끄럽지 않습니다. 

이 강의에서는.

웹 디자인 기능사 문제를 확인하고 디자인을 직접 진행해 봅니다.
만들어진 디자인을 바탕으로 html과 css로 코딩을 합니다.
메뉴와 팝업, 슬라이드 같은 동작은 자바스크립트(제이쿼리)로 구현합니다.

강의의 특징.

css로 레이아웃을 잡을 때 float을 활용하는 방법과 flex를 활용하는 방법을 설명합니다.
동작을 구현할 때 jQuery버전과 순수 javascript 버전을 설명합니다. 단, 순수 자바스크립트로 강의하는 내용은 익스플로러에서 완전히 구현되지 않습니다. 시험 대비용으로는 제이쿼리를 적용한 내용을 참고 해 주시기 바랍니다.

강의 컨텐츠는.

1. 참고
2. 프로그램(VS Code) 설치
3. 웹 페이지 디자인 (포토샵)
4. HTML 마크업
5. CSS 디자인
6. CSS 디자인 (Flexbox)
7. JAVASCRIPT (jQuery) 구현
8. JAVASCRIPT (no jQuery) 구현

툴.

디자인은 포토샵 CS6를 사용합니다만 버전은 관계 없습니다.
코드는 VisualStudio code를 사용합니다. 
디자인할 때 화면에 메뉴 부분의 글씨가 작아서 잘 보이지 않을 수 있습니다. 코드 작성할 때는 폰트를 비교적 크게 지정해서 보기에 괜찮을 것 같습니다.

HTML & CSS 
기초를 다지고 싶다면.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
웹 디자인 기능사 실기시험을 준비하시는 분
html, css, javascript 를 활용한 웹 페이지를 제작해보고 싶은 분
📚
선수 지식,
필요할까요?
html, css, javascript 기초

안녕하세요
Dongho Lee 입니다.
Dongho Lee의 썸네일

직업학교와 컴퓨터학원에서 웹표준과 관련한 강의를 주로 합니다.

커리큘럼 총 30 개 ˙ 9시간 2분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 프로그램(VS Code) 설치
섹션 4. CSS 스타일
reset 스타일 작성 미리보기 21:13
header 영역 26:14
slider 영역, contents 영역 14:36
contents 영역2 23:18
contents 영역3 16:18
footer 영역 09:43
popup 영역 16:29
섹션 5. CSS 스타일 (Flexbox)
header, slider 부분 수정 15:18
contents, footer 부분 수정 16:52
섹션 6. JAVASCRIPT (JQUERY) 작성
Menu 동작 18:26
Slider 동작 (top, bottom / left, right) 16:25
Tab Menu 동작, Popup 동작 14:52
섹션 7. JAVASCRIPT (no jQuery) 작성
JavaScript버전? ( ES5, ES6 ) 12:52
Menu 동작 28:20
Slider 동작 19:03
Tab Menu 동작, Popup 동작 21:20
강의 게시일 : 2020년 09월 03일 (마지막 업데이트일 : 2020년 09월 03일)
수강평 총 2개
수강생분들이 직접 작성하신 수강평입니다.
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Apollo TV thumbnail
4
상세하고 자세한 설명으로 기본을 모르고도 이 영상 하나로 공부를 시작해도 되지만 예제 1에만 한정이 되어있어 아쉽습니다. (페이드인,아웃 슬라이더, 세로형 메뉴 등등) 그래도 이해하기 쉽게 설명해주셔서 잘 봤습니다. 감사합니다.
2020-11-18
지식공유자 Dongho Lee
완강해 주셔서 감사합니다. 시간적인 여유가 생기면 다른 문제풀이도 올려보겠습니다.
2020-11-19
황성실 thumbnail
5
꼼꼼한 설명 감사합니다! 도움이 정말 많이 되었어요~!
2022-10-20
지식공유자 Dongho Lee
감사합니다. 좋은 결과 있으시길 바랄게요!
2022-10-20