패밀리 서비스
goormEDU
로그인회원가입
전체
루트공지사항Q&A

왕초보를 위한 HTML&CSS 웹 개발 입문

코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명 했어요! HTML과 CSS를 배워서 웹 사이트 제작에 필요한 기본을 배울 수 있습니다.

클래스 소개
난이도
쉬움
카테고리
프로그래밍 - 프로그래밍 기초
태그
CSS, HTML
수료증
발급 가능
추천 학습대상
- 코딩을 처음 접하는 사람
- 홈페이지를 만들고 싶은 사람
- 코딩이 어렵게 느껴지는 사람

📝강좌 소개

우리는 웹 사이트를 만들기위해 기본적으로 HTML, CSS, JavaScript를 사용합니다.

우선 이 웹 언어를 쉽게 설명드리면!

  • HTML로 웹 사이트를 정의하고,
  • CSS로 예쁘게 꾸민 후에,
  • JavaScript로 동작하게 하는 것을 말합니다.

이 강의에서는 HTML과 CSS가 무엇인지 정확하게 이해하고,
HTML 태그 사용법 그리고 CSS로 HTML 요소를 스타일링 하는 방법에 대해 자세히 학습합니다.

수강 타겟/강의 목적 🔑

이 강의는 왕초보를 위한 강의로 홈페이지를 만들고 싶은 사람을 대상으로 합니다.

  • 쉽게 HTML, CSS를 배우고 싶으신 분
  • 지루하지 않게 HTML, CSS를 배우고 싶으신 분
  • 코딩을 처음 접하는 디자이너, 학생, 직장인!

강의 리뷰


"댓글 달려고 로긴한 적 첨인데 이 강의 ㄹㅇ 대박입니다. 제가 지금까지 이것저것 코딩강의 많이 들어봤지만 이렇게 명료하고 쉽게 설명하시면서 교안 디자인까지 깔끔한 분은 처음 봤습니다. 부디 대성해서 100만 유튜버 되세요. 아직 10강도 못 들었지만 전 무조건 완강하렵니다."


🤔짐코딩 소개

실용적인 코딩컨텐츠를 만들어 가는 짐코딩 입니다.
Youtube | Github | GymStagram | CodingStagram

체험하기
모두 펼치기
교육 과정
모두 펼치기
  • 01
    강의소개 & 개발환경설정
    2개 (21:23)
    • 강의소개
    체험하기
    03:05
    개발 환경 설정
    체험하기
    18:18
  • 02
    HTML이란? 시작하기 전에!
    3개 (21:31)
    • HTML이란? - 시작하기 전에
    체험하기
    08:54
    HTML이란? - 알아보기
    체험하기
    06:36
    코드 자동완성 Emmet
    체험하기
    06:01
  • 03
    HTML 학습하기1
    6개 (57:08)
    • 폰트 태그
    08:41
    목록 태그
    08:07
    표 태그
    16:11
    강의소스 공유해요~!
    02:14
    시맨틱(Semantic) 태그
    08:21
    Block Element vs Inline Element
    13:34
  • 04
    HTML 학습하기2
    5개 (01:07:30)
    • 이미지&멀티미디어 태그 - img 태그
    09:00
    이미지&멀티미디어 태그 - audio. video, a
    13:51
    폼(Form) 태그 - input
    18:40
    폼(Form) 태그 - select, checkbox, radio
    16:30
    Head 태그
    09:29
  • 05
    CSS 선택자
    4개 (51:57)
    • CSS란 무엇인가?
    20:33
    선택자(Selector)1- 기본선택자
    09:23
    선택자(Selector)2- 속성선택자
    08:30
    선택자(Selector)3- 그룹/결합 선택자
    13:31
  • 06
    CSS 학습하기1
    7개 (01:12:43)
    • 폰트(Font) 스타일1
    16:06
    폰트(Font) 스타일2
    13:02
    표(Table) 스타일
    06:03
    Box Model1 - margin, padding
    12:37
    Box Model2 - border
    10:45
    Display 속성1
    07:13
    Display 속성2
    06:57
  • 07
    CSS 학습하기2
    6개 (01:10:06)
    • Float 속성
    09:47
    Position 속성
    16:29
    Background 배경 스타일1
    13:52
    Background 배경 스타일2
    09:30
    고급선택자 1탄
    09:35
    고급선택자 2탄
    10:53
  • 08
    CSS 더 깊게 학습하기
    10개 (01:32:05)
    • Transform&Transition 1탄
    10:16
    Transform&Transition 2탄
    05:52
    Animation 1탄
    09:31
    Animation 2탄
    07:21
    반응형 웹 1탄
    12:18
    반응형 웹 2탄
    09:37
    Flexbox 1탄 - 레이아웃, Flexbox 구성요소
    10:31
    Flexbox 2탄 - Flex Container 속성
    10:48
    Flexbox 3탄 - Flex Item 속성
    09:11
    Flexbox 4탄 - Navbar 실습
    06:40
마지막 업데이트|2022년 01월 21일
강의자 소개
짐코딩 GYM CODING캡틴
안녕하세요. 구름에듀 캡틴 짐코딩 GYM CODING입니다. 함께 학습을 시작해봐요!
강좌 후기
무료
평균평점
4.9
난이도
쉬움
수강기간
평생 무제한