위 강좌 이미지를 클릭하시면 강의목차(table of contents)로 바로 이동합니다. 본 강좌는 다운로드 방식 강좌입니다. 따라서, 수강신청 후 내pc로 다운 저장하여 학습합니다.
| 수강기간 | VIP 프리패스로 이용시10개월 단과로 이용시2개월 |
|---|---|
| 교육방식 | 다운로드 방식 - 강의를 내pc로 다운로드 받아서 저장해놓고 학습하는 방식 |
| 수강금액 | 165,000원 / 2개월 (VIP 프리패스로 이용시는 무료 이용이며, 프리패스 수강기간이 적용) |
| 자료제공 | 제공되는 자료가 있는 경우 1회차 목차에서 강의소스 및 첨부파일 제공 |
상세설명 및 참고사항
| 1 강 |
01_00_HTML5 시작하기(웹의 세계로 발을 담그기 위한 첫번째 단계)
|
22:31 |
|---|
| 2 강 | 01_01_HtmlTags_처음으로 작성해보는 HTML 문서 | 14:23 |
|---|
| 3 강 | 01_02_HtmlWithNotepad_메모장 프로그램을 사용하여 HTML 문서 만들기 | 07:49 |
|---|
| 4 강 |
Visual Studio 2017을 사용하여 HTML 문서 만들고 실행하기
|
27:35 |
|---|
| 5 강 | Visual Studio 2017 설치 후 웹 개발 관련해서 유용한 확장 도구 설치 (위 파일에 같이 포함) | 08:16 |
|---|
| 6 강 | __참고_01_06_Visual Studio 2013 Community Edition 다운로드 및 설치 그리고 실행 | 10:33 |
|---|
| 7 강 | __참고_01_07_Visual Studio를 사용한 웹 개발 | 16:39 |
|---|
| 8 강 | __참고_01_08_Visual Studio Code 다운로드 및 설치 그리고 사용 | 06:52 |
|---|
| 9 강 | __참고_01_09_HTML 학습을 위한 Microsoft WebMatrix 다운로드 및 설치 그리고 간단한 HTML 페이지 만들기 데모 | 08:21 |
|---|
| 10 강 | 01_99_[보충 및 참고] 키보드 문자 발음 | 09:08 |
|---|
| 11 강 | 02_01_HtmlDocument_html_HTML문서의기본구조살펴보기 | 08:02 |
|---|
| 12 강 | 02_02_HTML_Header_H 태그로 헤더(헤드라인) 텍스트 표시하기 | 08:17 |
|---|
| 13 강 | 02_03_[보충 및 참고] h 태그를 사용하여 제목 표시하기 | 07:10 |
|---|
| 14 강 | 02_04_HtmlTag_Paragraph_줄바꿈(br) 및 문단 구분(p) 그리고 수평선(hr) 태그 | 14:20 |
|---|
| 15 강 | 02_05_Html_Div_Span_Block_Inline_div 태그와 span 태그(블록(박스)과 인라인(텍스트 묶음) 요소) | 13:37 |
|---|
| 16 강 | 02_06_HTML_CSS_JavaScript_HTML과 CSS와 JavaScript와의 관계 | 15:44 |
|---|
| 17 강 | 03_01_Html_Address_EscapeSequence_주소 형식을 표현하는 address 태그와 특수문자 소개 | 12:55 |
|---|
| 18 강 | 03_02_PreTag_pre 태그를 사용하여 소스에 입력된 공백을 포함하여 그대로 웹 브라우저에 출력하기 및 특수기호 소개 | 08:46 |
|---|
| 19 강 | 03_03_Html_Emphasis_Abbreviation_강조와 약어 관련 태그 정리(strong, em, b, i, abbr) | 09:24 |
|---|
| 20 강 | 03_04_FontDemo_글꼴 표현 태그(b, i, u, s, del, sub, sup, small) | 04:26 |
|---|
| 21 강 | 03_05_PharaseTags_글꼴 꾸미기 태그(samp, code, var, dfn, kbd) | 04:48 |
|---|
| 22 강 | 03_11_[보충 및 참고] 주소 형식을 표현하는 address 태그 | 05:09 |
|---|
| 23 강 | 04_01_HTML5_StructuralElement_HTML5 구조 관련된 시맨틱 태그 | 08:09 |
|---|
| 24 강 | 04_02_MarkDemo_mark 태그를 사용하여 형광펜을 적용한 것처럼 텍스트 강조 | 03:39 |
|---|
| 25 강 | 04_03_BdoDemo_dbo 태그를 사용하여 오른쪽에서 왼쪽으로 써지는 글자 표현하기 | 07:29 |
|---|
| 26 강 | 05_01_HTML_List_UL_DL_리스트(목록) 관련 태그 사용 예제 | 09:56 |
|---|
| 27 강 | 05_02_OrderedList_Web_순서있는 목록을 사용하여 앞으로 웹 개발자가 되려면 필요한 기술 이름들 나열하기 | 11:12 |
|---|
| 28 강 | 05_03_dl dt dd 태그를 사용한 단어 정의 목록을 사용하여 데이터 리스트 출력 모양 구현하기 | 07:56 |
|---|
| 29 강 | 05_04_용어 목록(dl, dt, dd)을 사용하여 회원 정보 요약 출력 | 05:10 |
|---|
| 30 강 | 05_11_[보충 및 참고] 목록(리스트) 만들기 | 16:04 |
|---|
| 31 강 | 06_01_a 태그 사용법 전체 설명_상대 경로 절대 경로 프로젝트(루트) 경로 내부 경로(책갈피) | 32:36 |
|---|
| 32 강 | 06_02_[보충 및 참고] 링크 만들기 | 17:01 |
|---|
| 33 강 | 06_03_[보충 및 참고] URL의 구조 | 07:32 |
|---|
| 34 강 | 06_04_[보충 및 참고] 절대경로와 상대경로 | 19:13 |
|---|
| 35 강 | 07_01_ImgTagDemo_img 태그를 사용한 타이틀 이미지와 웹브라우저 이미지 나열하기 | 16:50 |
|---|
| 36 강 | 07_02_HtmlImageTag_Image 태그의 주요 속성 살펴보기 | 09:43 |
|---|
| 37 강 | 07_03_ImageLink_이미지 링크 만들기 | 05:28 |
|---|
| 38 강 | 07_04_[보충 및 참고] 이미지 링크 | 16:50 |
|---|
| 39 강 | 07_05_[보충 및 참고] 이미지맵 | 12:57 |
|---|
| 40 강 | 07_06_img 태그의 src 속성에서 경로 지정하는 여러가지 방법 설명 | 06:53 |
|---|
| 41 강 | 07_07_샘플 이미지 제공 사이트 사용하기 | 07:07 |
|---|
| 42 강 | 08_01_HtmlTableDemo_테이블(표)을 만드는 table, tr, td 태그에 대한 간단 사용법 설명 | 12:06 |
|---|
| 43 강 | 08_02_TableTags_테이블 관련 주요 태그들(table, tr, td, caption, thead, th, tbody, tfoot) | 06:57 |
|---|
| 44 강 | 08_02_02_Table 관련 태그 중에서 thead와 tbody 태그로 테이블의 헤더와 본문을 구분짓기 | 09:17 |
|---|
| 45 강 | 08_03_TableColumnGroup_colgroup과 col 태그를 사용하여 테이블의 컬럼 단위로 스타일 적용하기 | 07:01 |
|---|
| 46 강 | 08_04_HTML_Table_TableColor_Table 태그를 사용하여 배경색과 전경색 등을 여러가지 색상 표현 방식으로 만들기 | 21:11 |
|---|
| 47 강 | 08_05_[보충 및 참고] 테이블 태그 | 23:51 |
|---|
| 48 강 | 08_06_[보충 및 참고] 셀 합치기 | 14:02 |
|---|
| 49 강 | 08_07_[보충 및 참고] 테이블 확장(표안에 표 입력) | 05:17 |
|---|
| 50 강 | 08_08_[보충 및 참고] 템플릿 페이지 만들기 데모 | 33:11 |
|---|
| 51 강 | 08_10_Table_LogList_테이블 태그를 사용하여 간단한 로그 정보를 표현하는 표 만들기 | 10:26 |
|---|
| 52 강 | 08_11_Table_WithStyle_테이블 만들기(with CSS) | 09:38 |
|---|
| 53 강 | 08_15_공급자 정보 입력 폼 테이블 구성하기 | 11:02 |
|---|
| 54 강 | 08_20_테이블 태그를 사용하여 간단한 이력서 레이아웃 구현하기 | 13:26 |
|---|
| 55 강 | 09_01_FormControls_폼의 주요 컨트롤들 설명 | 22:16 |
|---|
| 56 강 | 09_02_01_HTML_Form_RegisterForm-회원 가입 폼 만들기 | 09:37 |
|---|
| 57 강 | 09_03_02_HTML_Form_Loging_로그인 폼 만들기 | 06:28 |
|---|
| 58 강 | 09_04_JavaScript_SelectOption_콤보박스_드롭다운리스트_리스트박스 | 09:24 |
|---|
| 59 강 | 09_05_HTML_Table_TableTheadTbody_테이블태그로 간단한 비즈폼 모양 구성하기 | 11:41 |
|---|
| 60 강 | 09_06_[보충 및 참고] 입력양식(폼) 관련 주요 태그 | 38:24 |
|---|
| 61 강 | 09_07_[보충 및 참고] 그룹박스와 패널 만들기(패널.htm) | 09:14 |
|---|
| 62 강 | 09_10_HTML5 새로운 폼 태그 이론 설명 | 12:26 |
|---|
| 63 강 | 09_11_HTML5 새로운 폼 태그 1 | 28:16 |
|---|
| 64 강 | 09_12_HTML5 새로운 폼 태그 2 | 11:12 |
|---|
| 65 강 | 09_13_HTML5 새로운 폼 태그 3 | 13:28 |
|---|
| 66 강 | 09_20_HTML 폼 사용 예제 | 18:18 |
|---|
| 67 강 | 10_01_HTML_CompanyPage_주요 태그를 사용하여 회사소개 페이지 만들기 | 12:22 |
|---|
| 68 강 | 10_02_DivHeaderList_3가지 태그들을 사용하여 웹 페이지 기본 구조 만들기(4단 레이아웃 적용할 예제) | 15:55 |
|---|
| 69 강 | 10_03_실제로 사용되는 사이드바에 대한 순수한 HTML 태그 영역을 ul 태그와 li 태그 등을 사용해서 만들어보기 | 20:20 |
|---|
| 70 강 | 10_04_HTML 태그를 사용하여 하나의 보고서 페이지에 대한 기본 뼈대를 만드는 과정을 타이핑 레벨로 데모로 보여주기 | 35:02 |
|---|
| 71 강 | 11_01_InlineFrameDemo_iframe 태그를 사용하여 다른 페이지롤 현재 페이지에 포함시키기 | 06:28 |
|---|
| 72 강 | 11_02_[보충 및 참고] 인라인 프레임 | 07:51 |
|---|
| 73 강 | 11_03_[보충 및 참고] 사라진 태그들_프레임 | 23:39 |
|---|
| 74 강 | 11_04_[보충 및 참고] 사라진 태그들_프레임 사용 데모 | 15:48 |
|---|
| 75 강 | 12_01_VideoTagDemo_video 태그를 사용하여 웹 페이지에 동영상 출력하기 | 13:27 |
|---|
| 76 강 | 12_02_AudioTagDemo_audio 태그를 사용하여 음악파일 실행하기 | 08:01 |
|---|
| 77 강 | 13_01_HTML5_Part_2_HTML5 소개 | 19:36 |
|---|
| 78 강 | 13_02_HTML5 전용 태그들 1 | 15:37 |
|---|
| 79 강 | 13_03_HTML5 전용 태그들 2 | 39:27 |
|---|
| 80 강 | 13_04_5_HTML5 Semantic 태그 사용하고 Outline 살펴보기 | 20:23 |
|---|
| 81 강 | 14_01_[보충 및 참고] HTML이 앞으로 어떻게 사용되는지에 대한 데모 | 20:39 |
|---|
| 82 강 | 14_99_마무리 | 02:41 |
|---|
| 83 강 | __참고_99_01_부록. Visual Studio Community 2015 한글판 다운로드 및 설치 그리고 실행(Windows 10 환경에서 설치) | 14:32 |
|---|
| 84 강 | __참고_99_10_부록_참고_CheckBoxDemo_HTML 폼 태그 중 체크박스 생성 및 전송 그리고 이를 ASP.NET 웹 폼으로 받아서 처리하는 전체 단계 데모 설명 | 31:17 |
|---|
