본문 바로가기

HTML/CSS 베이스캠프
VOD
프론트엔드
초급

HTML/CSS 베이스캠프

웹 페이지의 구조를 정의하는 HTML과 웹 페이지의 스타일을 정의하는 CSS로 다양한 콘텐츠와 디자인을 구현할 수 있습니다.

이호준 프로필
이호준 Hojun Lee
강사 | 위니브 CEO

교육 시수

  • 시간34개 강의 | 4시간 14분
  • 유형 VOD

강의 소개

HTML/CSS 베이스캠프 강의 소개 1HTML/CSS 베이스캠프 강의 소개 2

커리큘럼

  • 강의자료
  • HTML/CSS 소개와 개발환경 세팅
    17:21
  • HTML 기본구조
    09:40
  • 주석
    03:10
  • 태그간의 관계
    01:52
  • heading 태그와 a 태그
    12:40
  • p, strong, pre 태그
    04:42
  • ol과 ul 태그
    04:18
  • img와 iframe
    04:10
  • div와 span
    05:48
  • 구획 나누기
    05:11
  • form
    09:57
  • table
    05:39
  • CSS 기본
    07:34
  • id와 class
    05:56
  • 나머지 선택자
    06:24
  • 텍스트 색과 크기
    12:02
  • 그 외 텍스트 관련 속성
    06:50
  • CSS의 단위
    06:30
  • 가상 클래스와 가상 요소
    06:04
  • 선택자 우선순위
    04:13
  • box model
    10:07
  • display 속성
    04:30
  • CSS 초기화 reset.css
    03:30
  • 위치를 잡아라 position
    03:50
  • 맨 위로, 맨 뒤로 z-index
    03:14
  • 아이템의 일자 배치 flex
    10:50
  • 아이템의 격자 배치 grid
    07:55
  • 수강생 과제 - 직접 구현해보기
    01:24
  • Final Project 디자인 설명
    05:59
  • 마크업 구현
    18:55
  • CSS 구현
    40:47
  • 강의자료 압축파일
※ 세부 커리큘럼은 추후 수정될 수 있습니다.

강사소개

"부트캠프 수료율 100%의 비결은 수강생을 향한 '진심'입니다."

  • 이호준 강사

    이호준Hojun Lee

    • 現주식회사 위니브 대표
    • 現제주코딩베이스캠프 운영진
    • 現제주알고리즘베이스캠프 운영진
    • 前제주스타트업협회 부회장
    • 前신한금융그룹 신한데이터시스템 정보보안 담당

    [저서]

    • 견고한 파이썬, 신입 개발자 이력서 작성 가이드, MCP 혁신 등

    [강의 경력]

    • 제주대학교, SK 그룹, 경찰청 등 대학, 기업, 관공서 강의 다수
    • [이스트소프트] 백엔드, 프론트엔드 개발자 양성 과정 메인강사
    • [모두의연구소] 인공지능(AI) 모델 활용 백엔드 개발 과정 메인강사
    • [멋쟁이사자처럼] 프론트엔드스쿨 메인강사
    • 제주코딩베이스캠프 유튜브 채널 운영