💻 Web-Class_Phase01(Web-Starter)

Web Class for beginner - HTML, CSS

1️⃣ Overview

초보자를 위한 Web Class
기초적인 HTML, CSS를 중심으로 학습
HTML, CSS를 이용한 나만의 단일 포트폴리오 페이지 제작(using github.io)

2️⃣ Tool

Editor : Visual Studio Code
VSCode Extensions
- Live Server(Essential)
- Beautify(Essential)
- Terminal Here (Essential)
- Auto Close Tag (Optional)
- a variety of Theme(Optional)
- Material Icon Theme(Optional but Recommended)
- Color Info(Optional)
- colorize(Optional)
Communication Tool : KakaoTalk

3️⃣ Contents

✔️ 해당 컨텐츠 내용은 상황에 따라 변경될 수 있습니다.

(1) HTML

Web과 HTML의 기본 개념
HTML 기본 구조
DOM TREE
Semantic Tag
여러 가지 태그들 작성법 - a, ol, ul, table, form, img etc

(2) CSS

CSS의 기본 개념
선택자
Box Model
display - basic(block, inline, inline-block)
display - advanced(flex 속성 기초)
position
float, z-index
기타 여러 가지 CSS 작성법
media query

(3) etc

Bootstrap
github 사용법
github.io로 홈페이지 배포
구글링을 통해 검색해서 원하는 정보 찾는 방법
웹 페이지 제작하는데 도움되는 사이트 소개