✔️ 대상 : 초중고생
✔️ 기간 : 주 2회 2개월(90분 수업)
✔️ 준비물 : 노트북
✔️ 내용 : HTML과 CSS 기초를 익혀 홈페이지 구성 요소를 만드는 방법에 대해 공부하고 실제도 자신만의 홈페이지를 만듭니다.
| 주차 | 주제 | 내용 |
|---|---|---|
| 1주차 | HTML 소개 | 프로그램 설치, HTML 문서 구조, 텍스트 태그, 이미지, 오디오와 비디오 |
| 2주차 | HTML 기본 태그 | 하이퍼 링크, 목록, 입력 요소, 선택 박스, 다중 입력창, 회원가입 양식 만들기, 테이블, 고양이 소개 만들기 |
| 3주차 | CSS 기본 문법 | CSS 기본 구조, 웹의 색상, 글자 스타일 지정, 웹 폰트 사용하기, 열차 시간표 만들기 |
| 4주차 | 박스 모델 | 경계선 그리기, 마진과 패딩, 둥근 모서리 만들기, 박스 그림자 넣기 생태 공원 페이지 만들기 |
| 5주차 | CSS 선택자 | 기본 선택자, 아이디 선택자, 클래스 선택자, 하위 선택자, 고양이 프로필 만들기 |
| 6주차 | CSS 활용하기 | 배경 이미지 넣기, 테이블 꾸미기, 디스플레이 방식, 목록 꾸미기, 폼 꾸미기, 쇼핑물 상품 진열하기 |
| 7주차 | 홈페이지 레이아웃 | 박스 요소 중앙 배치, 요소의 위치 지정, 사이트 맵 만들기, 배너 만들기, 기업 연혁 만들기 |
| 8주차 | 실전 홈페이지 만들기 | 전체 화면 레이아웃, 상단과 메인 이미지 만들기, 사이드 바, 메인 섹션, 하단 푸터, 홈페이지 완성하기 |