SHOPPING MALL - OnLine VIDEO LECTURE
   
ID/PW 찾기 My페이지 |  처음사용자 이용안내 |  이용문의 |  VIP 전과정 자유이용권
한달 9,900원으로 모든 동영상강의를 프리패스로 이용하세요~ :)

[ 2018 신규촬영 ] 어서와 ~ HTML5 CSS3 는 처음이지~ ^_^
1 Part 1 : 기본태그 (텍스트태그 + 이미지 비디오태그)    
2 Part 1 전체 동영상강좌 [일괄다운]     동영상다운
3 HTML이란 무엇이고 무엇을 배우는 것인가    
4 HTML 태그별 배우는 난이도가 어려운거는    
5 HTML CSS 종합예술 - 레이아웃 예제 미리보기    
6 코딩 전문 에디터 아톰 - 학습을 위한 준비물    
7 코딩 전문 에디터 아톰 - 설치하기    
8 코딩 전문 에디터 아톰 - welcome 페이지 숨기기    
9 코딩 전문 에디터 아톰 - 기본환경 설정하기    
10 HTML5 기본적인 형태    
11 한글이 깨져서 나타나보일 때    
12 title 태그    
13 태그 들여쓰기에 대해서    
14 텍스트태그 - p    
15 텍스트태그 - br    
16 텍스트태그 - pre    
17 텍스트태그 - b    
18 텍스트태그 - i    
19 텍스트태그 - u    
20 텍스트태그 - strike    
21 텍스트태그 - 제목태그    
22 텍스트태그 - 한자어 표기    
23 CSS로 메이크업(화장) 시켜보자 - 한글 표기음 축소    
24 이미지태그 사용법1    
25 이미지태그 사용법2    
26 a 링크 태그 사용법1    
27 a 링크 태그 사용법2    
28 번호없는 목록 태그 ul    
29 번호있는 목록 태그 ol    
30 목록 태그 디자인타입 3가지 및 안보이게 css로 처리    
31 쉬어가는 페이지 - 목록 태그가 실제 많이 쓰이는 곳은    
32 테이블태그1 - 가장 기본적인 형태    
33 테이블태그2 - 용어이해 cell    
34 테이블태그3 - cellpadding cellspacing    
35 테이블태그4 - Cell 병합    
36 테이블태그5 - 다중 Cell 병합    
37 테이블태그6 - Raw(줄) 병합    
38 테이블태그7 - Raw(줄) 병합 여러가지 실습 테스트    
39 Video 태그 사용법1 - 가장 기본적인 형태    
40 Video 태그 사용법2 - 동영상 컨트롤 제어 및 자동플레이    
41 Part 2 : Form 태그    
42 Part 2 전체 동영상강좌 [일괄다운]     동영상다운
43 Form1_폼 태그 기본 사용법    
44 Form2_input    
45 Form3_input_password    
46 Form4_input_checkbox    
47 Form5_input_checkbox_multi    
48 Form6_input_checkbox_multi_checked    
49 Form7_input_radio    
50 Form8_input_button    
51 Form9_input_file    
52 Form10_input_search    
53 Form11_input_reset    
54 Form12_input_submit    
55 Form13_select    
56 Form14_select_selected    
57 Form15_label    
58 Form16_label2    
59 Form17_placeholder    
60 Form18_input_size    
61 Form19_textarea    
62 Form20_fieldset    
63 Form21_fieldset2    
64 Form22_input_hidden    
65 Part 3 : CSS3 1강 ~ 47강 까지    
66 Part 3 전체 동영상강좌 [일괄다운 - CSS 1강 ~ 47강]     동영상다운
67 00_CSS란 무엇이고 선수학습은 무엇인가    
68 01_CSS Annotation    
69 02_CSS 작성법1 - inline    
70 03_CSS 작성법2 - embedded    
71 04_CSS 작성법3 - external    
72 05_외부 css 파일 연동시 문자코드 기술하기    
73 06_import 방식으로 외부 css 파일 불러오기    
74 07_css 작성방식 4가지 비교    
75 08_css 범위와 들여쓰기    
76 09_css 상속에 대해서    
77 10_외부 import 파일의 속성을 바꿔서 사용하기    
78 11_BreakTime - CSS는 어떤걸 배우는 건가요    
79 12_div 태그는 박스모델이다 특징과 속성 이해    
80 13_div 태그 속성 변경 border padding margin    
81 14_div 태그 속성 변경2    
82 15_css 코드 기술 방식에 대해서    
83 16_글자 수직으로 가운데 정렬하는 Tip    
84 17_css 초기화 작업이 뭔가요    
85 18_마진영 오토 - div 박스 가운데 정렬하기    
86 19_헤갈리는 패딩 옵션 값 정복하기1    
87 20_헤갈리는 패딩 옵션 2가지 값만 사용한건 뭐지    
88 21_padding 옵션 값 3개만 있는 경우    
89 22_margin 속성도 padding 과 똑같다    
90 23_인라인 방식과 블럭 속성의 개념 및 차이(중요)    
91 24_다른 태그들의 인라인 블럭 속성 알아내는 방법    
92 25_인라인 속성과 블럭 속성 종합정리    
93 26_인라인 속성과 블럭 속성 종합정리 - 실습    
94 27_인라인 블럭 속성을 다 가지는 인라인블럭 속성    
95 28_패딩 옵션 4방향을 명시적으로 지정하는 방법(보강)    
96 29_블럭 속성을 사용한 세로 메뉴 만들기    
97 30_display 인라인블럭 속성 이해 더 나아가기    
98 31_선택자란 무엇이고 무엇을 학습하는건가    
99 32_타입 선택자 - 태그 선택자    
100 33_클래스 선택자1    
101 34_클래스 선택자2    
102 35_클래스 선택자3    
103 36_클래스 선택자4 - 타입선택자와 클랙스선택자 혼합    
104 37_아이디 선택자1    
105 38_아이디 선택자2    
106 39_아이디 선택자3    
107 40_지금까지 배운 선택자 3개 종합연습    
108 41_css 코딩연습(1) - 1 마크업 2 네이밍작성    
109 42_css 코딩연습(2) - 3 스타일선언 4 명시적 선언이란    
110 43_css 코딩연습(3) - 명시적인 선언의 우선순위    
111 44_css 코딩연습(4) - 스타일 상속 및 우선순위    
112 45_전체 선택자    
113 46_선택자 Grouping    
114 47_CSS 초보자 및 입문자분들 여기까지 공부하시느라 정말 수고 많으셨습니다.^^ 쉬어 가시라고 조언 몇마디 말씀드립니다.^^    
115 Part 4 : CSS3 48강 ~ 92강 까지    
116 Part 4 전체 동영상강좌 [일괄다운 - CSS 48강 ~ 92강]     동영상다운
117 48_폰트 색상 적용하는 다양한 방법 3가지    
118 49_Color Picker로 원하는 색상 추출하기    
119 50_폰트 속성(1) - font-family font-size    
120 51_폰트 속성(2) - 쌍따옴표 홑따옴표 영문이름명 띄어쓰기    
121 52_폰트 속성(3) - 나눔고딕 및 영문이름 표기원칙    
122 53_폰트 속성(4) - 영어는 영문폰트로 나타내고 싶을 때는    
123 54_폰트 속성(4) - 영문폰트 적용시 주의사항    
124 55_폰트 속성(5) - 폰트 스타일 italic normal oblique    
125 56_폰트 속성(6) - font-weight bold 100 900 단위로 주기    
126 57_폰트 속성(7) - 글자 간격을 조절하려면    
127 58_serif sans serif monospace 서체가 뭔가요    
128 59_serif sans serif monospace 실습하기    
129 60_폰트 속성 상속을 개발자도구로 확인하기    
130 61_글자 라인간의 간격을 넓히고 줄이고 싶다면    
131 62_텍스트에 선긋기(1) - underline overline line-through    
132 63_텍스트에 선긋기(2) - 아래 위로 선긋기 선 없애기    
133 64_font-family 사용법 종합정리 및 generic family 정확히 이해하기    
134 65_텍스트에 은은한 그림자효과 주기    
135 66_div 박스모델에 은은한 그림자효과 주기    
136 67_모든 텍스트를 대문자로 바꾸려면    
137 68_텍스트 정렬하기 - justify center left right    
138 69_박스 영역을 넘어가는 긴문장 잘라서 박스안으로 넣으려면    
139 70_글자 단위로 잘라내기 및 단어 단위로 잘라내기    
140 71_단어 사이의 간격을 벌려주고 싶다면    
141 72_white-spacing 옵션 특징 3가지 - 줄바꿈 공백 줄라인    
142 73_white-spacing pre pre-line 특징 정리하기    
143 74_white-spacing pre-wrap 특징 정리하기    
144 75_긴 텍스트를 2단으로 나누기 - column-count    
145 76_단과 단 사이의 공간인 gap을 넓혀주려면    
146 77_단과 단 사이에 막대 bar 를 넣고 스타일 적용하기    
147 78_쉬어가는 차원에서 간단한 연습문제    
148 79_column-rule 스타일을 축약형으로 짧게 한줄로 쓰려면    
149 80_막대기 bar 스타일 다양하게 지정해보기    
150 81_아주 중요한 반응형 속성으로 컬럼 단 조절하기 ★★★    
151 82_컬럼 내부 상단에 제목을 넣어 중앙에 정렬시키기    
152 83_컬럼 내부 상단에 제목 좌우로 정렬    
153 84_자손 선택자와 자식 선택자의 개념 이해하기(중요)    
154 85_자손 선택자 자식 선택자 - 연습 및 개념복습    
155 86_pseudo-class 개념이해 및 사용법    
156 87_다소 어려운 nth-child 선택자 완벽히 이해시킨다(1)    
157 88_다소 어려운 nth-child 선택자 완벽히 이해시킨다(2)    
158 89_다소 어려운 nth-child 선택자 완벽히 이해시킨다(3)    
159 90_nth-child 완벽이해(4) - 왼쪽메뉴 예제1    
160 91_nth-child 완벽이해(5) - 왼쪽메뉴 예제2    
161 92_nth-child 완벽이해(6) - 게시판 글목록 예제    
162 ■■■■■ 93강 ~ 110강 일괄 다운로드 ■■■■■     동영상다운
163 93_배경 색 지정하기    
164 94_배경 색상의 상속에 대해서    
165 95_배경으로 이미지를 지정해서 넣기    
166 96_div 박스 배경으로 이미지를 지정해서 넣기    
167 97_배경 색상을 상속받기를 원한다면 inherit    
168 98_배경 색을 지정해서 넣어주려면 background-clip    
169 99_배경 이미지 반복해서 지정하는 방법    
170 100_배경이미지를 박스 사이즈에 맞춰서 출력하기 background-size    
171 101_배경이미지 픽셀과 퍼센트 단위로 사이즈 조절하기    
172 102_배경이미지 사이즈 값을 하나만 주는 경우는    
173 103_배경이미지 위치를 잡아주고 싶다면 background-position    
174 104_배경이미지 위치를 픽셀 단위로 콕 찍어서 지정하기    
175 105_background 속성과 값들을 한 라인에 축약형으로 쓰는 방법    
176 106_Position 속성 개념 이해하기    
177 107_Position 속성 이해하기 - static    
178 108_Position 속성 이해하기 - relative 완벽이해(1)    
179 109_Position 속성 이해하기 - relative 완벽이해(2)    
180 110_Position 속성 이해하기 - relative 완벽이해(3)    
181 ■■■■■ 111강 ~ 117강 일괄 다운로드 ■■■■■     동영상다운
182 111_relative 속성을 사용해서 가운데 정렬시키기    
183 112_relative 적용시 주의할 사항    
184 113_영역을 벗어난 경우 안보이게 감추기 overflow - hidden    
185 114_가장 많이 사용하는 포지션 속성 absolute 완벽이해(1)    
186 115_가장 많이 사용하는 포지션 속성 absolute 완벽이해(2)    
187 116_포지션을 이용하여 원하는 위치에 배너박스 고정시키려면    
188 117_쇼핑몰 우측에 고정된 배너처럼 만들어보기    
수강기간 : 2개월 / 수강료 : \165,000

