개발 · 프로그래밍

웹 개발

Do it! 반응형 웹 디자인 - 저자 동영상 강좌

Do it! 반응형 웹 디자인 저자의 동영상 강좌 입니다.

(4.3) 수강평 35개

수강생 3,179명

HTML/CSS 반응형 웹

입문자를 위해 준비한
[웹 개발, 웹 퍼블리싱] 강의입니다.

1. 강좌 소개

본 Do it! 반응형 웹 디자인 강좌 는 책의 저자가 직접 강의하는 강좌 입니다. 서비스 기획, 개발, 웹 디자인 까지 1인 3역을 해내는 웹 퍼블려서인 저자가 효율 적으로 웹 사이트를 제작할 수 있는 노하우를 담았습니다. 효율성은 물론이고, 만들고자 하는 사이트의 완성도를 높일 수 있도록 반드시 익혀야 하는 핵심 기술들과 다양한 실무 예제를 통해 소개하고 있습니다. 특히 모바일 시대의 화두인 반응형 웹 디자인의 핵심 기술인 미디어 쿼리와 필렉서블 박스에 대한 설명은 주목 할만 합니다.

이 강좌를 마스터 하고 나면 스마트폰, PC, 테블릿까지 전 기종에서 아름답게 보이는 웹 사이트를 구축 하실수 있습니다.

2. 도움되는 분들

웹디자이너
웹 퍼블리셔
반응형 웹 을 통해 전기종에서 일관된 홈페이지를 만들고 싶은 분들
워드프레스 테마 개발자
누구나

3. 저자 소개

김운아 : clxm300@naver.com 저자는 서비스 기획, 웹 디자인, 개발까지 1인 3역을 해내는 멀티플레이형 웹 퍼블리셔이자 현재 파라우치(parauch)의 공동 창업자다. 플래시 초창기 시절부터 웹의 변화 과정을 하나씩 경험하며 UI/UX, 프론트 엔드, 백 엔드까지 웹 전반에 걸쳐 두루 섭렵했다. 이제 그동안의 노하우를 집대성해 더욱 효과적으로 구현할 수 있는 반응형 웹 디자인 방법, 그리고 미래를 이끌어갈 새로운 방향의 반응형 웹 디자인 방법까지 이 책을 통해 명쾌하게 설명하고 있다.

전공이나 경력에 상관없이 누구나 웹 퍼블리셔가 될 수 있다고 자신있게 말하는 저자는 ‘HTML5 + CSS3’ 강의와 수많은 홈페이지 제작 경험을 통해 쌓은 풍부한 감각을 토대로 기획자와 디자이너 그리고 개발자가 가장 효율적으로 웹사이트를 제작할 수 있는 방법을 공유하고 있다.

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

13,668

명

수강생

163

개

수강평

4.8

점

강의 평점

개

강의

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

공동 지식공유자

커리큘럼

전체

12개 ∙ (1시간 57분)

섹션 1. 섹션 1 - 개념 이해하기

2개 ∙ (18분)

1. 1강 - 반응형 웹 기본 개념 이해하기 (1)
09:21
2. 2강 - 반응형 웹 기본 개념 이해하기 (2)
09:05

섹션 2. 섹션 2 - 유동적 크기 변화

4개 ∙ (28분)

3. 3강 - px를 %로 바꾸기 (1)
08:00
4. 4강 - px를 %로 바꾸기 (2)
06:55
5. 5강 – px를 %로 바꾸기 (3)
09:49
6. 6강 - px를 %로 바꾸기 (4)
03:58

섹션 3. 섹션 3 - 유동적 레이아웃 (미디어쿼리)

2개 ∙ (21분)

7. 7강 - 미디어 쿼리와 뷰포트 (1)
13:22
8. 8강 - 미디어 쿼리와 뷰포트 (2)
07:38

섹션 4. 섹션 4 - 새로운 웹 기술

4개 ∙ (49분)

