프론트엔드

Do it! HTML5 + CSS3 웹 표준의 정석 전면 개정 2판

탄탄한 웹 기본기를 쌓고 싶은 분은 여기로 모이세요!

(4.8) 수강평 20개

수강생 881명

이지스퍼블리싱

HTML/CSS

입문자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

HTML5의 기본기를 다질 수 있어요
CSS의 기초부터 배울 수 있어요
반응형 웹을 개발하는 방법을 배울 수 있어요

HTML5, CSS3와 함께
흔들림 없는 기본기를 쌓아보세요 🌳

웹 분야 베스트 셀러로 쌓는 웹 기본기 💻

이지스퍼블리싱 Do it! HTML5+CSS3 웹 표준의 정석

이 강의는 도서 『Do it! HTML5+CSS3 웹 표준의 정석 (이지스퍼블리싱)』 기반으로 만든 동영상 강의로, 웹 개발을 위한 가장 기본이 되는 기술을 다룹니다.

✅ 7년 연속 웹 분야 1위 베스트셀러!

✅ 코딩이 처음이어도 쉽고 빠르게!

✅ 실습 + 복습 + 연습문제까지 알차게!

시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다!
7년 연속 웹 분야 1위를 굳건히 지키고 있는 《Do it! HTML5+CSS3 웹 표준의 정석》. 전면 개정 2판으로 더욱 새로워졌죠. 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 분들도 쉽고 빠르게 예제를 따라 해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했습니다. 또한 수강생분들이 직접 만들면서 실습하고, 배운 내용을 복습하고, 연습문제까지 풀어보는 학습 설계로 구성되어 있어, 한번 배운 내용을 절대로 까먹지 않도록 도와드릴게요.

이런 걸 배워요 🙆‍♀️

HTML 기본 다지기

HTML5 시작 및 준비물 챙기기
텍스트 관련 태그들
이미지와 하이퍼링크
폼 관련 태그들 1
폼 관련 태그들 2
CSS3로 완성하는 웹 표준

CSS 기초

텍스트 관련 스타일
색상과 배경을 위한 스타일
텍스트 관련 스타일
CSS 박스 모델 1
CSS 박스 모델 2
CSS 레이아웃
HTML, CSS 한 걸음 더 나가기

HTML5와 시맨틱 태그

HTML5와 멀티미디어
다재다능한 CSS3 선택자 1
다재다능한 CSS3 선택자 2
CSS와 애니메이션 1
CSS와 애니메이션 2
반응형 웹 사이트 만들기

반응형 웹이란?

미디어 쿼리
플렉스 박스

지식공유자 소개 ✒️

고경희

2010년 『Do it! HTML5 + CSS3』를 출간한 후 웹 관련 강의와 집필을 꾸준히 해왔다. 웹 초창기부터 ASP와 자바 등을 소개하는 전문 도서를 번역하면서 웹 기술에 관심을 가지기 시작했고, 이후 HTML과 DHTML(Dynamic HTML), CSS, 자바스크립트 등 웹 관련 기술을 더 쉽게 익힐 수 있는 도서 60여 종을 집필했다. 특히 2021년 출간한 『Do it! HTML+CSS+자바스크립트 웹 표준의 정석』은 웹 개발에 입문하는 사람의 필독서로 자리매김하여 2년째 웹 분야 베스트셀러 1위를 이어오고 있다. 홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부한 뒤, 현재 Development Technologies 분야에서 마이크로소프트 공인 최고 기술자(Microsoft Most Valuable Professional)로 활동하고 있다.

이력 사항/포트폴리오/개인 영상

홍익대 전자계산학과 졸업, 동대학 컴퓨터공학과에서 석사 과정 수료
한국디지털대학교 웹 기초 분야 강사로 활동 중

이런 분들께
추천드려요!

학습 대상은
누구일까요?

웹 프로그래밍이 궁금한 코딩 초보자
웹, 앱 개발자가 되고 싶은 취업 준비생

안녕하세요
이지스퍼블리싱입니다.

13,552

명

수강생

155

개

수강평

4.8

점

강의 평점

개

강의

사람을 구체적으로 도와주는 책을 만듭니다.

커리큘럼

전체

22개 ∙ (5시간 57분)

섹션 1. 처음 시작하는 HTML5

5개 ∙ (1시간 31분)

섹션 2. CSS3로 완성하는 웹 표준

