- 현재 위치
- home > 컴퓨터·ICT·어학 > 컴퓨터·IT 도서 > 웹프로그래밍 > HTML5 중심의 CSS3와 자바스크립트[21세기사]
;)
인터넷을 통하여 웹 문서를 게시하고 배포하기 위해서는 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()
과제
참고사이트
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()
과제
참고사이트
