클래스 소개
#HTML5 #CSS3 #웹사이트제작 #웹개발 #기초 #실무 #알차게 #패키지
교육 대상
새로운 웹표준의 시대.
한 때 웹 사이트 제작과 디자인에 절대적인 부분이었던 엑티브 X를 기억하시나요? 우리나라에서 는 공인인증서라는 항목으로 인해 여러모로 고생을 샀던 기술이기도 했죠. 엑티브 X 이야기가 나 온 것은 갑작스럽진 않아요. 지금부터 소개할 HTML5와 CSS3와의 인연이 있기 때문이죠.
HTML5는 기술이기도 하지만 개념으로 판단해볼 수 있어요. 우리가 흔히 단순한 웹문서 작성을 떠올려봤을 때 사용되면 마크업 랭귀지인 HTML의 문법적인 버전이기도 하지만, 나아가 새로운 DOM API 스펙도 포함되어 있어요. 이로 인해 비디오 및 오디오 등의 미디어에 대한 웹 구연이 보다 다양해지게 되어 이전에는 플래시나 실버라이트 등을 통해 구연될 수 있던 것들이 간단하게 처리 가능한 수준으로 환골탈퇴 되었습니다. 엑티브X또한 이러한 흐름과 연계된 것이죠. 지금에서 야 보면 표준화도 안되어 있고 여러모로 문제 투성이었지만 당시의 엑티브X를 포함한 여러 기술 들로 인해 강력한 기능을 발휘할 수 있었던 셈이에요.
새롭게 웹표준이라는 것이 대두되면서 그 뒤를 이어 HTML5를 주축으로 하는 다양한 기술들과 API들이 더욱 다양하고 창의적인 개발 환경을 제공해주고 있게 된 것이죠.
HTML5는 기술이기도 하지만 개념으로 판단해볼 수 있어요. 우리가 흔히 단순한 웹문서 작성을 떠올려봤을 때 사용되면 마크업 랭귀지인 HTML의 문법적인 버전이기도 하지만, 나아가 새로운 DOM API 스펙도 포함되어 있어요. 이로 인해 비디오 및 오디오 등의 미디어에 대한 웹 구연이 보다 다양해지게 되어 이전에는 플래시나 실버라이트 등을 통해 구연될 수 있던 것들이 간단하게 처리 가능한 수준으로 환골탈퇴 되었습니다. 엑티브X또한 이러한 흐름과 연계된 것이죠. 지금에서 야 보면 표준화도 안되어 있고 여러모로 문제 투성이었지만 당시의 엑티브X를 포함한 여러 기술 들로 인해 강력한 기능을 발휘할 수 있었던 셈이에요.
새롭게 웹표준이라는 것이 대두되면서 그 뒤를 이어 HTML5를 주축으로 하는 다양한 기술들과 API들이 더욱 다양하고 창의적인 개발 환경을 제공해주고 있게 된 것이죠.
웹사이트 제작 특급 노하우!
날이 갈수록 세련된 눈길로 사로잡는 다양한 웹 서비스들이 있습니다.
자고 나면 눈이 휘둥그레 한 멋진 것들이 쏟아지는 시대속에 살고 있어요. 게다가 비 전공자들도 기술에 관한 이해도가 높 아지기 시작하면서 관련 업무 현장이나 실습 상황에서 기술 지식을 요구하기도 하구요.
최신의 흐름에 부합하는 웹개발 과정 학습의 대표적인 테마로 준비한 본 클래스는 웹사이트를 만 들고 싶어도 전혀 할 줄 모르는 초보자들도 충분히 쉽게 배우고 공부 해 나갈 수 있는 수준의 난 이도로 구성되어 있습니다.
쉽다고 해서 마냥 단순하게만 나열하지 않습니다.
웹이란 무엇인지, 동작원리는 어떻게 이루어져 있는지, 웹 표준이란 무엇인지와 같은 가장 기초적 인 이야기를 시작으로 웹개발의 본질적인 부분을 포함하여 세부적인 스킬 업까지 진행되는 것을 목표로 합니다.
가장 대표적인 툴인 HTML5와 CSS3를 기반으로 웹사이트 제작에 관한 기초부터 실무에 이르는 다채로운 과정이 여러분들의 목표를 쟁취할 수 있도록 서포트 합니다.
HTML5/CSS3 기초 실무 웹사이트 제작 통합 과정을 통해 한눈에 파악하는
새로운 웹표준 사이트를 자유자재로 만들어 보시길 바랍니다~!
자고 나면 눈이 휘둥그레 한 멋진 것들이 쏟아지는 시대속에 살고 있어요. 게다가 비 전공자들도 기술에 관한 이해도가 높 아지기 시작하면서 관련 업무 현장이나 실습 상황에서 기술 지식을 요구하기도 하구요.
최신의 흐름에 부합하는 웹개발 과정 학습의 대표적인 테마로 준비한 본 클래스는 웹사이트를 만 들고 싶어도 전혀 할 줄 모르는 초보자들도 충분히 쉽게 배우고 공부 해 나갈 수 있는 수준의 난 이도로 구성되어 있습니다.
쉽다고 해서 마냥 단순하게만 나열하지 않습니다.
웹이란 무엇인지, 동작원리는 어떻게 이루어져 있는지, 웹 표준이란 무엇인지와 같은 가장 기초적 인 이야기를 시작으로 웹개발의 본질적인 부분을 포함하여 세부적인 스킬 업까지 진행되는 것을 목표로 합니다.
가장 대표적인 툴인 HTML5와 CSS3를 기반으로 웹사이트 제작에 관한 기초부터 실무에 이르는 다채로운 과정이 여러분들의 목표를 쟁취할 수 있도록 서포트 합니다.
HTML5/CSS3 기초 실무 웹사이트 제작 통합 과정을 통해 한눈에 파악하는
새로운 웹표준 사이트를 자유자재로 만들어 보시길 바랍니다~!
수강기간 / 환불정책 안내
학습 규정 안내
- 본 클래스는 총 105차수, 55시간 분량으로 구성되어 있습니다.
- 해당 클래스는 사전 공지 없이 가격, 할인 정책등이 변동 될 수 있습니다.
(1) 학습 기간
- 수강 가능 기간은 1년(365일)이며 해당 기간 동안 자유롭게 학습 하실 수 있습니다.
유료수강기간(환불산정기간)은 최초 1개월 (30일)입니다. - 유/무료 수강기간 모두 동일한 환경으로 학습이 가능합니다.
- 수강 시작일(유료 수강기간)은 결제일로부터 기간이 산정되며, 결제를 완료하시면 ‘내 강의실’을 통해 확인 가능합니다.
- 이지업클래스의 사정으로 인해 수강 시작이 늦어진 경우에는 해당 일정 만큼의 수강기간이 연장됩니다.
(2) 환불 규정
- 이지업클래스의 환불규정은 아래와 같습니다.
* 전액환불- 수강 시작 후 14일 이내, 5차시 & 5%(시간) 미만 수강 시
- 수강 시작 후 14일 이내, 10차시 & 10% 미만 시간 수강시: 실 결제금액의 2/3을 환불
- 수강 시작 후 14일 이내, 15차시 & 15% 미만 수강시: 실 결제금액의 1/3을 환불
- 요청일 기준 수강 시작 후 15일 초과 또는 15차시 또는 15% 이상 수강시 : 환불금액 없음
(3) 주의 사항
- 본 강의는 상황에 따라 사전 공지나 안내 없이 할인이 조기 마감 또는 연장 될 수 있습니다.
- 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 사전 안내 없이 종료될 수 있습니다.
- 무제한 강의의 경우, 내 강의실 수강기간 연장 신청을 통해 무제한으로 연장 가능합니다.
- 구매한 무제한 강의의 연장 진행을 하지 않아 종료될 경우 복구되지 않습니다.
- 강의 컨텐츠는 향후 이지업클래스의 사정에 따라 추가 또는 업데이트 될 수 있습니다
이 강의를 담당하시는 강사님을 소개합니다
신경진
- HTML5/CSS3를 바탕으로 웹개발에 관한 구조와 구연방식을 폭넓게 학습하는 강의입니다.
- 최신 트랜드 기술에 대한 이해와 접근을 원활하게 돕는 커리큘럼입니다.
- 해당 기술에 관한 다양한 이론과 학습에 도움이 되도록 짜임새 있게 준비된 구성입니다.
‘안녕하세요. 신경진 강사 입니다.’
HTML5 / CSS3 기초 실무 웹사이트 제작 클래스를 담당하고 계신 신경진 강사님은 오랜 시간 개 발 분야에 종사해오면서, 다양한 강의와 커리큘럼을 제작 및 지도해주고 계십니다.
- 최신 트랜드 기술에 대한 이해와 접근을 원활하게 돕는 커리큘럼입니다.
- 해당 기술에 관한 다양한 이론과 학습에 도움이 되도록 짜임새 있게 준비된 구성입니다.
‘안녕하세요. 신경진 강사 입니다.’
HTML5 / CSS3 기초 실무 웹사이트 제작 클래스를 담당하고 계신 신경진 강사님은 오랜 시간 개 발 분야에 종사해오면서, 다양한 강의와 커리큘럼을 제작 및 지도해주고 계십니다.
주요 이력
- 현)대구 중앙직업전문학교 교사- 다옴직업전문학교
- 영진전문대학 외래교수
- LG전자 OLED사업부 전산담당
커리큘럼
맛보기 영상 | |
01_웹의 개요와 개발환경 구축 | |
1강 웹의 개요와 개발환경 구축(이론-1) | |
2강 웹의 개요와 개발환경 구축(실습-1) | |
02_페이지 구조와 작성법 | |
3강 HTML5 페이지 구조와 작성법(이론-1) | |
4강 HTML5 페이지 구조와 작성법(실습-1) | |
5강 HTML5 페이지 구조와 작성법(실습-2) | |
03_기본태그 | |
6강 HTML5 기본태그(이론-1) | |
7강 HTML5 기본태그(실습-1) | |
8강 HTML5 기본태그(실습-2) | |
9강 HTML5 기본태그(이론-2) | |
10강 HTML5 기본태그(실습-3) | |
11강 HTML5 기본태그(실습-4) | |
12강 HTML5 기본태그(실습-5) | |
04_입력형식 태그와 문서구조화 | |
13강 입력형식태그와 문서구조화(이론-1) | |
14강 입력형식태그와 문서구조화(실습-1) | |
15강 입력형식태그와 문서구조화(실습-2) | |
16강 입력형식태그와 문서구조화(이론-2) | |
17강 입력형식태그와 문서구조화(실습-3) | |
18강 입력형식태그와 문서구조화(실습-4) | |
05_CSS3의 기초(선택자와 단위) | |
19강 CSS3의 기초(선택자와 단위)-(이론-1) | |
20강 CSS3의 기초(선택자와 단위)-(실습-1) | |
21강 CSS3의 기초(선택자와 단위)-(실습-2) | |
22강 CSS3의 기초(선택자와 단위)-(실습-3) | |
23강 CSS3의 기초(선택자와 단위)-(이론-2) | |
24강 CSS3의 기초(선택자와 단위)-(실습-4) | |
25강 CSS3의 기초(선택자와 단위)-(실습-5) | |
26강 CSS3의 기초(선택자와 단위)-(실습-6) | |
27강 CSS3의 기초(선택자와 단위)-(실습-7) | |
28강 CSS3의 기초(선택자와 단위)-(실습-8) | |
29강 CSS3의 기초(선택자와 단위)-(이론-3) | |
30강 CSS3의 기초(선택자와 단위)-(실습-9) | |
31강 CSS3의 기초(선택자와 단위)-(실습-10) | |
06_텍스트 관련 스타일 | |
32강 텍스트 관련 스타일(이론-1) | |
33강 텍스트 관련 스타일(실습-1) | |
34강 텍스트 관련 스타일(이론-2) | |
35강 텍스트 관련 스타일(실습-2) | |
36강 텍스트 관련 스타일(실습-3) | |
37강 텍스트 관련 스타일(이론-3) | |
38강 텍스트 관련 스타일(실습-4) | |
39강 텍스트 관련 스타일(실습-5) | |
07_색상, 배경을 위한 스타일 | |
40강 색상, 배경을 위한 스타일(이론-1) | |
41강 색상, 배경을 위한 스타일(실습-1) | |
42강 색상, 배경을 위한 스타일(실습-2) | |
43강 색상, 배경을 위한 스타일(실습-3) | |
44강 색상, 배경을 위한 스타일(이론-2) | |
45강 색상, 배경을 위한 스타일(실습-4) | |
08_레이아웃을 위한 스타일 | |
46강 레이아웃을 위한 스타일(이론-1) | |
47강 레이아웃을 위한 스타일(실습-1) | |
48강 레이아웃을 위한 스타일(실습-2) | |
49강 레이아웃을 위한 스타일(실습-3) | |
50강 레이아웃을 위한 스타일(실습-4) | |
09_CSS포지셔닝 | |
51강 CSS포지셔닝(이론-1) | |
52강 CSS포지셔닝(실습-1) | |
53강 CSS포지셔닝(실습-2) | |
54강 CSS포지셔닝(실습-3) | |
55강 CSS포지셔닝(이론-2) | |
56강 CSS포지셔닝(실습-4) | |
57강 CSS포지셔닝(실습-5) | |
10_시맨틱 태그(Semantic Tag) | |
58강 시맨틱 태그(이론-1) | |
59강 시맨틱 태그(실습-1) | |
60강 시맨틱 태그(실습-2) | |
61강 시맨틱 태그(실습-3) | |
11_멀티미디어(Multi Media) | |
62강 멀티미디어(이론-1) | |
63강 멀티미디어(실습1) | |
64강 멀티미디어(이론-1) | |
65강 멀티미디어(실습-2) | |
66강 멀티미디어(실습-3) | |
67강 멀티미디어(실습-4) | |
12_CSS3 그리고 애니메이션 | |
68강 CSS3 그리고 애니메이션(이론-1) | |
69강 CSS3 그리고 애니메이션(실습-1) | |
70강 CSS3 그리고 애니메이션(실습-2) | |
71강 CSS3 그리고 애니메이션(이론-2) | |
72강 CSS3 그리고 애니메이션(실습-3) | |
73강 CSS3 그리고 애니메이션(실습-4) | |
74강 CSS3 그리고 애니메이션(실습-5) | |
75강 CSS3 그리고 애니메이션(실습-6) | |
76강 CSS3 그리고 애니메이션(실습-7) | |
77강 CSS3 그리고 애니메이션(이론-3) | |
78강 CSS3 그리고 애니메이션(실습-8) | |
79강 CSS3 그리고 애니메이션(실습-9) | |
13_반응형 웹 | |
80강 반응형 웹(이론-1) | |
81강 반응형 웹(실습-1) | |
82강 반응형 웹(이론-2) | |
83강 반응형 웹(실습-2) | |
84강 반응형 웹(실습-3) | |
85강 반응형 웹(실습-4) | |
86강 반응형 웹(실습-5) | |
87강 반응형 웹(실습-6) | |
14_미디어쿼리와 플렉서블레이아웃 | |
88강 미디어 쿼리와 플렉서블 레이아웃(이론-1) | |
89강 미디어 쿼리와 플렉서블 레이아웃(실습-1) | |
90강 미디어 쿼리와 플렉서블 레이아웃(이론-2) | |
91강 미디어 쿼리와 플렉서블 레이아웃(실습-2) | |
92강 미디어 쿼리와 플렉서블 레이아웃(실습-3) | |
93강 미디어 쿼리와 플렉서블 레이아웃(실습-4) | |
94강 미디어 쿼리와 플렉서블 레이아웃(실습-5) | |
95강 미디어 쿼리와 플렉서블 레이아웃(실습-6) | |
15_반응형 웹페이지 만들기 | |
96강 반응형 웹페이지 만들기(실습-1) | |
97강 반응형 웹페이지 만들기(실습-2) | |
98강 반응형 웹페이지 만들기(실습-3) | |
99강 반응형 웹페이지 만들기(실습-4) | |
100강 반응형 웹페이지 만들기(실습-5) | |
101강 반응형 웹페이지 만들기(실습-6) | |
102강 반응형 웹페이지 만들기(실습-7) | |
103강 반응형 웹페이지 만들기(실습-8) | |
104강 반응형 웹페이지 만들기(실습-9) | |
105강 반응형 웹페이지 만들기(실습-10) |