프론트엔드

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

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

(4.8) 수강평 14개

수강생 860명

이지스퍼블리싱

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,405

명

수강생

144

개

수강평

4.8

점

강의 평점

개

강의

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

커리큘럼

전체

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.

수강평

전체

14개

4.8

14개의 수강평

skim
2025. 04. 01.
∙
수강평 9
∙
평균 평점 5.0
5
100% 수강 후 작성
shinsk
2025. 04. 04.
∙
수강평 8
∙
평균 평점 5.0
5
100% 수강 후 작성
너무 좋은 강의 감사드립니다.
dsyun
2025. 04. 22.
∙
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
HTML5와 CSS3에 대해 이해하는데 많은 도움이 되었습니다.
leegyosoo
2025. 04. 05.
∙
수강평 3
∙
평균 평점 5.0
5
100% 수강 후 작성
좋은강의 감사합니다.
jschoi
2025. 03. 26.
∙
수강평 8
∙
평균 평점 5.0
5
100% 수강 후 작성
업무에 도움이 되었습니다.

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

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

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

이지스퍼블리싱

무료

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

4.9

(10)

1,100+

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

초급

PWA, 웹앱, Vue.js

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

이지스퍼블리싱

무료

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

4.9

(23)

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.8

(6)

1,000+

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

초급

JavaScript, DOM

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

이지스퍼블리싱

무료

입문 / HTML/CSS, JavaScript, DOM

4.7

(25)

2,300+

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

입문

HTML/CSS, JavaScript, DOM

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

이지스퍼블리싱

무료

입문 / Procreate

5.0

(5)

800+

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

입문

Procreate

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

이지스퍼블리싱

무료

입문 / Java, Android

4.7

(39)

3,500+

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

입문

Java, Android

비슷한 강의

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

나만의 포트폴리오 웹페이지 만들기

시몬

₩11,000

입문 / HTML/CSS, 웹 디자인

4.5

(21)

300+

본 강의는 HTML, CSS, JS 만을 이용하여 나만의 포트폴리오 웹페이지를 만들어보는 강좌입니다. 라이브러리에 의존하지 않고 순수 HTML, CSS, JS로 개발하기 때문에 웹페이지 제작에 대한 이해도를 높일 수 있습니다.

입문

HTML/CSS, 웹 디자인

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

이지스퍼블리싱

무료

입문 / HTML/CSS, JavaScript, DOM

4.7

(25)

2,300+

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

입문

HTML/CSS, JavaScript, DOM

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

리베하얀

₩132,000

입문 / HTML/CSS, nesting, css3

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

입문

HTML/CSS, nesting, css3

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

코드덤

₩88,000

입문 / HTML/CSS, Bootstrap

4.9

(7)

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

입문

HTML/CSS, Bootstrap

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

리베하얀

₩132,000

입문 / HTML/CSS, nvda

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

입문

HTML/CSS, nvda

김일한의 리액트(React) 개발자를 위한 실습을 통한 입문 과정

소프트캠퍼스

₩11,000

입문 / React, JavaScript, HTML/CSS

1.0

(1)

본 과정은 리액트를 이용하여 프론트 웹을 개발할 수 있는 방법에 대해 학습합니다. 리액트를 위한 자바스크립트 핵심문법, CDN 기반 리액트 개발, NPM 기반 리액트 개발 방법 학습 합니다.

입문

React, JavaScript, HTML/CSS

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

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

무료

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

5.0

(2)

200+

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

입문

HTML/CSS, JavaScript, 반응형 웹

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

트레이딩온

₩33,000

초급 / HTML/CSS

3.5

(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

ChatGPT API 입문 강의 - 30분 만에 다국어 번역기 웹 풀스택 개발하기

까룬

₩7,700

입문 / ChatGPT, Python, HTML/CSS

4.3

(26)

300+

ChatGPT API로 30분 만에 다국어 번역기 웹 풀스택 개발하고, 인공지능을 전혀 모르더라도 프로덕트에 최신 인공지능(ChatGPT API)을 도입해봐요!

입문

ChatGPT, Python, HTML/CSS

바~로 실습! 개념몰라도 됨, HTML 시작

두노피

무료

입문 / HTML/CSS, 웹 디자인

5.0

(3)

200+

개념을 외우는게 아니라 실습을 통해 개념도 배우는 수업입니다. 다른곳에서 코드를 보면 울렁거리거나 토할것같은 분들도 오세요. 누구나 할 수 있습니다.

입문

HTML/CSS, 웹 디자인

이거 하나로 종결-스프링 기반 풀스택 웹개발 무료강의

그린코딩

무료

입문 / HTML/CSS, Spring Boot, Spring Security, JSP, JavaScript, Spring

4.9

(17)

1,800+

Update

꽉찬 40시간 스프링기반풀스택개발전면무료강의

입문

HTML/CSS, Spring Boot, Spring Security

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

깡코딩

₩88,000

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

4.8

(21)

300+

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

초급

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

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

코딩웍스(Coding Works)

₩166,100

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

4.9

(97)

700+

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

입문

HTML/CSS, jQuery, 웹 디자인

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

개발자의 품격

₩77,000

초급 / JavaScript, ES6, HTML/CSS

4.9

(73)

700+

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

초급

JavaScript, ES6, HTML/CSS