프론트엔드

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

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

(4.7) 수강평 9개

수강생 815명

이지스퍼블리싱

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)로 활동하고 있다.

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

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

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

12,992

명

수강생

131

개

수강평

4.7

점

강의 평점

개

강의

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

커리큘럼

전체

22개 ∙ (5시간 57분)

섹션 1. 처음 시작하는 HTML5

5개 ∙ (1시간 31분)

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

8개 ∙ (2시간 14분)

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

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

6개 ∙ (1시간 22분)

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

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

3개 ∙ (49분)

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

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

수강평

전체

9개

4.7

9개의 수강평

5min0
2024. 10. 17.
∙
수강평 6
∙
평균 평점 5.0
5
100% 수강 후 작성
쿠카이든
2024. 12. 30.
∙
수강평 321
∙
평균 평점 5.0
5
18% 수강 후 작성
HTML5와 CSS3에 대해 많이 배웠습니다~! 좋은 강의 감사드려요~~
992hwan
2024. 07. 28.
∙
수강평 15
∙
평균 평점 4.8
5
32% 수강 후 작성
plum
2024. 03. 29.
∙
수강평 12
∙
평균 평점 5.0
5
32% 수강 후 작성
많은 도움이 되었습니다.
뿌시
2024. 02. 14.
∙
수강평 2
∙
평균 평점 5.0
5
32% 수강 후 작성
책 없이 봐도 전체적인 html css 흐름 공부하는데 도움이 되고 있어요! 좋은 강의 감사드립니다~!

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

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

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

이지스퍼블리싱

무료

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

4.9

(18)

1,400+

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

초급

Node.js, JavaScript, Express

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

이지스퍼블리싱

무료

입문 / HTML/CSS, JavaScript, DOM

4.7

(25)

2,200+

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

입문

HTML/CSS, JavaScript, DOM

Do it! SQL 입문

이지스퍼블리싱

무료

입문 / SQL

4.5

(20)

1,900+

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

입문

SQL

Do it! 자바스크립트 입문

이지스퍼블리싱

무료

초급 / JavaScript, DOM

4.8

(6)

1,000+

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

초급

JavaScript, DOM

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

이지스퍼블리싱

무료

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

4.9

(10)

1,100+

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

초급

PWA, 웹앱, Vue.js

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

이지스퍼블리싱

무료

입문 / Procreate

5.0

(5)

700+

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

입문

Procreate

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

이지스퍼블리싱

무료

입문 / Java, Android

4.7

(38)

3,500+

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

입문

Java, Android

비슷한 강의

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

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

리베하얀

₩132,000

입문 / HTML/CSS, nvda

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

입문

HTML/CSS, nvda

[코드캠프] 시작은 프리캠프

코드캠프

₩22,000

입문 / HTML/CSS, JavaScript

4.8

(80)

2,200+

코딩 부트캠프의 독보적인 커리큘럼으로 만든 강의입니다. 가장 기초적이고 실무에서 꼭 필요한 내용들로 구성되어 있어요. '누구나 가능한 개발자로의 커리어 전환' 이 강의로 시작하세요.

입문

HTML/CSS, JavaScript

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

이지스퍼블리싱

무료

입문 / HTML/CSS, JavaScript, DOM

4.7

(25)

2,200+

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

입문

HTML/CSS, JavaScript, DOM

모던 웹 인터렉티브 CSS3 [PART2/3]

영코디 킴쌤

₩52,800

입문 / HTML/CSS, 웹 디자인, css3, 인터랙티브 웹, 클론코딩

초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

입문

HTML/CSS, 웹 디자인, css3

[ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용

코드덤

₩88,000

입문 / HTML/CSS, Bootstrap

4.8

(6)

부트스트랩5로 나만의 색을 입힌 포트폴리오 웹 사이트 제작부터 배포까지! 전세계적으로 가장 많이 사용되고 있는 웹 디자인 툴킷! Bootstrap 5

입문

HTML/CSS, Bootstrap

핵심만 골라배우는 HTML5

수코딩

₩35,200

입문 / HTML/CSS

Update

프론트엔드 입문자들은 필수적으로 익혀야하는 HTML5 기초부터 시작해서 고급에 이르기까지 HTML5를 샅샅이 파헤쳐봅니다!

입문

HTML/CSS

모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

영코디 킴쌤

₩154,000

입문 / HTML/CSS, 웹 디자인, 클론코딩, 모바일 디자인

5.0

(2)

입문

HTML/CSS, 웹 디자인, 클론코딩

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

잔재미코딩 DaveLee

₩82,500

입문 / HTML/CSS, JavaScript, ES6

4.9

(162)

2,600+

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

입문

HTML/CSS, JavaScript, ES6

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

SungYong Lee

₩132,000

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

4.8

(39)

500+

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

초급

Python, Django, Bootstrap

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

트레이딩온

₩33,000

초급 / HTML/CSS

3.5

(2)

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

초급

HTML/CSS

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

리베하얀

₩132,000

입문 / HTML/CSS, nesting, css3

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

입문

HTML/CSS, nesting, css3

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

코딩웍스(Coding Works)

₩166,100

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

4.9

(96)

700+

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

입문

HTML/CSS, jQuery, 웹 디자인

따라하면서 배우는 웹애플리케이션 만들기

Egoing Lee

무료

입문 / HTML/CSS, PHP

5.0

(87)

6,600+

홈페이지를 완성하기 위한 전체적인 웹 기술들을 따라하며 웹 개발의 큰 흐름을 익힐 수 있는 강좌입니다.

입문

HTML/CSS, PHP

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

깡코딩

₩88,000

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

4.8

(21)

300+

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

초급

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

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

개발자의 품격

₩77,000

초급 / JavaScript, ES6, HTML/CSS

4.9

(73)

700+

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

초급

JavaScript, ES6, HTML/CSS