Friday
로그인회원가입
전체
공지사항

바로 실행해보면서 배우는 HTML5/CSS3

이미 모두 갖추어진 실습환경에서 직접 코드를 작성하고 실행하며 HTML과 CSS의 기본을 다질 수 있는 프로그래밍 강좌입니다.

클래스 소개
난이도
쉬움
카테고리
프로그래밍 - 프로그래밍 기초
수료증
발급 가능
바로 실행 시리즈 HTML/CSS 런칭!
13. 위치 정렬까지만 수강 가능합니다.



아무 것도 설치할 필요가 없습니다.
웹브라우저와 열정만 준비하세요!



저 많은 웹 서비스들은 도대체 어떻게 만든 걸까?
궁금하셨거나 직접 만들어보고 싶어졌다면
HTML과 CSS로 뼈대부터 잡아보세요.
처음부터 기초를 탄탄히 시작해야 쉽게
무너지지 않는 웹 서비스를 구축할 수 있습니다.



웹에 대한 개념과 HTML/CSS 문법까지
프로그래밍을 처음 접하는 비전공생도,
프로그래밍 관련 지식이 부족한 초보자도
이해할 수 있도록 차근차근 풀어나갑니다.


설치 없이 웹 기반 환경에서 바로 실습
그 어떤 프로그램도 설치할 필요 없습니다.
바로 과목을 수강하는 것만으로 한 페이지에서
이론과 실습을 동시에 해결!
동영상 강의는 아니지만 여러분의 틈새 시간을 적극
활용하여 HTML/CSS를 낱낱이 파헤칠 수 있습니다.



이 모든 것을 구름EDU와 함께!


all Icon in this lecture made by Freepik from www.flaticon.com

교육 과정
모두 펼치기
  • 01
    시작하기에 앞서
    • 강의의 방향
    프로그래밍이란?
    HTML이란?
    CSS란?
    HTML 맛보기
    CSS 맛보기
  • 02
    개발 환경 설정
    • 구름IDE
    Visual Studio Code
    Atom
    Brackets
    Sublime Text
  • 03
    HTML 기초
    • 강의 목표
    HTML의 기초 구성
    기본적인 HTML 문서 구조
    Head와 Body
    기본적인 레이아웃
    정리
  • 04
    제목, 내용 관련 태그
    • 강의 목표
    (19. 11. 04. 15:00 ~ )
    제목과 본문 태그
    (19. 11. 04. 15:00 ~ )
    나누기 위한 태그
    (19. 11. 04. 15:00 ~ )
    글자와 관련된 태그
    (19. 11. 04. 15:00 ~ )
    정리
    (19. 11. 04. 15:00 ~ )
  • 05
    링크 태그
    • 강의 목표
    (19. 11. 11. 15:00 ~ )
    링크 태그란
    (19. 11. 11. 15:00 ~ )
    링크 태그의 속성
    (19. 11. 11. 15:00 ~ )
    웹사이트의 경로와 주소
    (19. 11. 11. 15:00 ~ )
    정리
    (19. 11. 11. 15:00 ~ )
  • 06
    멀티미디어 관련 태그
    • 강의 목표
    (19. 11. 18. 16:00 ~ )
    이미지 태그
    (19. 11. 18. 16:00 ~ )
    오디오와 비디오 태그
    (19. 11. 18. 16:00 ~ )
    유튜브 영상 삽입
    (19. 11. 18. 16:00 ~ )
    정리
    (19. 11. 18. 16:00 ~ )
  • 07
    입력 양식 태그
    • 강의 목표
    (19. 11. 26. 20:00 ~ )
    입력 양식(form)
    (19. 11. 26. 20:00 ~ )
    form 태그
    (19. 11. 26. 20:00 ~ )
    input 태그
    (19. 11. 26. 20:00 ~ )
    select 태그
    (19. 11. 26. 20:00 ~ )
    textarea 태그
    (19. 11. 26. 20:00 ~ )
    button 태그
    (19. 11. 26. 20:00 ~ )
    정리
    (19. 11. 26. 20:00 ~ )
  • 08
    테이블과 리스트
    • 강의 목표
    표(Table)
    목록(List)
    (19. 12. 09. 15:38 ~ )
    목록 태그의 속성
    정리
  • 09
    CSS 기초
    • 강의 목표
    (20. 01. 06. 15:30 ~ )
    CSS의 의미와 구성 요소
    (20. 01. 06. 15:30 ~ )
    선택자(Selector)에 대하여
    (20. 01. 06. 15:30 ~ )
    CSS의 기본 단위
    (20. 01. 06. 15:30 ~ )
    CSS의 색상
    (20. 01. 06. 15:30 ~ )
    정리
    (20. 01. 06. 15:30 ~ )
  • 10
    선택자(Selector)
    • 강의 목표
    단순 선택자
    복합 선택자
    가상 클래스 선택자
    정리
  • 11
    Box 모델
    • 강의 목표
    박스(Box)모델
    content
    border
    padding과 margin
    정리
  • 12
    글자(Text) 관련 스타일
    • 강의 목표
    폰트 종류와 웹 폰트
    폰트의 크기와 형태
    텍스트 정렬
    정리
  • 13
    위치 정렬
    • 강의 목표
    (20. 02. 18. 20:00 ~ )
    display1
    (20. 02. 18. 20:00 ~ )
    display2
    position
    (20. 02. 18. 20:00 ~ )
    float
    (20. 02. 18. 20:00 ~ )
    정리
    (20. 02. 18. 20:00 ~ )
  • 14
    위치 정렬 - flexbox
  • 15
    위치 정렬 - grid
  • 16
  • 17
    상속과 우선순위
  • 18
    종합 예제
마지막 업데이트|2020년 02월 18일
강의자 소개
Friday 관리자Teacher
강좌 후기
평균평점
0.0
난이도
쉬움
수강인원
10명