머리말
실습에필요한기본프로그램안내
반응형프로젝트미리보기
CHAPTER1HTML5
1.1HTML5기본문서
01HTML5기본구성
02W3Cvalidator
03마크업기본문법규칙
1.2시멘틱마크업과논리적인순서마크업
01시멘틱마크업(Semanticmarkup)
02논리적순서마크업(Logicalsequencemarkup)
1.3블록레벨요소와인라인요소
01블록레벨요소(Block-levelElements)
02인라인요소(inlineElement)
03블록레벨요소와인라인요소의특성
1.4기본요소
01제목<h1>~<h6>
02문단<p>
03주소<address>
04링크<a>
05이미지<img>
1.5텍스트관련요소
01<em>,<strong>,<mark>,<b>,<small>,<sub>,<sup>
1.6목록관련요소
01순서목록<ol>
02비순서목록<ul>
03설명목록<dl>
1.7표관련요소및속성
01표생성<table>,<tr>,<td>,<th>,<thead>,<tbody>,<tfoot>,<colgroup>
02셀합치기colspan속성,rowspan속성
03표접근성<caption>,scope속성
1.8폼관련요소및주요속성
01폼<form>,<fieldset>
02한줄입력요소<input>,type속성
03여러줄입력요소,선택요소<textarea>,<select>
04폼접근성label속성
05주요입력속성
1.9그룹요소
01<div>
02<span>
1.10구조관련요소
01<header>,<section>,<footer>,<nav>,<article>,<aside>
1.11미디어요소
01<audio>
02<video>
CHAPTER2CSS(CSS5)
2.1CSS기본문법
01내부스타일시트
02외부스타일시트
03@import
04인라인스타일(inlinestyle)
2.2선택자(selector)
01type선택자
02id선택자
03class선택자
04전체선택자
05하위선택자
06자식선택자
07인접선택자
08형제선택자
09그룹선택자
10속성선택자
11가상클래스선택자
12가상요소선택자
13종속선택자
14선택자의우선순위
2.3문자관련스타일
01font-family
02font-size,단위의고찰
03font-weight
04font-style
05font-variant
06line-height
07font
08웹폰트
09color,색상코드고찰
10letter-spacing,word-spacing
11text-decoration
12text-transform
13text-shadow
2.4문단(paragraph)관련스타일
01text-align
02vertical-align
03text-indent
04word-wrap
05word-break
06white-space
07text-overflow
08display
09visibility
10overflow
11opacity
2.5배경(background)
01background-color
02background-image
03background-repeat
04background-position
05background-attachment
06background-size
07background-origin
08background-clip
09ImageSprite
10배경에gradient적용하기
11multiplebackground
2.6BOXMODEL
01width,height
02padding
03margin
04border
05outline
06box-sizing
07box-shadow
08resize
09appearance
2.7기타CSS3속성
01이차원변형(2Dtransform)
02속성전환(transitions)
03애니메이션(animation)
04다단편집(multi-column)
2.8레이아웃Ⅰ:float
01float
02clear
03그외float해제하는몇가지방법
2.9레이아웃Ⅱ:position
01position
02left,right,top,bottom
03z-index
04float과position으로레이아웃만들기
05position응용예제
2.10미디어쿼리(mediaquery)
01
02@media
03mediaquery를흉내내는script
2.11그밖의layout
01flexlayout
02gridlayout
CHAPTER3자바스크립트
3.1자바스크립트기본형식및적용방법
01자바스크립트의기본형식
02기본규칙
03적용방법
04적용위치
05기본명령어
3.2변수와상수
01변수선언(var,let)
02상수선언(const)
03데이터타입(DataType)
3.3연산자
01산술연산자
02대입연산자
03비교연산자
04논리연산자
05비트연산자
06삼항연산자
3.4제어문
01조건문
02반복문
03중지,건너뛰기
3.5함수
01선언적함수
02익명함수
03return,매개변수
04전역변수와지역변수
05재귀함수
06내장함수
3.6객체
01사용자정의객체
02내장객체
3.7이벤트
01주요이벤트
02이벤트연결
03이벤트객체
3.8BOM(BowserObjectModel)
01window객체
02location객체
03screen객체
04history객체
05navigator객체
3.9DOM(DocumentObjectModel)
01요소선택
02요소와속성의생성및삭제
03스타일
04form객체
CHAPTER4jQuery
4.1jQuery연결방법
01Download방식
02CDN방식
03jQueryMigratePlugin
04jQuery기본형식
4.2jQuery선택자
01기본선택자
02속성선택자
03필터선택자
04탐색선택자
4.3jQuery주요메서드
01배열관련메서드
02요소관련메서드
03클래스관련메서드
04속성관련메서드
05스타일관련메서드
06삽입관련메서드
07스크롤관련메서드
08삭제관련메서드
09복사및감싸기관련메서드
4.4jQuery이벤트
01이벤트종류
02이벤트연결
03이벤트객체
4.5jQuery효과
01기본효과
02Custom효과
4.6.jQuery플러그인사용방법
01SWIPER
02DATEPICKER
4.7jQuery충돌방지와JSON파일불러오기
01$.noConflict()메서드
02$.ajax()메서드
CHAPTER5반응형프로젝트실무
5.1메인페이지의시안점검
01메인페이지PC시안
02메인페이지태블릿시안
03메인페이지모바일시안
04메인페이지에필요한기타시안
05코딩용으로잘라낸이미지들
5.2메인페이지의마크업
01index.html의시작부분
02건너뛰기링크&내부링크
03header부분
04본문내용부분
05footer부분
06퀵메뉴부분
07레이어팝업부분
5.3메인페이지의CSS(common.css)
01기본스타일
02버튼스타일설정
03header부분
04footer부분
05메인롤링부분
06인기여행지부분
07상담및최근게시물부분
08퀵메뉴부분
09팝업부분
5.4메인페이지의스크립트(common.js)
01gnb의작동
02모바일메뉴띄우기
03top버튼스크롤
04PC브라우저에서gnb사라짐방지
5.5서브페이지의시안점검
01회원가입페이지시안
02프로그램소개페이지시안
03공지사항목록페이지시안
04로그인페이지시안
05코딩용으로잘라낸이미지들
5.6서브페이지의마크업과CSS
01서브페이지공통부분
02회원가입페이지
03프로그램소개페이지
04공지사항목록페이지
05로그인페이지
5.7서브페이지의스크립트
01프로그램소개의더보기/접기작동
찾아보기