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

Name: Do it! HTML5 + CSS3 웹 표준의 정석 전면 개정 2판
Rating: 4.9 (45 reviews)

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

(4.9) 수강평 45개

수강생 1,043명

난이도 입문

수강기한 무제한

이지스퍼블리싱

저자 직강

html5

css3

웹개발

HTML/CSS

저자 직강

html5

css3

웹개발

HTML/CSS

먼저 경험한 수강생들의 후기

4.9

5.0

Jang Jaehoon

100% 수강 후 작성

좋은 강의 감사합니다!

5.0

leejy

100% 수강 후 작성

감사합니다.

5.0

cylee

100% 수강 후 작성

유익한 강의였습니다. 감사합니다.

수강 후 이런걸 얻을 수 있어요

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

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

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

이런 분들께
추천드려요

학습 대상은
누구일까요?

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

안녕하세요
입니다.

15,707

명

수강생

310

개

수강평

4.8

점

강의 평점

개

강의

사람을 구체적으로 도와주는 책을 만듭니다.
Do it! 시리즈 ㅣ 된다! } 시리즈

📕이지스퍼블리싱 출판사 홈페이지: https://www.easyspub.co.kr/Main/PUB

📗이지스퍼블리싱 IT 인스타그램: https://www.instagram.com/easyspub_it/

📘Do it! 스터디룸 네이버 카페: https://cafe.naver.com/doitstudyroom

커리큘럼

전체

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분)

강의 게시일:

마지막 업데이트일:

수강평

전체

45개

4.9

45개의 수강평

Jang Jaehoon
수강평 641
∙
평균 평점 4.9
5
100% 수강 후 작성
좋은 강의 감사합니다!
jinhwan.jeong
수강평 6
∙
평균 평점 5.0
5
32% 수강 후 작성
leejy
수강평 16
∙
평균 평점 5.0
수정됨
5
100% 수강 후 작성
감사합니다.
kyh0824
수강평 4
∙
평균 평점 5.0
5
100% 수강 후 작성
knty2427
수강평 4
∙
평균 평점 5.0
5
64% 수강 후 작성

무료

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

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

Do it! 자바스크립트 입문

이지스퍼블리싱

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

초급

JavaScript, DOM

Do it! 자바스크립트 입문

이지스퍼블리싱

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

이지스퍼블리싱

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

초급

Node.js, JavaScript, Express

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

이지스퍼블리싱

Do it! SQL 입문

이지스퍼블리싱

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

입문

SQL

Do it! SQL 입문

이지스퍼블리싱

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

이지스퍼블리싱

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

입문

HTML/CSS, JavaScript, DOM

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

이지스퍼블리싱

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

이지스퍼블리싱

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

초급

PWA, 웹앱, Vue.js

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

이지스퍼블리싱

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

이지스퍼블리싱

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

입문

Procreate

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

이지스퍼블리싱

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

이지스퍼블리싱

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

입문

Java, Android

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

이지스퍼블리싱

비슷한 강의

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

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

이지스퍼블리싱

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

입문

HTML/CSS, JavaScript, DOM

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

이지스퍼블리싱

리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트

webstoryboy

강의를 통해 React 프레임워크와 YouTube API를 이용하여 자신만의 리액트 유튜브 영상 사이트를 만들어봅니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용하는 것을 목표로 합니다.

초급

React, HTML/CSS, JavaScript

리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트

webstoryboy

핵심만 골라배우는 CSS3

수코딩

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

입문

HTML/CSS

핵심만 골라배우는 CSS3

수코딩

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

잔재미코딩 DaveLee

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

입문

HTML/CSS, JavaScript, ES6

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

잔재미코딩 DaveLee

JavaScript 객체지향, 이론 말고 '만들면서' 배웁니다 (전략 AI 편)

nhcodingstudio

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

초급

HTML/CSS, JavaScript, 객체지향

JavaScript 객체지향, 이론 말고 '만들면서' 배웁니다 (전략 AI 편)

nhcodingstudio

CSS GRID 마스터: FIGMA 디자인 웹구현 실전

이지웹

CSS Grid는 복잡한 레이아웃도 간단하고 직관적으로 구현할 수 있는 강력한 도구입니다. 이번 강의에서는 CSS Grid의 핵심 개념부터 실전 활용법까지 단계별로 쉽게 배울 수 있도록 구성했습니다. 이제 복잡한 float과 flexbox에 얽매이지 말고, 효율적인 레이아웃 설계의 정석을 배워보세요! 지금 바로 시작하세요!

초급

HTML/CSS, jQuery, Figma

CSS GRID 마스터: FIGMA 디자인 웹구현 실전

이지웹

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

SungYong Lee

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

초급

Python, Django, Bootstrap

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

SungYong Lee

카페 24 베스트 쇼핑몰 디자인 클론코딩하기 (HTML + CSS)

같이코딩

카페 24에 올라온 베스트 쇼핑몰 디자인을 직접 클론코딩해보며 빠르게 HTML과 CSS를 학습할 수 있습니다. HTML + CSS에 대한 기본적인 이론을 학습하고 직접 클론코딩을 통해 쇼핑몰 디자인을 완성하여 이론에서 배웠던 내용을 적용하고 견고하게 HTML과 CSS의 틀을 잡을 수 있게 강의를 구성했습니다

입문

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

카페 24 베스트 쇼핑몰 디자인 클론코딩하기 (HTML + CSS)

같이코딩

실전 HTML & CSS 강좌

Seoul Wiz

Web을구성하고있는HTML5 과 CSS3 를 다루는 강좌 입니다.

입문

HTML/CSS

실전 HTML & CSS 강좌

Seoul Wiz

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

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

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

입문

HTML/CSS, JavaScript, 반응형 웹

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

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

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

트레이딩온

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

초급

HTML/CSS

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

트레이딩온

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

초급

gemini, HTML/CSS, TailwindCSS

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

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

깡코딩

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

초급

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

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

깡코딩

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

J.영

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

입문

HTML/CSS, html-layout, css3

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

J.영

비전공자도 가능한 AI 바이브코딩 입문 코스

아이티커넥트

💡 비개발자도 AI와 함께 단 10시간 창업 MVP부터 수익화 서비스까지! 💰 외주비 수천만원이 필요했던 개발 이제 12만원으로 완전 해결 🎯 명함인식, 감정분석, 입지분석까지 실전 비즈니스 프로젝트 5개 완주 🔥 기획자, 마케터, 예비창업자라면 개발자 없이도 아이디어 구현 ⚡ 지금 시작하면 평생 써먹을 개발 자립 능력을 획득하세요!

입문

HTML/CSS, Java, 웹앱

비전공자도 가능한 AI 바이브코딩 입문 코스

아이티커넥트

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

입문

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

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

개발자의 품격

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

초급

JavaScript, ES6, HTML/CSS

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

개발자의 품격

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

풀면서 배우는 정보처리산업기사 정보처리산업기사 과정평가형 실기 합격을 위해 모든것을 준비했습니다.

입문

HTML/CSS, Java, SQL

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

초급

HTML/CSS, jQuery, XD

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

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

먼저 경험한 수강생들의 후기

4.9

수강 후 이런걸 얻을 수 있어요

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

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

이런 걸 배워요 🙆‍♀️

지식공유자 소개 ✒️

고경희

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

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

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

비슷한 강의

이런 분들께
추천드려요

안녕하세요
입니다.