HTML5 중심의 CSS3와 자바스크립트

박경배 지음

21세기사 2025년 07월 01일 출간 국내도서 : 2021년 03월 02일 출간

작품소개

책소개

인터넷을 통하여 웹 문서를 게시하고 배포하기 위해서는 HTML5을 사용하여 웹 문서를 작성하고 CSS3를 적용하여 웹 문서를 디자인하여야 한다. 또한 쇼핑몰과 같이 사용자들이 흥미를 느끼고 역동적인 웹 문서를 제작하기 위해서는 자바스크립트가 필수이다. 웹 문서 작성을 위한 기본 개념인 HTML5의 기본 문법과 사용에 대해 알아보고 작성된 웹 문서를 웹 서버에 게시하는 방법을 설명하고 있다. 또한 CSS3의 기본 문법을 이해한 후 웹문서에 스타일을 적용하기 위한 다양한 방법에 대해 이해 할 수 있을 것이다. 후반부에서는 자바스크립트 언어에 대해 이해하기 쉽도록 간단한 예제와 원리 위주의 예제를 수록하였다. 학습자들은 책의 예제들을 실습하다보면 인터넷 문서의 작성 방법과 원리를 쉽게 이해할 수 있을 것이다.

목차

CHAPTER 1 HTML
1.1 인터넷의 원리와 역사
1.2 HTML5 특징
1.2.1 HTML5의 디자인 원칙
1.2.2 HTML5 기능
1.2.3 변경된 요소 태그
1.3 HTML5의 태그와 사용법
1.3.1 Notepad ++ 설치와 사용법
1.3.2 HTML의 구조
1.3.3 〈meta〉 태그
1.3.4 문단 태그
1.3.5 문자태그
1.3.6 헤딩(Heading) 태그
1.3.7 〈img〉
1.3.8 〈a〉 하이퍼링크 태그
1.3.9 〈table〉
과제
참고사이트

CHAPTER 2 입력 양식과 서버 구축하기
2.1 입력 요소
2.1.1 〈form〉 요소
2.1.2 〈input〉/〈label〉
2.1.3 〈select〉, 〈textarea〉
2.1.4 html5의 추가된 폼 형식
2.2 멀티미디어 형식
2.2.1 〈audio〉
2.2.2 〈video〉
2.3 〈div〉와 〈iframe〉
2.4 웹 서버 구축하기
2.4.1 무료 웹 사이트 신청하기
2.4.2 ftp 호스팅 하기
2.4.3 파일 업로드하기
과제
참고사이트

CHAPTER 3 CSS
3.1 CSS3의 개념
3.2 CSS3 특징
3.3 CSS3 사용법
3.3.1 CSS3 문법
3.3.2 CSS3 적용 방법
3.3.3 외부스타일시트
3.3.4 내부 스타일시트
3.3.5 인라인스타일시트
3.3.6 타입/아이디/클래스 선택자
3.3.7 의사 선택자
3.3.8 폰트와 텍스트 속성
3.3.9 색상 표현
3.3.10 경계선(border)
3.3.11 박스(box)와 그림자(shadow)
과제
참고사이트

CHAPTER 4 웹 화면 설계
4.1 콘텐츠 위치
4.1.1 표시(display)
4.1.2 마진(margin)과 패딩(padding)
4.1.3 위치 설정(position)
4.1.4 계층화(z-index)
4.1.5 투명성(Opacity)
4.1.6 overflow
4.2 웹 화면 배치(Layout)
4.2.1 float와 clear속성
4.2.2 배치(layout)
4.2.3 메뉴 바(menu-bar)
과제
참고사이트

CHAPTER 5 물체의 변형과 애니메이션
5.1 2D 변형(Transform)
5.2 3D 변환(Transform)
5.3 물체의 전이(Transitions)
5.4 애니메이션(Animation)
5.4.1 키 프레임(Key frame)
5.4.2 경계선 변화 애니메이션
5.4.3 이동 애니메이션
5.4.4 반복 애니메이션
과제
참고사이트

CHAPTER 6 자바스크립트
6.1 자바스크립트 소개
6.2 자바스트립트 위치
6.3 자바스트립트 문법
6.3.1 선언문(statement)
6.3.2 출력문(output)
6.3.3 변수(Variable)와 키워드(Keyword)
6.3.4 연산자(Operators)
6.3.5 함수(function)
6.3.6 유용한 함수
6.4 조건 제어문(conditional statements)
6.4.1 if else문
6.4.2 switch 문
6.5 반복문
6.5.1 for 문
6.5.2 while 문
과제
참고사이트

CHAPTER 7 자바스크립트 객체(Object)
7.1 객체란?
7.2 객체의 생성
7.3 프로토타입(Prototype)
7.4 내장객체
7.4.1 String 객체
7.4.2 Number 객체
7.4.3 Math 객체
7.4.4 Date 객체
7.4.5 Array 객체
과제
참고사이트

CHAPTER 8 HTML5 DOM과 이벤트
8.1 HTML5 DOM(Document Object Model)
8.2 DOM 프로그래밍
8.3 DOM 노드의 관계
8.4 javascript DOM 이벤트
8.4.1 onClick()
8.4.2 onLoad()
8.4.3 onChange()
8.4.4 onMouseOver()/onMouseOut()
8.4.5 onMouseDown()/onMousetUp()
8.4.6 onFocus()
8.5 BOM(Browser Object Model)
8.5.1 Window 객체
8.5.2 Screen 객체
8.5.3 Location 객체
8.5.4 navigator 객체
8.6 addEventListener()
과제
참고사이트

CHAPTER 9 JQuery
9.1 JQuery 라이브러리
9.2 jQuery 문법
9.3 jQuery 이벤트(event)
9.3.1 click()/dbclick()
9.3.2 mouseDown()/mouseUp()
9.3.3 mouseenter()/mouseleave()
9.3.4 focus()/blur()
9.3.5 on()
9.4 jQuery 효과
9.4.1 hide()/show()
9.4.2 fade()
9.4.3 slide()
9.4.4 animate()
9.5 jQuery와 DOM
9.5.1 html 요소의 처리
9.5.2 html 요소의 추가 삭제
9.5.3 css()
과제
참고사이트

작가정보

저자(글) 박경배

ㆍ명지대학교 전자공학과 공학사
ㆍ명지대학교 동대학원 공학석사
ㆍ명지대학교 동대학원 공학박사
ㆍ현대전자 멀티미디어 연구소 역임
ㆍ현) 여주대학교 소프트웨어 융합과 교수
ㆍ관심분야: 가상현실, Web3D, HTML

출판저서
·2012.11 가상현실 증강현실과 VRML
·2008.1 Web3D 디자인을 위한 예제 중심의 X3D
·2007. 4 3D 가상홈페이지 만들기
·2006. 7 가상현실을 위한 VRML&X3D