본문 바로가기
데모 사이트입니다 — 실제로 결제되지 않으며, 데이터는 매일 새벽 초기화됩니다.체험 회원으로 로그인관리자 화면 체험하기
패키지 구독

무료NEW인기

처음 만드는 웹사이트: HTML·CSS 기초

코딩이 처음이어도 괜찮아요. 한 페이지짜리 자기소개 사이트를 완성하며 웹의 기본을 익혀요.

수강생 3240명 난이도 입문 2026년 9월 업데이트

강사 김도현

#HTML#CSS#웹 기초#무료

난이도
입문
커리큘럼
8차시 · 12분
수강 기간
무제한
수료증
발급

브라우저 하나로 시작하는 첫 웹사이트

설치할 것도, 외울 것도 많지 않아요. 태그 몇 개와 스타일 몇 줄로 내 소개 페이지를 만들고 인터넷에 올려 봐요.

이런 분께 추천해요

  • 코딩을 처음 배우는 분
  • 내 포트폴리오 페이지를 직접 만들고 싶은 분
  • 개발자와 대화할 때 기본 용어를 알고 싶은 기획자·디자이너

이 강의에서 배우는 것

  • HTML 문서 구조와 자주 쓰는 태그
  • CSS 선택자·박스 모델·Flexbox 배치
  • 모바일에서도 보기 좋은 반응형 기초
  • 무료 호스팅에 사이트 올리기

강의 특징

  • 차시마다 진도가 저장되어 언제든 본 곳부터 이어서 볼 수 있어요.
  • 섹션 끝의 퀴즈로 배운 내용을 바로 확인해요.
  • 진도율 80% 이상이면 수료증이 발급돼요.
이 강의는 ArcLMS 데모용 예시입니다. 동영상은 공개 샘플 영상(Blender Foundation, CC BY)으로 대신합니다.

커리큘럼 3개 섹션 · 8차시 · 12분

시작하기2차시 · 1분 미만
  • 강의 소개와 준비물 0:10
  • 웹은 어떻게 동작할까? 0:10
HTML 뼈대 세우기3차시 · 10분
  • 태그와 문서 구조 10:34
  • 글·목록·링크·이미지 0:10
  • HTML 태그 한 장 정리 문서
CSS 로 꾸미기3차시 · 1분
  • 선택자와 박스 모델 0:52
  • Flexbox 로 배치하기 0:10
  • HTML·CSS 기초 확인 퀴즈 퀴즈

강사 소개

김도현

10년차 프론트엔드 개발자 · 전 스타트업 CTO

커머스·핀테크 스타트업에서 웹 서비스를 처음부터 끝까지 만들어 왔어요. “왜 이렇게 쓰는지”를 먼저 이해하고 코드를 쓰는 습관을 전하고 싶어 강의를 시작했습니다.

  • 전 스타트업 CTO, 프론트엔드 리드
  • 누적 수강생 2만 명
이 강사의 강의 더 보기 ›

수강평 0개

0.0
  • 5점0
  • 4점0
  • 3점0
  • 2점0
  • 1점0

로그인한 수강생만 쓸 수 있습니다.

아직 수강평이 없어요. 첫 수강평의 주인공이 되어 주세요.

Q&A 0개

수강생만 질문할 수 있어요. 수강 신청 후 궁금한 점을 남겨 주세요.

아직 질문이 없어요.

자주 묻는 질문

수강 기간은 얼마나 되나요?

기간 제한 없이 들을 수 있어요. 기간 안에는 몇 번이든 다시 볼 수 있어요.

수료증은 어떻게 받나요?

진도율 80% 이상을 채우고 퀴즈 평균 60점을 넘기면 자동으로 발급돼요. 마이페이지 > 수료증에서 인쇄하거나 PDF 로 저장할 수 있어요.

환불할 수 있나요?

결제 후 7일 이내이고 진도율 10% 미만이면 전액 환불돼요. 그 밖에는 진도율에 따라 환불 금액이 달라져요. 주문 상세에서 예상 환불 금액을 먼저 확인할 수 있어요.

환불 규정 안내

  • 결제 후 7일 이내이고 진도율 10% 미만이면 전액 환불해 드려요.
  • 그 밖에는 진도율(또는 수강 기간 경과율)에 따라 1/3 미만 2/3, 1/2 미만 1/2 을 환불하고, 그 이상은 환불되지 않아요.
  • 디지털 콘텐츠 특성상 학습을 시작하면 청약철회가 제한될 수 있어요 (전자상거래법 제17조).
  • 쿠폰으로 할인받은 금액은 실제 결제한 금액 기준으로 계산하고, 무료 강의는 환불 대상이 아니에요.
무료