한 눈에 끝내는 HTML5/CSS3 - goormEDU
EDULEVELDEVTHIDE
Sign InSign Up

한 눈에 끝내는 HTML5/CSS3

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

Lecture Introduction
Difficulty
Easy
Category
Web Programming - Programming
Tag
HTML, CSS, 웹프로그래밍, 웹기초, HTML기초, CSS기초
Certificate
You can issue a certificate of completion
Target Audience
- HTML조차 한 번도 해보지 않으신 분
- HTML과 CSS에 좀 더 개념적으로 접근하고 싶은 분
- 다양한 웹 서비스를 만들기 위해 처음 공부를 시작하는 분
- 웹 서비스가 어떻게 구성되는지 궁금하고 실제로 구현해보고 싶은 분

구름EDU가 처음이라면 누구나 할인!

WELCOMEGOORMEDU 코드 입력하고 
5천원 추가 할인 혜택까지 누리세요!


강좌 '결제하기' 클릭 후 코드를 입력하면 완료 😎 









코린이 웹린이 모이세요!


세상에 많고 많은 웹 서비스들,
도대체 이 많은 웹 서비스들은 어떻게 만들어졌을까요?

웹 개발이 궁금했는데 뭐부터 배워야할 지 어려웠거나
나만의 웹을 직접 만들고 싶어진 분들이라면
HTML과 CSS로 웹의 구조를 잡아보세요

기초 맛집 구름과 함께 기초를 탄탄하게 잡으면
무너지지 않는 웹 서비스를 구축할 수 있을 거에요!

비전공생도, 컴퓨터 공학 관련 신입생도,
관심과 열정이 가득한 청소년도
누구나 재밌게 공부할 수 있다구요❤



HTML과 CSS가 뭐길래?



간단히 설명하면 HTML은 웹 페이지의 구조
또는 데이터를 작성하기 위한 마크업 언어입니다

그리고 CSS는 웹 페이지의 스타일을 좀 더
멋있게 가꾸기 위한 도구라고 할 수 있죠

뭘 이렇게 많이 배워야 하냐구요...?

강의를 하나씩 읽을 때마다 하나의 개념을
뚝딱 공부한 여러분을 발견할 수 있을 거에요




아직도 고민된다면?


또 시간 낭비일 것 같아서 걱정되나요?
텍스트 강의가 영상 강의보다 별로일 것 같나요?
어차피 광고잖아! 의심가시나요?


이해하기 쉽고 과정 짜임이 너무 좋아요!
- 20. 05. 14. eoe******님

국비 지원 교육 받을 때는 웹개발이
나랑 안 맞는다고 생각했는데
동영상이 아니라 글인데도 이해가 잘되서
너무 감사하게 공부하고 있습니다
- 20. 04. 21 -님 (축약된 수강평입니다)

말을 거는 듯한 형식의 내용이라 읽기 좋았습니다
바로 실습을 해보면서 확인하기도 좋았구요
- 20. 03. 26. -님 (축약된 수강평입니다)


'한 눈에 끝내는 HTML5/CSS3'는
하나의 웹 페이지에서 이론과 실습을 동시에
해결할 수 있는 가장 효과적인 교육 콘텐츠입니다

그 어떤 설치 과정 없이 웹 페이지 열고
수강 신청만 끝내면 틈새 시간을 적극
활용하는 웹 개발 공부를 시작할 수 있어요






개발 문화를 사랑하는 FE개발자



장순호

IT엔터테인먼트 우물128번지 소속
現 웹 분야 현직 개발자

리디북스 Web Animation
With 냥이집사 공동저자

前 멀티캠퍼스 기초 파이썬 강사


제 Github에 놀러오세요:)




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



all Image made by Freepik

Preview
Expand All
Curriculum
Expand All
  • 01
    시작하기에 앞서
    • 강의의 방향
    Preview
    프로그래밍이란?
    Preview
    HTML이란?
    Preview
    CSS란?
    HTML 맛보기
    Preview
    CSS 맛보기
  • 02
    개발 환경 설정
    • 구름IDE
    Visual Studio Code
    Atom
    Brackets
    Sublime Text
  • 03
    HTML 기초
    • 강의 목표
    HTML의 기본 구성
    기본적인 HTML 문서 구조
    Head와 Body
    기본적인 레이아웃
    정리
  • 04
    제목, 내용 관련 태그
    • 강의 목표
    제목과 본문 태그
    나누기 위한 태그
    글자와 관련된 태그
    정리
  • 05
    링크 태그
    • 강의 목표
    링크 태그란
    링크 태그의 속성
    웹사이트의 경로와 주소
    정리
  • 06
    멀티미디어 관련 태그
    • 강의 목표
    이미지 태그
    오디오와 비디오 태그
    유튜브 영상 삽입
    정리
  • 07
    입력 양식 태그
    • 강의 목표
    입력 양식(form)
    form 태그
    input 태그
    select 태그
    textarea 태그
    button 태그
    정리
  • 08
    테이블과 리스트
    • 강의 목표
    표(Table)
    목록(List)
    목록 태그의 속성
    정리
  • 09
    CSS 기초
    • 강의 목표
    CSS의 의미와 구성 요소
    선택자(Selector)에 대하여
    CSS의 기본 단위
    CSS의 색상
    정리
  • 10
    선택자(Selector)
    • 강의 목표
    단순 선택자
    복합 선택자
    가상 클래스 선택자
    정리
  • 11
    Box 모델
    • 강의 목표
    박스(Box)모델
    content
    border
    padding과 margin
    정리
  • 12
    글자(Text) 관련 스타일
    • 강의 목표
    폰트 종류와 웹 폰트
    폰트의 크기와 형태
    텍스트 정렬
    정리
  • 13
    위치 정렬
    • 강의 목표
    block과 inline
    inline-block
    position
    float
    정리
  • 14
    위치 정렬 - flexbox
    • 강의 목표
    flexbox에 관하여
    flex container: 방향과 흐름
    flex container: 정렬1
    flex container: 정렬2
    flex container: 정렬3
    flex item
    정리
  • 15
    위치 정렬 - grid 1
    • 강의 목표
    grid layout 기본
    grid container: template
    grid container: gap
    grid container: auto
    grid container: grid
    grid container: align & justify
    정리
  • 16
    위치 정렬 - grid 2
    • 강의 목표
    grid item: row, column
    grid item: area
    grid item: self
    정리
  • 17
    상속과 우선순위
    • 강의 목표
    상속
    우선순위
    정리
  • 18
    종합 예제 - 회원가입 페이지 만들기
    • 강의 목표
    레이아웃 구성
    회원가입 폼 만들기1
    회원가입 폼 만들기2
    회원가입 폼 만들기3
    하단 메뉴 만들기
    강의를 마치며
Instructor Introduction
user
구름Teacher
Lecture Reviews
  • No reviews have been written.
￦
99,000
Average Rating
4.9
Difficulty
Easy
Lecture Period
Unlimited