평생교육이용권

HTML CSS 핸즈온

HTML과 CSS로 실제 웹 페이지 만들기

강의

36강

코드 실습

20개

프로젝트

4개

한눈에 보는 코스 특장점

학습 드라마로 완성하는 HTML과 CSS 코스

학습 드라마로 완성하는 HTML과 CSS 코스

스페셜 포인트

스토리로 이해하는 학습 개념
이제 일상 속 재밌는 이야기로 만나보세요

학습만화로 공부에 흥미를 붙였던 경험처럼
이제 일상 속 재밌는 이야기를 통해 이해하고 학습하세요

코스 요약툰 썸네일

학습 드라마 요약툰 자세히 보기

코스 요약툰 이미지

Point 1

친절하고 알기 쉬운 알고리즘 설명으로
문제 해결 방식을 탐색해요

Point 2

HTML과 CSS를 활용한 코드 프로젝트로
학습 드라마 속 문제 상황을 해결해요

Point 3

재미있는 학습 드라마를 통해
HTML과 CSS 기술을 살펴봐요

필요한 개념을 모두 담은 탄탄한 커리큘럼

드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!

A1. 인트로
학습 드라마
A2. 어떻게 풀까?
학습 드라마
A3. 필수 태그 정리하기
강의코드 실습
A4. 선택자 정리하기
강의코드 실습
A5. 글씨 꾸미기
강의코드 실습
A6. 배경색 꾸미기
강의코드 실습
A7. padding과 margin
강의코드 실습
[프로젝트 1] 포트폴리오 페이지 만들기
프로젝트
A8. 프로젝트 해설
강의
A9. 엔딩
학습 드라마

B1. 인트로
학습 드라마
B2. 어떻게 풀까?
학습 드라마
B3. <img>, <video>, <audio>
강의코드 실습
B4. width와 height
강의코드 실습
B5. a 태그 더 알아보기
강의코드 실습
B6. border
강의코드 실습
B7. transform
강의코드 실습
[프로젝트 2] 초대장 만들기
프로젝트
B8. 프로젝트 해설
강의
B9. 엔딩
학습 드라마

C1. 인트로
학습 드라마
C2. 어떻게 풀까?
학습 드라마
C3. form 관련 태그
강의코드 실습
C4. 다양한 타입의 <input> 요소
강의코드 실습
C5. flexbox 활용하기
강의코드 실습
C6. 가상 클래스 활용하기
강의코드 실습
C7. 텍스트 스타일링 속성
강의코드 실습
[프로젝트 3] 회원가입 페이지 만들기
프로젝트
C8. 프로젝트 해설
강의
C9. 엔딩
학습 드라마

D1. 인트로
학습 드라마
D2. 어떻게 풀까?
학습 드라마
D3. 시맨틱 태그 정리하기
강의코드 실습
D4. position 더 알아보기
강의코드 실습
D5. background 더 알아보기
강의코드 실습
D6. grid 활용하기
강의코드 실습
D7. transition 활용하기
강의코드 실습
[프로젝트 4] 상품 목록 페이지 만들기
프로젝트
D8. 프로젝트 해설
강의
D9. 엔딩
학습 드라마

HTML CSS 핸즈온

강의36강

·

실습24개

무료체험하기 >상품 알아보기 >