제이코딩

주차	주제	내용
1회차	HTML 소개	프로그램 설치, HTML 문서 구조, 텍스트 태그, 이미지, 오디오와 비디오
2회차	HTML 기본 태그	하이퍼 링크, 목록, 입력 요소, 선택 박스, 다중 입력창, 회원가입 양식 만들기, 고양이 소개 만들기
3회차	폼 양식과 테이블	입력 요소, 태그의 속성, 테이블 삽입, 테이블 열과 행의 병합, 회원 가입 폼 만들기, 일기예보 표 만들기
4회차	CSS 기본 문법	CSS 기본 구조, 웹의 색상, 글자 스타일 지정, 웹 폰트 사용하기, 열차 시간표 만들기
5회차	박스 모델	경계선 그리기, 마진과 패딩, 둥근 모서리 만들기, 박스 그림자 넣기 생태 공원 페이지 만들기
6회차	CSS 선택자	기본 선택자, 아이디 선택자, 클래스 선택자, 하위 선택자, 고양이 프로필 만들기
7회차	CSS 활용하기	배경 이미지 넣기, 테이블 꾸미기, 디스플레이 방식, 목록 꾸미기, 폼 꾸미기, 쇼핑물 상품 진열하기
8회차	레이아웃	박스의 중앙배치, float 속성, clear 속성, 요소의 위치 지정
10회차	웹 페이지 레이아웃	div 요소 레이아웃, HTML 레이아웃, 사이트 맵 만들기, 배너 목록 만들기, 기업 연혁 만들기
10회차	메인 페이지 레이아웃	전체 레이아웃, 상단 헤더와 이미지, 하단 푸터 만들기, 사이드바 만들기
11회차	메인 섹션 레이아웃	쇼핑몰 진열 페이지 레이아수, 박물과 메인 페이지 레이아웃, 메인 레이아웃 패턴
12회차	반응형 웹이란?	뷰포트, 그리드 뷰, 반응형 웹 폰드, 12열 그리드 시스템
13회차	미이어 쿼리와 가변 이미지	미디어 쿼리 원리, 이미지의 너비, 반응형 웹 이미지, 플렉서블 박스
14회차	부트스트랩 기초	콘테이너, 그리드 시스템, 텍스트와 이미지, 경계선, 너비와 높이, 박스 중앙 정렬
15회차	부트스트랩 활용	버튼, 테이블, 배지, 경고, 리스트 그룹, 선택 메뉴, 체크박스와 라디오 버튼, 입력 그룹
16회차	웹 서버 관리	웹 호스팅이란?, 도메인 등록, FTP 프로그램 사용법, 홈페이지 파일 업로드와 다운로드, 홈페이지 제작 툴

HTML/CSS 마스터

■ 세부 수업 내용