8개 ∙ (2시간 14분)

6. CSS 기초 1
17:36
7. CSS 기초 2
12:57
8. 텍스트 관련 스타일
19:19
9. 색상과 배경을 위한 스타일 1
14:34
10. 색상과 배경을 위한 스타일 2
17:15
11. CSS 박스 모델 1
14:03
12. CSS 박스 모델 2
17:26
13. CSS 레이아웃
20:51

섹션 3. HTML, CSS 한 걸음 더 나가기

6개 ∙ (1시간 22분)

14. HTML5와 시맨틱 태그
12:59
15. HTML5와 멀티미디어
16:54
16. 다재다능한 CSS3 선택자 1
13:32
17. 다재다능한 CSS3 선택자 2
11:01
18. CSS와 애니메이션 1
14:14
19. CSS와 애니메이션 2
13:32

섹션 4. 반응형 웹 사이트 만들기

3개 ∙ (49분)

강의 게시일: 2023. 04. 23.

마지막 업데이트일: 2023. 04. 24.

수강평

전체

20개

4.8

20개의 수강평

jnkim
수강평 2
∙
평균 평점 5.0
2025. 05. 20.
5
32% 수강 후 작성
최고 였습니다.
mgkang
수강평 7
∙
평균 평점 5.0
2025. 05. 09.
5
32% 수강 후 작성
Boram Park
수강평 6
∙
평균 평점 5.0
2025. 05. 13.
5
32% 수강 후 작성
kimdj
수강평 1
∙
평균 평점 5.0
2025. 05. 20.
5
100% 수강 후 작성
leo
수강평 4
∙
평균 평점 5.0
2025. 05. 08.
5
100% 수강 후 작성

이지스퍼블리싱님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

Do it! Node.js 프로그래밍 입문

이지스퍼블리싱

무료

초급 / Node.js, JavaScript, Express, MongoDB

4.9

(24)

1,500+

Node.js+자바스크립트+익스프레스+몽고DB로 서버의 핵심을 향해 한눈팔지 않고 달린다!

초급

Node.js, JavaScript, Express

Do it! SQL 입문

이지스퍼블리싱

무료

입문 / SQL

4.5

(22)

2,000+

굵직한 글로벌 기업의 현직 데이터베이스 전문가가 20년 간의 기업 실무와 강의 경험을 아낌없이 담았다!

입문

SQL

Do it! 자바스크립트 입문

이지스퍼블리싱

무료

초급 / JavaScript, DOM

4.9

(8)

1,000+

프런트엔드, 백엔드에 모두 쓰는 자바스크립트 실무 문법 웹 도서 1위 저자와 함께 한 권으로 끝내자!

초급

JavaScript, DOM

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

이지스퍼블리싱

무료

입문 / HTML/CSS, JavaScript, DOM

4.7

(26)

2,300+

키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!

입문

HTML/CSS, JavaScript, DOM

Do it! 프로그레시브 웹앱 만들기

이지스퍼블리싱

무료

초급 / PWA, 웹앱, Vue.js, Vuetify

4.9

(11)

1,100+

글로벌 기업들의 차세대 모바일 전략, PWA(프로그레시브 웹 앱)를 배우자!

초급

PWA, 웹앱, Vue.js

된다! 사각사각 아이패드 드로잉 with 프로크리에이트

이지스퍼블리싱

무료

입문 / Procreate

5.0

(5)

800+

《된다! 사각사각 아이패드 드로잉 with 프로크리에이트》의 저자 선생님들과 함께 드로잉/캘리그라피/디자인을 시작해 보세요!

입문

Procreate

2018 Do it! 안드로이드 앱 프로그래밍

이지스퍼블리싱

무료

입문 / Java, Android

4.7

(39)

3,500+

안드로이드 분야 도서 1위 도서 저자 정재곤 박사가 직접 알려주는 안드로이드 강좌!! (2018 개정판)

입문

Java, Android

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

이지스퍼블리싱

무료

입문 / HTML/CSS, JavaScript, DOM

4.7

(26)

2,300+

키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!

입문

HTML/CSS, JavaScript, DOM

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

₩82,500

입문 / HTML/CSS, JavaScript, ES6

4.9

(163)

2,600+

Update

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

입문

HTML/CSS, JavaScript, ES6

리베하얀의 CSS3 기초실무 - 2024

리베하얀

