Devlec.com Javacstudy.com
My페이지 |  처음사용자 이용안내 |  이용문의 |  회사소개
[ 2018 신규촬영 - 모든 코딩의 시작 ] 어서와 ~ HTML5 CSS3 는 처음이지~ ^_^




등록된 샘플강좌가 없습니다.




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

- 반갑습니다. 강사입니다.
- 항상 느끼는 거지만 내가 아는 지식을 남에게 알기쉽게 전달하는 것 만큼
- 어려운 일도 없는 것 같습니다.
- 최대한 HTML5/CSS3 입문자들이 기초부터 차근차근 공부하여
- 이 긴 여정의 학습을 마스터할 수 있도록 많은 노력을 하면서 촬영하였습니다.
- 이 강의는 전체 약 30시간 정도 됩니다.

- 그만큼 HTML5/CSS3 입문자와 초보자의 눈높이에서 하나하나
- 자세히 설명해드리고 완벽한 이해를 목표로 합니다.
- 말씀드린대로 현재까지 올라온 강의분량도 매우 긴 강의시간인 만큼
- 열심히 공부하지 않으면 쉽지 않습니다.
- 더욱이 HTML5/CSS3 입문자나 초보자라면 말이죠..

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

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

- 긴 호흡을 가지고 하루에 일정량을 차근차근 공부해나가세요~
- 그러면 어렵지않게 HTML5/CSS3를 강사인 저 만큼 할 수 있게 됩니다.^^


[AD] 데브렉 사이트 VIP Freepass 전과정 자유이용권 혜택보기
   
   
홈 회사소개 이용약관 개인정보 보호정책 이용안내 Q&A FAQ Guide