왕초보를 위한 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강의소개 & 개발환경설정
- 02HTML이란? 시작하기 전에!
- 03HTML 학습하기1
- 04HTML 학습하기2
- 05CSS 선택자
- 06CSS 학습하기1
- 07CSS 학습하기2
- 08CSS 더 깊게 학습하기
폰트 태그
목록 태그
표 태그
강의소스 공유해요~!
시맨틱(Semantic) 태그
Block Element vs Inline Element
이미지&멀티미디어 태그 - img 태그
이미지&멀티미디어 태그 - audio. video, a
폼(Form) 태그 - input
폼(Form) 태그 - select, checkbox, radio
Head 태그
CSS란 무엇인가?
선택자(Selector)1- 기본선택자
선택자(Selector)2- 속성선택자
선택자(Selector)3- 그룹/결합 선택자
폰트(Font) 스타일1
폰트(Font) 스타일2
표(Table) 스타일
Box Model1 - margin, padding
Box Model2 - border
Display 속성1
Display 속성2
Float 속성
Position 속성
Background 배경 스타일1
Background 배경 스타일2
고급선택자 1탄
고급선택자 2탄
Transform&Transition 1탄
Transform&Transition 2탄
Animation 1탄
Animation 2탄
반응형 웹 1탄
반응형 웹 2탄
Flexbox 1탄 - 레이아웃, Flexbox 구성요소
Flexbox 2탄 - Flex Container 속성
Flexbox 3탄 - Flex Item 속성
Flexbox 4탄 - Navbar 실습
마지막 업데이트|2022년 01월 21일
강좌 후기
무료
평균평점
4.9
난이도
쉬움
수강기간
평생 무제한