₩132,000

입문 / HTML/CSS, nesting, css3

Update

CSS 실무 20년이상 경력을 기반으로한 CSS 기초 강의에 오신 것을 환영합니다! 이 강의는 웹 퍼블리셔와 프론트엔드 개발자로 성장하기 위한 첫 걸음을 내딛는 여러분을 위해 준비되었습니다.

입문

HTML/CSS, nesting, css3

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

무료

초급 / HTML/CSS, JavaScript, Bootstrap

4.8

(138)

5,300+

Update

HTML / JS / CSS 만을 가지고 직접 심리 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다.

초급

HTML/CSS, JavaScript, Bootstrap

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

₩132,000

초급 / Python, Django, Bootstrap, AWS, Docker, TDD, HTML/CSS, JavaScript

4.8

(41)

500+

Update

만들면서 배우는 파이썬 웹개발 A to Z! 웹 기초부터 블로그 개발, 배포까지 한 번에 배워요.

초급

Python, Django, Bootstrap

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

Jiwoon Jeong

₩77,000

초급 / HTML/CSS, JavaScript, REST API, MySQL, AWS, Git, GitHub

4.8

(34)

600+

Update

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

초급

HTML/CSS, JavaScript, REST API

컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1

Egoing Lee

무료

입문 / HTML/CSS

4.9

(662)

16,700+

Update

일반인에게 프로그래밍을 알려주는 생활코딩의 이고잉님이 진행한 크라우드펀딩 강좌 Web 1 입니다. 웹의 근간이 되는 HTML 로 웹페이지를 직접 만들어 보며, 누구나 코딩을 접해볼 기회를 가질 수 있는 강의 입니다.

입문

HTML/CSS

웹 프로그래밍(HTML5+CSS+javaScript)

국립안동대학교 SW융합교육원

무료

입문 / HTML/CSS, JavaScript, 반응형 웹

5.0

(2)

200+

초급자를 위한 웹 프로그래밍 강의입니다. HTML, CSS, JavaScript의 기본 문법과 활용법을 단계적으로 학습할 수 있도록 구성되었습니다. 웹 페이지 구조 및 디자인, 상호작용 기능 구현 등 웹 개발의 핵심 요소를 다루고 있습니다.

입문

HTML/CSS, JavaScript, 반응형 웹

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

₩88,000

초급 / 인터랙티브 웹, JavaScript, HTML/CSS

4.8

(21)

300+

Update

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

[2024]리베하얀의 HTML 기초 실무

리베하얀

₩132,000

입문 / HTML/CSS, nvda

HTML 기초문법을 다루는 강의입니다. 다양한 사례의 미션이 존재하며, 실무에서 사용가능한 최신문법까지 알려드립니다.

입문

HTML/CSS, nvda

자바스크립트 제대로 배워볼래?

개발자의 품격

₩77,000

초급 / JavaScript, ES6, HTML/CSS

4.9

(73)

700+

Update

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

초급

JavaScript, ES6, HTML/CSS

2024 html/css 기초탄탄 초스피드 완강코스

J.영

무료

입문 / HTML/CSS, html-layout, css3, Flex

5.0

(21)

800+

답변 활발

html/css초보 입문자를 대상으로 기초를 탄탄하게 다지며, 물론 반응형 레이아웃 제작 실전을 배울 수 있습니다.

입문

HTML/CSS, html-layout, css3

실무중심의 HTML5 시각화 프로그래밍

트레이딩온

₩33,000

초급 / HTML/CSS

3.5

(2)

Update

데이터를 가공하여 표의 형태로 표현할 수도 있지만 가장 중요한 것은 데이터를 인간이 한 눈에 알아 볼 수 있게 표현하는 것입니다.

초급

HTML/CSS

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

₩42,900

30%

₩30,030

초급 / JavaScript, HTML/CSS, 객체지향

New

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

초급

JavaScript, HTML/CSS, 객체지향

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

₩166,100

입문 / HTML/CSS, jQuery, 웹 디자인

4.9

(97)

700+

Update

답변 활발

웹디자인기능사 출제기준(2025.1.1~2025.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다. 2023년도에 추가된 D유형, E유형 완벽 제작 수업영상과 2024년도에 추가된 F유형 완벽 제작 수업영상이 모두 반영되어 있습니다.

입문

HTML/CSS, jQuery, 웹 디자인