- HTML5 CSS3는 홈페이지/쇼핑몰을 만들 때 배우는 언어입니다.
- 영어를 배울 때 기본문법을 배우듯이 홈페이지나 쇼핑몰을
- 내가 직접 만들고자 할 때 이러한 HTML5, CSS3 를 공부합니다.

- 최대한 HTML5/CSS3 입문자들이 기초부터 차근차근 공부하여
- 이 긴 여정의 학습을 마스터할 수 있도록 많은 노력을 하면서 촬영하였습니다.
- 이 강의는 전체 약 30시간 정도 됩니다.
- 그만큼 HTML5/CSS3 입문자와 초보자의 눈높이에서 하나하나
- 자세히 설명해드리고 완벽한 이해를 목표로 합니다.

- 그러나,
- 너무 겁먹거나 걱정은 안하셔도 됩니다.
- 학습자의 눈높이에 맞춰서 어려운 용어나 개념을 잘 이해시키면서
- 진행하므로 진도가 빠르게 나갈 수 있습니다.

- 물 흐르듯이 강의를 볼 수 있을겁니다.
- 따라서 조금만 열공하시면 꽤 빠르게 모든 강의를 1차 완강할 수 있을겁니다.
- 한번 완강으로는 어떤 분야든지 완벽히 공부했다고 할 수 없습니다.
- 어려웠던 회차 위주로 2차, 3차 복습하면서 계속 반복 시청하세요..

- 긴 호흡을 가지고 하루에 일정량을 차근차근 공부해나가세요~
- 그러면 어렵지않게 HTML5/CSS3를 마스터할 수 있습니다.

VIP Freepass 전과정 자유이용권 혜택보기



   
   
홈 회사소개 이용약관 개인정보 보호정책 이용안내 Q&A FAQ Guide