강의 게시일: 2015. 10. 10.

마지막 업데이트일: 2018. 01. 08.

수강평

전체

35개

4.3

35개의 수강평

똘똘이스머프
수강평 863
∙
평균 평점 5.0
2023. 02. 09.
5
100% 수강 후 작성
강의 감사드립니다. 덕분에 좀더 깊이있게 이해하게 되었습니다. 항상 건강 조심하세요.
csjuk2737
수강평 6
∙
평균 평점 5.0
2022. 12. 06.
5
100% 수강 후 작성
감사합니다
Eun
수강평 75
∙
평균 평점 5.0
2022. 08. 24.
5
100% 수강 후 작성
좋은 강의 감사합니다!
전두희
수강평 1
∙
평균 평점 4.0
2022. 06. 06.
4
100% 수강 후 작성
책과 함께 보기 좋겠습니다
유영혁
수강평 1
∙
평균 평점 4.0
2024. 02. 08.
4
42% 수강 후 작성
핵심을 전달하는것 까지 좋았는데 인프런 ui 때문인지 해상도 때문인지 영상의 공백이 코드보다 큽니다. 예전 영상이라서 늦은감이 있겠으나 지금은 수강생들의 편의를 제공해주시길 바래요.

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

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

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

이지스퍼블리싱

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

입문

HTML/CSS

Do it! SQL 입문

이지스퍼블리싱

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

입문

SQL

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

이지스퍼블리싱

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

초급

PWA, 웹앱, Vue.js

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

이지스퍼블리싱

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

입문

HTML/CSS, JavaScript, DOM

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

이지스퍼블리싱

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

초급

Node.js, JavaScript, Express

Do it! 자바스크립트 입문

이지스퍼블리싱

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

초급

JavaScript, DOM

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

이지스퍼블리싱

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

입문

Procreate

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

이지스퍼블리싱

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

입문

Java, Android

비슷한 강의

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

XD UI 디자인 + Clone Coding 인터렉티브 반응형웹 포트폴리오!

LIZ.B

실무에서 하자! 스크롤에 대응하는 반응형 웹 포트폴리오 #제일엔지니어링

초급

반응형 웹, 인터랙티브 웹, XD

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

코딩웍스(Coding Works)

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

입문

HTML/CSS, jQuery, 웹 디자인

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

webstoryboy

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

초급

HTML/CSS, jQuery, JavaScript

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기

LIZ.B

웹디자인기능사 실기 시험을 준비하시는 분들에게 짧고 쉽게 배우는 강좌를 준비했습니다. 단지 시험 때문이 아니더라도, 웹표준 양식에 맞는 사이트 구현에 관심있으신 분이라면 환영합니다.

초급

HTML/CSS, jQuery, 웹 디자인

시험 전에 꼭 봐야 할 웹디자인기능사 공개 문제 (2020) Part.1

유용한IT학습

웹디자인기능사 실기를 준비하기 위한 기초 내용을 공개 문제를 통해 학습하는 강의입니다. 실무에서 웹 코딩을 활용하고자 하는 웹디자이너에게도 유익한 강의에요.

초급

HTML/CSS, JavaScript

코딩은 처음이라 with 웹 퍼블리싱 - HTML 기초

이지웹

이 강의를 통해 웹페이지를 구성하는 3대 언어 HTML, CSS, javascript중 HTML언어의 기본기를 확실하게 다질 수 있습니다. 검색에 최적화된, 웹접근성과 웹표준을 준수하는 HTML을 제대로 학습해보세요.

입문

HTML/CSS

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

1분코딩

인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.

중급이상

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

웹디자인기능사 실기 문제풀이 A-1

Dongho Lee

웹 디자인 기능사 실기시험을 충실하게 준비합니다. 다양한 방법으로 문제를 해결합니다.

초급

HTML/CSS, 웹 디자인

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

영코디 킴쌤

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

입문

HTML/CSS, css3, 웹 디자인