💻 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로 홈페이지 배포

• 구글링을 통해 검색해서 원하는 정보 찾는 방법

• 웹 페이지 제작하는데 도움되는 사이트 소개