#1회차 <HTML, CSS 요소들의 개념과 문법 이해하기> -Editor(vscode) 설치 및 준비 (미리공지) -html 속성, 엘리먼트 종류 이해와 실전 확인 -CSS 기초 속성 이해와 실습 (1)

#2회차 <CSS 실무 사용 속성 완벽 적응하기> -자주쓰는 CSS3 익히기 -CSS 기초 속성 이해와 실습(2) - 팝업

#3회차 <레이아웃 잡을 수 있는 속성 익히기> -float,flex, 레이아웃 배치 속성 이해하기 -레이아웃 잡아보기 실습 (1)

#4회차 <ID 선택자 class 선택자 이용해서 레이아웃 만들기> - ID 선택자 class 선택자 이해 - 레이아웃 잡아보기 실습 (2)

#5회차 <레이아웃 잡을 수 있는 속성 익히기> -flex, 레이아웃 배치 속성 이해하기 -레이아웃 잡아보기 실습 (3)

#6회차 <게시판,data 테이블 이해하고 만들기> -table,thead,tbody,td,th -공지사항 게시판 만들어보기

#7회차 <의미있는 마크업하기 (접근성, html5태그 활용> - 레이아웃 잡아보기 실습 (3)

#8회차 <디자인페이지 코딩하기> - 의미있는 마크업. -css,css3,활용 -common.css 이해 -실무 패턴으로 작업하기

#9회차 <원하는 페이지 완성해보기-1> - 기존에 배운것들을 활용해서 완성하기! - 사전 협의하에 준비해서 직접 만들어보고 실습해보는 시간입니다.

#10회차 <원하는 페이지 완성해보기-2> - 기존에 배운것들을 활용해서 완성하기! - 사전 협의하에 준비해서 직접 만들어보고 실습해보는 시간입니다. ***고급과정 시에 ***

***고급과정 시에만 추가되는 항목입니다. *** <반응형 이해하기> - 반응형 메인페이지 실습 - 반응형 서브페이지 실습

***고급과정 시에만 추가되는 항목입니다. *** 실제 업무 협업시 사용하는 툴 이해하기 - 제플린,피그마 디자인툴 활용 -git. 계정 연동해서 작업해보기

***고급과정 시에만 추가되는 항목입니다. *** <form태그 활용 및 이해하기> - 로그인 페이지 실습 - 회원가입 페이지 실습

***고급과정 시에만 추가되는 항목입니다. *** 원하는 포토폴리오 완성!