강의 상세보기

가장 쉽게 배우는 HTML/CSS, 기초부터 실무까지

샘플강의 보기
  • 접수기간 2025-12-10 (수) ~ 2025-12-15 (월)
  • 학습기간 2026-01-01 (목) ~ 2026-01-31 (토)
  • 강사김도선
  • 총 학습시간16시간
  • 복습시간30일
  • 교재없음
  • 학습난이도초급
  • 강의 수16강
  • 정원500명
  • 정가159,000 원
  • 지원금142,360 원
  • 총 결제금액16,640 원

근로자카드 유의사항

  • 근로자카드 과정 구매 시, 지원금은 근로자카드 한도 내에서 자동 차감됩니다.
  • 근로자카드 과정 미수료 시, 고용노동부에서 규정한 패널티가 부여됨을 유의해주시기 바랍니다.
  • 2019.11.01부터 일부 과정에 한해 자비부담금이 발생할 수 있습니다. (근로자 직업능력개발훈련 지원규정에 따름)
  • 자비부담금이 발생한 경우 반드시 근로자카드로 결제하여 주시기 바랍니다.
  • 근로자카드 수료기준은 진도율 80% 이상 / 평가(중간, 최종) 합산 점수 60점 이상입니다.

  • 학습개요

    가장 쉽게 배우는 HTML/CSS, 해커스에서 시작해보세요!

    웹 페이지 제작을 시작하기 위해서 꼭 배워야 하는 HTML/CSS
    다양한 실습과 함께,
    나만의 웹페이지 제작, 이제 꿈이 아니라 현실로 만들어드리겠습니다!

  • 학습목표

    1) HTML/CSS의 개념을 이해하고, 이를 통해 실무 웹사이트 개발에 활용할 수 있다.
    2) 서비스 되고 있는 사이트를 분석하여, 더 나은 사이트로 업그레이드 할 수 있다.
    3) 웹페이지 디자인 및 퍼블리싱에 필요한 내용을 습득하고, 퀄리티 높은 웹페이지 제작을 할 수 있다.

  • 학습대상

    1) 웹 사이트 개발 및 디자인에 관심이 있는 모든 직장인
    2) HTML/CSS를 배워보고 싶은 모든 직장인
    3) 웹 프론트엔드 주니어 개발자

강사이력

해커스HRD HTML/CSS 대표강사
부산대, 부산교통공사 등 IT 강의 경력 多
전) 위픽소프트 프론트엔드 개발자
전) 큐리어스 융합코딩학원 강사
강의목차
1강처음 시작하는 HTML
  • HTML
  • [실습] 프로젝트 세팅하기
  • [실습] 웹페이지 분석하기
2강HTML 기초: 기본 문법, 태그 요소
  • 태그
  • [실습] 나만의 미니프로필 페이지 만들기
3강처음 시작하는 CSS
  • CSS
  • 포지션 & 배경화면 문법
  • [실습] 홈페이지 대문사진 만들기
4강레이아웃 기초: Float, Inline-block
  • 레이아웃
  • [실습] 홈페이지 글 목록 만들기
5강레이아웃 기초: Flex, Grid
  • Flex
  • Grid
  • [실습] 홈페이지 네비게이션 바 만들기
  • [실습] 감각적인 SNS 틀 만들기
6강로그인 화면 제작하기: Form, Input
  • Form & Input
  • [실습] 로그인 화면 제작하기
7강개발 필수! Table 태그 완전정복
  • Table 태그 & 스타일링
  • [실습] 상품 목록 페이지 만들기
8강움직이는 웹 UI 제작하기
  • 움직이는 웹 UI 만들기
  • [실습] 상품 목록 페이지 업그레이드하기
9강페이지 디자인 업그레이드하기: 폰트, 아이콘
  • 웹 폰트 & 아이콘 삽입
  • [실습] 화면에 폰트, 아이콘 적용하기
  • [실습] 홈페이지 대문사진 리뉴얼하기
10강반응형 레이아웃 만들기
  • 반응형 레이아웃
  • [실습] 반응형 레이아웃 구성하기
  • [실습] 사이트 발행하기
11강CSS 업그레이드: SASS
  • 스타일링 SASS
  • [실습] SASS 세팅하기
  • [실습] SASS 활용 알람 박스 만들기
12강나만의 랜딩페이지 만들기 1
  • [실습] 랜딩페이지 기획하기
  • [실습] Head 부분 구현하기
  • [실습] 페이지 제작 기본 세팅하기
13강나만의 랜딩페이지 만들기 2
  • [실습] Body 부분 구현하기
  • [실습] 상단메뉴 구성하기
  • [실습] 푸터 구성하기
14강나만의 랜딩페이지 만들기 3
  • CSS 작명법
  • [실습] 상단메뉴 디자인하기
  • [실습] 푸터 & 콘텐츠 디자인하기
15강부트스트랩으로 더 나아가기
  • 부트스트랩
  • [실습] 부트스트랩 세팅하기
  • [실습] 반응형 타임라인 구현하기
16강부트스트랩으로 페이지 제작하기
  • 다양한 템플릿 페이지 비교하기
  • [실습] 부트스트랩 페이지 만들기
수강신청
강의계획서
강의목차
강의목차
과정명 그래머 게이트웨이 베이직
근로자카드 판매가 49,010원
학습정원 500명
1일 수강 제한 1일 8차시만 수강 가능
학습기간 32H
학습방법 이러닝
강의목차
학습개요 실생활과 동떨어져 단지 시험을 위한 목적으로 문법용어를 익히는 것에 집중했던 기존의 영어문법강의를 벗어나 실생활에서 바로 사용할 수 있는 예문과 다양한 유형의 연습문제를 통해 말하기와 쓰기 능력을 기르는 것을 목적으로 한다. 본 강의를 통해 문법을 처음 시작하는 초보 학습자들이 영어의 기초를 탄탄하게 다질 수 있다.
학습목표 일상생활과 관련된 쉬운 주제와 에피소드를 통해 기초문법을 쉽게 이해할 수 있다. 영어에 대한 자신감을 회복하여 기본적인 영어 문장을 만들어 말할 수 있다. 학습한 문법 지식을 일상생활에 바로 적용하여 말할 수 있다.
학습대상 수능, 토익 등 그 동안의 영어시험에서 문법문제는 무조건 감으로 찍던 학습자 영어로 비즈니스 메일을 쓸 때마다 문법책 찾는 직장인 영어 기초가 부족하여 해외출장에서의 대화와 발표가 고민이었던 학습자
평가형식 진도율 80% 이상 / 평가(중간, 최종) 합산점수 60점 이상
평가비율
평가비율
구분 진도 시험(중간) 시험(최종)
반영율 - 10% 90%
필수기준 80% 이상 0점 이상 60점 이상
평가비율
구분 과제 토론 총점
반영율 - 10% 90%
필수기준 0점 이상 0점 이상 60점 이상
평가시작일
평가시작일
시험 기수 시작 1일 이후 진도율 80% 후
과제 기수 시작 0일 이후 진도율 0% 후
토론 기수 시작 0일 이후 진도율 0% 후
닫기

HRD-net에서 수강신청은 하셨나요?

  • 본 과정은 HRD-net에서 수강신청, 해커스 HRD에서 결제를 모두 완료하셔야 수강이 가능합니다.
  • 본 과정은 개강일 기준 재직 상태인 근로자만 수강이 가능합니다.
상단으로