이런 걸
배워요!
html
css
Jquery
웹디자인 기능사 실기 합격
(온라인 원격 또는 미금역)
2024년 웹디자인기능사 실기 HTML/CSS, jQuery
1) 시험에 합격하기 위해 알아야 하는건 많지 않습니다.
태그 5개~8개에 스타일 15개 정도만 알면 제작이 가능합니다.
욕심으로 더 쓰고 싶은것도 3~4개정도뿐이라서 모두 합치면 한글의 자음+모음 개수 정도입니다.
2) 시험볼때 하지 말아야 할 실수도 설명해놨습니다.
문제를 다 풀어낼 수 있어도 하지말아야 할 부분때문에 불합격됩니다.
그러면 또 몇개월을 기다려야 하기 때문에 하지말아야 할 실수를 알아야 합니다.
3) 슬라이드, 페이드, 공지사항과 갤러리 의 스크립트(Jquery)는 3가지 형식으로 준비했습니다.
슬라이드 스크립트가 너무 어려우면 html+css로 하는 방법도 가능합니다.
각 3가지씩의 방법을 올려놨습니다. 각자한테 맞는 코드로 선택해서 사용하면 됩니다.
D-1 DESIGN - "조이컨트리클럽"
D-2 DESIGN - "서울구석구석"
D-3 DESIGN - "푸른마을"
D-4 DESIGN - "LIVING OUTLET"
E-1 DESIGN - "김치 이야기"
E-2 DESIGN - "K역사박물관"
E-3 DESIGN - "영상 박물관"
E-4 DESIGN - "철길마을"
F-4 DESIGN - "하이글로벌 컴퍼니"
웹디자인기능사 시험은 초기에 연습하기 좋은 예제입니다.
실무와 다르지만 코드에 익숙해지는 시간으로 좋습니다.
초보, 경험자 모두 배울 수 있어요
제작방법은 여러가지가 있습니다. 쉬운방식을 선택하세요
꼭 알아야 하는건 한글의 자음모음 개수만큼만 알면 됩니다.
웹디자인 기능사 시험은 연습을 위한 시험이기에 아는 태그로만으로도 제작할 수 있어요
너무 많은 양을 외울필요 없습니다.
이 수업은 완전 처음하는 학생들부터 ~ 다른수업으로 배웠지만 어려워 하는 학생들을 위한 수업입니다.
이해 안되면 이해 될때까지 질문해주세요. 그래도 도저히 안되면 원격으로라도 이해시켜 드립니다.
컴퓨터 앞에 앉아서 수업하면 되요. 노트북도 괜찮습니다.
커피숍에서 앉아서 천천히 따라하셔도 좋습니다.
최소 알아야 하는 부분들은 JPG 파일로 올려놨습니다.
분량 및 용량, 기타 학습 자료에 대한 특징 및 유의사항 등
이제 HTML 에 대해 입문하는 사람
모든 유형부터 풀어야 하는게 아니고 한 유형을 여러번 해보는걸 추천합니다.
추후 업데이트는 기능사시험을 실무적으로 풀어냈을경우의 수업영상을 올릴계획입니다.
다운받는 자료들은 다른곳(수업,영상, 등)에서 사용하실 수 없습니다.
학습 대상은
누구일까요?
웹디자인기능사 시험 준비중인 분
책보고 어려움을 느낀 분
웹디자인기능사 실기
전국 평균 합격률 60%에
우리반은 90% 합격중이지용~용용~
전체
261개 ∙ (45시간 26분)
가 제공되는 강의입니다.
html 과 css - 정리표
33:55
🍋 공지사항과 갤러리 html
18:04
A-3 디자인영상
15:19
A-3 레이아웃
04:09
A-3 헤더
19:30
A-3 페이드
10:10
A-3 섹션-배너와 바로가기
13:39
A-3 공지사항과 갤러리
16:41
A-3 푸터
06:00
A-3 팝업
06:08
A-3 헤더 추가
01:11
B-1 디자인영상
18:50
B-1 레이아웃
04:15
B-1 헤더
13:58
B-1 슬라이드
09:00
B-1 공지사항과 갤러리
19:52
B-1 배너와 바로가기
10:45
B-1 푸터
06:37
B-1 팝업
05:42
B-2 디자인영상
20:49
select 태그에 링크걸어야 할때
04:29
B-3 디자인영상
14:53
B-3 레이아웃과 헤더
18:06
B-3 슬라이드
10:44
B-3 공지사항과 갤러리
12:50
B-3 배너부터 푸터까지
13:32
B-3 팝업
07:20
B-3 헤더 추가
00:45
C-1 디자인영상
22:33
C-1 레이아웃부터 메뉴까지
17:53
C-1 페이드효과
14:46
C-1 배너
13:39
C-1 바로가기, 공지사항과 갤러리
28:22
C-1 푸터와 팝업
13:10
C-4 디자인영상
15:29
C-4 레이아웃
07:25
C-4 메뉴
11:49
C-4 슬라이드
06:28
C-4 공지사항, 갤러리, 바로가기
19:07
C-4 푸터
07:13
select 태그에 링크걸어야 할때
04:29
C-4 팝업
06:28
D-2 디자인영상
29:41
D-2 레이아웃
25:01
D-2 슬라이드
20:49
D-2 배너,공지사항,갤러리
19:09
D-2 푸터
08:08
select 태그에 링크걸어야 할때
04:29
D-2 팝업
11:08
E-1 디자인영상
28:45
E-1 레이아웃
08:00
E-1 헤더
24:36
E-1 섹션
31:42
E-1 슬라이드부터 팝업까지
54:56
F-1 디자인영상
29:04
F-1 레이아웃
05:17
F-1 헤더
16:57
F-1 페이드
10:36
F-1 바로가기와 배너
09:29
F-1 공지사항과 갤러리
16:27
F-1 푸터
05:41
F-1 팝업
09:25
F-2 디자인영상
25:12
F-2 레이아웃
04:30
F-2 헤더
16:08
F-2 페이드
08:03
F-2 바로가기와 배너
09:30
F-2 공지사항과 갤러리
08:15
F-2 푸터
07:11
F-2 팝업
06:08
F-3 디자인영상
26:38
F-3 레이아웃
03:07
F-3 헤더
17:11
F-3 슬라이드
09:24
F-3 바로가기와 배너
09:50
F-3 공지사항과 갤러리
19:14
F-3 푸터
04:12
F-3 팝업
05:06
F-4 디자인영상
46:14
F-4 레이아웃
06:15
F-4 헤더
18:54
F-4 슬라이드
09:40
F-4 바로가기와 배너
18:05
F-4 공지사항과 갤러리
19:57
F-4 푸터
08:57
F-4 팝업
09:55
F-1를 예로 몇가지 추가
06:56
F-1 실무코드로 변경에 대한 설명
07:38
F-1 (실무) 레이아웃
10:38
F-1 (실무) 헤더
30:43
F-1 (실무) 페이드
15:18
F-1 (실무) 바로가기
12:44
F-1 (실무) 배너
17:37
F-1 (실무) 공지사항과 갤러리
52:12