1장 chatgpt란? AI 비서의 탄생
1.1 chatgpt의 개념과 역사
1.1.1 chatgpt란?
1.1.2 chatgpt의 발전 역사
1.2 chatgpt 사용하기
1.2.1 회원가입 하기
1.2.2 chatgpt 화면 구성과 설정
1.3 chatgpt의 원리
1.3.1 동작 방식
1.3.2 자연어 이해와 생성
1.4 정보 검색하기
1.4.1 포털 검색과 chatgpt 검색 차이
1.4.2 검색 기능 설정

2장 웹서버 만들기
2.1 인터넷의 원리
2.2 인터넷과 HTML5
2.3 깃허브(GitHub)를 이용한 서버 구축과 호스팅
2.3.1 깃허브란?
2.3.2 계정 획득하기
2.3.3 레포지토리(Repositories) 만들기
2.4 VS Code
2.4.1 VS Code 설치
2.4.2 VS Code 사용법

3장 HTML 문서 만들기
3.1 HTML 문서의 구조
3.1.1 기본 구조
3.1.2 〈meta〉 태그
3.1.3 문단 태그
3.1.4 문자 태그
3.1.5 헤딩(Heading) 태그
3.1.6 특수문자
3.1.7 표 만들기 〈table〉
3.2 이미지와 하이퍼링크
3.2.1 이미지 태그 〈img〉
3.2.2 하이퍼링크 태그 〈a〉

4장 입력양식과 서버 구축하기
4.1 입력 요소
4.1.1 〈form〉 요소
4.1.2 〈input〉/〈label〉
4.1.3 〈select〉, 〈textarea〉
4.1.4 입력 형식 검증 폼 형식
4.2 멀티미디어
4.2.1 〈audio〉
4.2.2 〈video〉
4.2.3 〈div〉와 〈iframe〉
4.2.4 〈list〉 태그
4.3 웹호스팅
4.3.1 github 호스팅 서버
4.3.2 html 문서 만들기

5장 CSS
5.1 CSS3의 개념
5.2 CSS3 특징
5.3 CSS3 사용법
5.3.1 CSS3 문법
5.3.2 CSS3 적용 방법
5.3.3 외부 스타일시트
5.3.4 내부 스타일시트
5.3.5 인라인 스타일시트
5.3.6 선택자
5.3.7 의사 선택자
5.3.8 폰트와 텍스트 속성
5.3.9 색상 표현
5.3.10 경계선(border)
5.3.11 박스(box)와 그림자(shadow)
5.4 chap5css.html 만들기

6장 웹 화면 디자인
6.1 콘텐츠 위치
6.1.1 화면 표시(display)
6.1.2 마진(margin)과 패딩(padding)
6.1.3 위치(position) 설정
6.1.4 계층화(z-index)
6.1.5 투명성(Opacity)
6.1.6 overflow
6.2 웹 화면 배치(Layout)
6.2.1 float와 clear속성
6.2.2 배치(layout)
6.2.3 메뉴 바(menu-bar)
6.3 디자인이 적용된 chap6Dsgn.html 만들기

7장 물체의 변형과 애니메이션
7.1 2D 변형(Transform)
7.2 3D 변환(Transform)
7.3 애니메이션(Animation)
7.3.1 키 프레임(Key frame)
7.3.2 경계선 변화 애니메이션
7.3.3 이동 애니메이션
7.3.4 반복 애니메이션
7.4 디자인이 적용된 chap7Animation.html 만들기

8장 자바스크립트
8.1 자바스크립트 소개
8.2 자바스크립트 문법
8.2.1 선언문(statement)
8.2.2 문자 출력
8.2.3 변수(Variable)와 키워드(Keyword)
8.2.4 연산자(Operators)
8.2.5 함수(function)
8.2.6 브라우저 내장 함수
8.3 조건문(conditional statements)
8.3.1 if else문
8.3.2 else if 문
8.3.3 switch case 문
8.4 반복문
8.4.1 for 문
8.4.2 while 문
8.4.3 do while 문
8.5 디자인이 적용된 chap8javascript.html 만들기

9장 자바스크립트 객체(Object)
9.1 객체지향 프로그램
9.2 객체의 생성
9.3 프로토타입(Prototype)
9.4 내장객체
9.4.1 String 객체
9.4.2 Number 객체
9.4.3 Math 객체
9.4.4 Math() 함수 응용 - random()을 이용한 숫자 맞추기 게임
9.4.5 Date 객체
9.4.6 Array 객체
9.4.7 배열을 이용한 Lotto 게임
9.5 디자인이 적용된 chap9jsObj.html 만들기

10장 HTML5 DOM과 이벤트
10.1 HTML5 DOM(Document Object Model)
10.2 DOM 요소 접근 프로그래밍
10.3 DOM 노드의 관계
10.4 javascript DOM 이벤트
10.4.1 onClick()
10.4.2 onLoad()
10.4.3 onChange()
10.4.4 onMouseOver()/onMouseOut()
10.4.5 onMouseDown()/onMousetUp()
10.4.6 onFocus()
10.5 BOM(Browser Object Model)
10.5.1 Window 객체
10.5.2 Screen 객체
10.5.3 Location 객체
10.5.4 navigator 객체
10.5.5 addEventListener()
10.6 index.html 만들고 호스팅 하기
10.6.1 디자인이 적용된 chap10event.html 만들기
10.6.2 index.html 파일 만들기