Devlec.com Javacstudy.com
My페이지 |  처음사용자 이용안내 |  이용문의 |  회사소개

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

본 강좌는 HTML5, CSS3를 처음 공부하는 사람들을 위한 입문 강좌입니다.
문과생, 비전공자, 일반인, 왕초보 누구라도 강의를 들을 수 있습니다.
목차가 긴데요.. 크게 아래와 같은 파트별로 구성된 강좌입니다.

- HTML, FORM (6시간)
- CSS Basic (10시간)
- CSS Layout (10시간)

전체 약 26시간 분량의 강좌입니다.
후반부 CSS 레이아웃 파트가 일반적으로 초보자들이 어려워하는 파트입니다.
그 부분을 초보자의 눈높이에서 잘 이해할 수 있도록 강의하였습니다.
계속 여러번 강의를 반복하면서 예제 실습을 따라하면 자연스럽게 이해가 됩니다.

.
.

HTML5/CSS3를 배우기 위해서 굳이 오프라인 학원을 다닐 필요는 없습니다.
본 동영상강의를 열심히 공부하시면 됩니다.
이후 레이아웃 활용편 시리즈 과정을 공부해나가시면 되겠습니다.


- [2019 신강좌] HTML5/CSS3 모던 웹사이트 레이아웃 - 활용편1
- [2019 신강좌] HTML5/CSS3 모던 웹사이트 레이아웃 - 활용편2

(실무편은 차후 준비 예정입니다.)

.
.

비전공자/문과생/일반인 등 초보자와 입문자 누구나 볼 수 있습니다.
제목에서 알 수 있듯이 시리즈의 전체적인 강의 컨셉은 수강생 여러분들이
모던한 웹사이트/쇼핑몰 레이아웃 등을 잘 만들어 나갈 수 있도록 하는 것입니다.

많은 반복을 하시기 바랍니다.
HTML5, CSS3로 레이아웃을 잘 짜고 코딩을 잘 하고 싶다면 본 시리즈 강좌의 예제들을 많이 반복 연습해서 내것으로 만드세요.
그럼 초보자도 단기간에 전문가가 될 수 있습니다.

쇼핑몰 운영자라면 내 쇼핑몰 유지보수의 많은 부분을 내가 직접 할 수 있게 될 뿐더러 매달 유지보수 비용도 상당히 세이브 할 수 있을 것입니다.
내가 유지보수를 할줄 모르면 결국 외부 업체에 맡겨야 하니깐요.

다시한번 말씀드리지만,
기본편 ---> 활용편 ---> 실무편 순서대로 공부해 나가주세요.
실무편 시리즈는 차후 업데이트 되오니 자주 오셔서 신강좌를 체크해주세요~
열심히 공부하셔서 원하는 목표에 도달하시기를 바랍니다.


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