본 서에서는 필요에 따라 순서를 바꾸어 공부할 수 있게 구성되었다. 초보에서 전문가에 이르는 독자의 편이에 따라 인터넷활용 편을 건너뛰어 HTML과 나모 웹에디터를 선택하여 배울 수 있게 하였다. 본 서는 인터넷 활용과 홈페이지 제작 강좌의 교재로서 대학에서 한 학기를 가르치기에 손색이 없는 지침서가 될 것이다. 아울러 정보화 시대의 선구자가 되기 위한 일반인과 주부들의 입문서로서의 길잡이가 될 수 있을 것이다.
1. 인터넷의 개요
1.1 인터넷 정의
1.2 인터넷의 역사
1.3 인터넷의 활용 분야
1.4 국내 인터넷 관련기관
2. 인터넷의 원리
2.1 인터넷 주소 체계
2.2 WWW(World-Wide Web)
2.3 WWW 관련 주요 용어
CHAPTER 2 웹 브라우저
1. 인터넷 익스플로러의 실행 및 화면 구성
1.1 익스플로러의 실행
1.2 익스플로러의 화면 구성
1.3 웹 페이지의 이동
1.4 인터넷 익스플로러의 도구모음
1.5 추천 사이트 방문
2. 홈페이지로 이동 방법
2.1 [파일]-[열기] 메뉴 이용
2.2 주소 표시줄에 주소 입력
2.3 주소 표시창의 목록 이용
2.4 [기록] 기능 이용
2.5 즐겨 찾기 이용
3. 필요한 정보의 저장 방법
3.1 웹 페이지의 그림 저장
3.2 웹 페이지의 부분 복사
3.3 현재 웹 페이지의 전체 저장
4. 환경 설정
4.1 인터넷 옵션 설정
4.2 즐겨찾기
5.플러그인
5.1 플러그인의 종류
5.2 주요 플러그인의 특징
CHAPTER 3 인터넷 서비스
1. 전자우편(E-mail)
1.1 전자우편 개요
1.2 아웃룩 익스프레스를 이용한 메일 송수신
1.3 웹 메일을 이용한 메일 송수신
1.4 전자메일의 매너
2. FTP(File Transfer Protocol)
2.1 WS_FTP 프로그램의 이용 방법
3. 텔넷(TELNET)
4. 유즈넷 뉴스그룹 서비스
4.1 유즈넷 뉴스그룹 개요
4.2 유즈넷 뉴스그룹 이름
4.3 뉴스그룹 환경 설정
4.4 뉴스그룹에 가입하기
4.5 뉴스그룹 게시물 읽기
4.6 뉴스그룹에 게시물 올리기
5. 검색엔진
5.1 검색엔진의 분류
5.2 검색엔진의 사용 예
5.3 일반적인 정보검색 과정
5.4 참조 사이트
6. 인터넷 응용 서비스
6.1 인터넷 전화
6.2 인터넷 화상회의
6.3 인터넷 원격교육
6.4 인터넷 방송
6.5 전자상거래
6.6 인터넷 뱅킹
CHAPTER 4
HTML 기초
1.타이틀 :
<br> 2.제목글 : <Hn>
<br> 3.문장 구별 태그
<br> 3.1 문단 구별 :<P>
<br> 3.2 줄 바꾸기 : <BR>
<br> 3.3 줄바꾸기 금지: <NOBR>
<br> 3.4 문장 그룹화요소 :<DIV>와 <SPAN>
<br> 4.형태가 정해진 문장 표현
<br> 4.1 형태가 정해진 텍스트 : <PRE>
<br> 4.2 형태가 정해진 텍스트 : <XMP>
<br> 5. 주석: <!- ...->
<br> 6. 인용글 : <BLOCKQUOTE>
<br> 7. 선 그리기 : <HR>
<br> 8. 가운데 정렬 : <CENTER>
<br> 9. 글꼴지정 : <FONT>
<br> 10. 헤드(Head)태그
<br> 10.1 메타 데이터(META) 태그
<br>
<br>CHAPTER 5 목록과 하이퍼링크 및 몸체
<br>
<br> 1. 목록(List)
<br> 1.1 순서 목록 : <OL>
<br> 1.2 무순 목록 : < UL>
<br> 1.3 혼합 목록
<br> 2.정의목록 : <DL>
<br> 3. 하이퍼링크 : 문서 연결하기<A>
<br> 3.1 외부 문서의 연결
<br> 3.2 문서내의 연결
<br> 4. 색 이름과 색 값(Color)
<br> 5. 몸체 : <BODY>
<br> 5.1 배경색(bgColor), 글자색(text)
<br> 5.2 배경 그림(backGround)
<br> 5.3 문장 색깔(Text)
<br> 5.4 링크 색(Link)
<br> 5.5 방문색(VLink)과 활성링크 색(ALink)
<br> 6. 문자 스타일
<br> 7. 특수문자
<br> 8. 주소 및 메일지정 : <ADDRESS>
<br>
<br>CHAPTER 6 테이블과 이미지 및 프레임나누기
<br>
<br> 1. 표 만들기:<TABLE>
<br> 1.1 간단한 표 작성
<br> 1.2 <TABLE>태그의 속성
<br> 1.3 셀 합치기(colspan, rowspan)
<br> 1.4 테이블과 셀 색상(bgcolor)
<br> 1.5 테이블 속의 테이블
<br> 2. 그림삽입 : <IMG>
<br> 2.1 이미지태그 형식
<br> 2.2 이미지 크기 조절
<br> 2.3 테두리 생성
<br> 2.4 이미지 여백 조절
<br> 2.5 이미지 정렬
<br> 2.6 이미지 링크
<br> 3. 이미지 맵:<MAP>,<AREA>
<br> 4. 프레임 만들기 : <FRAME>
<br> 5. 페이지 속의 프레임 : <IFRAME>
<br>
<br>CHAPTER 7 멀티미디어 활용과 입력양식 및 고급태그
<br> 1. 멀티미디어 자료 삽입
<br> 1.1 Audio와 Video파일의 종류
<br> 1.2 배경음악삽입 : <BGSOUND>
<br> 1.3 재생 프로그램 삽입:<EMBED>
<br> 1.4 하이퍼 링크 사운드/동영상 재생:<A href="멀티미디어파일">
<br> 2. 입력양식 : (FORM)
<br> 2.1 CGI와 폼의 개요
<br> 2.2 폼 형식과 입력양식:<FORM><INPUT>
<br> 2.3 텍스트와 암호 입력 양식:(text, password)
<br> 2.4 체크박스 만들기:(checkbox)
<br> 2.5 라디오 버튼 만들기:(radio)
<br> 2.6 보내기와 입력취소 버튼 만들기:(submit, reset)
<br> 2.7 숨겨둔 입력양식:(hidden)
<br> 2.8 긴 텍스트 입력받기:<TEXTAREA>
<br> 2.9 선택 목록 만들기:<SELECT>
<br> 3. 마키 : <MARQUEE>
<br> 4. 스타일 시트사용: [CSS]
<br> 4.1 CSS(Cascading Style Sheets) 적용
<br> 4.2 스타일 시트 명령어
<br> 4.3 스타일 시트 명령어 활용
<br>
<br>
<br>▶▶ 2부 나모 웹에디터
<br>
<br>CHAPTER 1 나모 웹에디터 개요
<br>
<br> 1. 나모 웹에디터의 특징
<br> 2. 나모 웹에디터 설치하기
<br> 3. 나모 웹에디터의 실행
<br> 3.1 나모 웹에디터의 시작
<br> 3.2 나모의 기본 작업 환경
<br> 3.3 나모의 편집 화면 설정
<br> 4. 나모 웹에디터의 종료
<br>
<br>CHAPTER 2 문서 작성
<br> 1. 웹 문서의 특징
<br> 2. 새문서 작성과 저장
<br> 2.1 문서 작성
<br> 2.2 기호와 수평선 넣기
<br> 3. 문서 저장과 문서 닫기
<br> 3.1 문서 저장 방법
<br> 3.2 문서 닫기
<br> 3.3 문서 열기
<br> 4. 새글과 문서 편집
<br> 4.1 새 글
<br> 4.2 자르기/복사하기/붙이기
<br> 4.3 찾기/바꾸기
<br> 4.4 날짜 넣기
<br> 4.5 돌이킴/되돌이킴
<br> 5. 문서 속성 및 문서 정보
<br> 5.1 문서 정보
<br> 5.2 문서 속성
<br> 5.3 속성 바로보기
<br> 5.4 핵심어 설정하기
<br> 6. 글자 서식
<br> 6.1 글자 서식 설정
<br> 6.2 글자 속성 복사
<br> 7. 문단 서식
<br> 7.1 제목 설정 및 문단 정렬
<br> 7.2 문단과 목록 속성
<br> 7.3 들여쓰기()
<br> 7.4 목록 만들기
<br> 8. 문서 서식
<br> 9. 스타일 서식(Style Sheet)
<br> 10. 모두 저장하기/모두 닫기
<br>
<br>CHAPTER 3 그림과 표의 삽입
<br>
<br> 1. 그림 삽입
<br> 1.1 클립아트 삽입
<br> 1.2 그림파일 삽입
<br> 1.3 문서 배경 그림 삽입
<br> 1.4 그림 문서의 저장
<br> 2. 표의 삽입
<br> 2.1 표 만들기
<br> 2.2 표의 크기 변경
<br> 2.3 셀 합치기
<br> 2.4 표 속성 설정
<br> 2.5 아기표 만들기
<br> 2.6 줄의 삽입과 삭제
<br> 2.7 표 지우기
<br>
<br>CHAPTER 4 하이퍼링크
<br> 1. 하이퍼링크 만들기
<br> 1.1 글자에 하이퍼링크 만들기
<br> 1.2 E-mail 하이퍼링크 만들기
<br> 1.3 새창으로 뜨는 하이퍼링크 만들기
<br> 1.4 하이퍼링크 속성
<br> 1.5 문서로 하이퍼링크 연결
<br>
<br> 2. 책갈피
<br> 2.1 책갈피 만들기
<br> 2.2 책갈피의 수정
<br> 2.3 책갈피에 하이퍼링크 만들기
<br> 2.4 문서의 TOP으로 이동하는 책갈피
<br> 2.5 하이퍼링크와 스타일의 활용 - 하이퍼링크 밑줄 없애기
<br> 2.6 하이퍼링크와 스타일의 활용 - 호버 설정
<br>CHAPTER 5 프레임 사용하기
<br> 1. 프레임과 프레임셋의 기본개념
<br> 1.1 리소스 관리자를 이용한 새 프레임셋 만들기
<br> 1.2 직접 프레임 나누는 방법
<br> 1.3 프레임 지우기
<br> 2. 프레임을 이용한 홈페이지 구성
<br> 2.1 프레임 셋의 구성
<br> 2.2 프레임에 문서 삽입
<br> 2.3 프레임 속성 및 프레임셋 문서 속성
<br> 2.4 하이퍼링크 만들기
<br> 2.5 프레임 저장하기
<br> 2.6 모든 프레임 저장
<br>
<br>CHAPTER 6 그림 및 표의 응용
<br> 1. 그림 삽입과 그림 편집
<br> 1.1 그림 삽입
<br> 1.2 [바로보기]를 통한 그림 편집
<br> 1.3 그림 형식 변환
<br> 1.4 명도/대비/선명도
<br> 1.5 그림 자르기
<br> 2. 그림의 응용
<br> 2.1 투명한 gif 그림
<br> 2.2 롤오버 그림 만들기
<br> 2.3 이미지 맵
<br> 3. 포토 앨범 만들기
<br> 4. 스마트 버튼 만들기
<br> 5. 플래시 버튼 만들기
<br> 6. 레이아웃 표
<br>
<br>CHAPTER 7 폼과 폼필드
<br> 1. 폼 개요
<br> 2. 폼 필드
<br> 3. 폼 작성
<br> 3.1 한 줄 글상자
<br> 3.2 펼침 목록 메뉴
<br> 3.3 라디오 단추
<br> 3.4 확인 상자
<br> 3.5 스크롤 글상자
<br> 3.6 누름 단추
<br> 3.7 폼 속성
<br> 4. 메일 보내기
<br>
<br>CHAPTER 8 레이어와 멀티미디어
<br>
<br> 1. 레이어
<br> 2. 레이어 다루기
<br> 2.1 레이어 만들기
<br> 2.2 레이어 편집하기
<br> 2.3 레이어에 내용 입력하기
<br> 2.4 레이어 배경 꾸미기
<br> 2.5 레이어 겹치기와 레이어 목록 보기
<br> 3. 멀티미디어
<br> 4. 멀티미어 파일 삽입
<br> 4.1 플래시 삽입
<br> 4.2 애플릿 삽입
<br> 4.3 미디 삽입
<br>
<br>CHAPTER 9 타임 라인과 액션
<br> 1. 타임 라인
<br> 2. 애니메이션
<br> 3. 액션과 이벤트
<br> 4. 액션 삽입
<br> 4.1 개체에 액션 삽입
<br> 4.2 타임 라인에 액션 넣기
<br>
<br>CHAPTER 10 스크립트
<br> 1. 스크립트
<br> 2. 스크립트 마법사
<br> 2.1 텍스트 메뉴
<br> 2.2 펼침 목록 메뉴
<br> 2.3 펼침 메뉴
<br> 2.4 전환 효과
<br> 2.5 떠있는 레이어 만들기
<br> 2.6 움직이는 텍스트
<br> 2.7 롤오버 그림
<br> 2.8 애니메이션 효과
<br> 2.9 링크 이동 단추
<br> 2.10 순환 배너
<br> 2.11 새 윈도우 열기
<br> 2.12 텍스트 시계 넣기
<br>
<br>CHAPTER 11 웹 사이트 만들기
<br>
<br> 1. 웹 사이트
<br> 2. 사이트 템플릿
<br> 2.1 사이트 마법사 1단계(템플릿 선택)
<br> 2.2 사이트 마법사 2단계(구조 변경)
<br> 2.3 사이트 마법사 3단계(테마 선택)
<br> 2.4 사이트 마법사 4단계(사이트 정보 입력)
<br> 2.5 사이트 마법사 5단계 - 출판하기
<br>
<br>CHAPTER 12 사이트 관리와 출판하기
<br> 1. 사이트 관리자
<br> 2. 사이트 관리
<br> 2.1 새 사이트 만들기
<br> 2.2 사이트 저장
<br> 2.3 사이트 닫기
<br> 2.4 사이트 열기
<br> 3. 기존의 홈페이지를 웹 사이트로 만들기
<br> 4. 출판하기
<br> 4.1 웹 서버에 대한 설정
<br> 4.2 웹 서버에 연결
<br> 4.3 웹 서버로 업로드
<br> 5. 웹 서버의 파일 다루기
<br> 5.1 웹 서버에서 파일 가져오기
<br> 5.2 웹 서버에 있는 파일 지우기
</p>
</div>
<a href='#' onclick='autoControllBox(this);return false;' name='defaultClose' class='bt_moreTxt' style='display:none;'>펼쳐보기</a>
</div>
<!--// 목차 -->
<!-- 독자들이 선정한 한 줄 문구 -->
<!--
<h3 class="detailTitle"><p>독자들이 선정한 한 줄 문구</p><a href="#" class="bt_oneReplyWrite">작성하기</a></h3>
<table class="tb_readerChoice">
<colgroup>
<col style="width:165px;">
<col style="width:700px;">
<col style="width:115px;">
</colgroup>
<tr>
<th>
<div class="picBox">
<span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/>
</div>
<div class="name"><p>kim1254***</p></div>
</th>
<td class="oneTxt">
<div class="oneReplyBox">
<span class="oneR_leftTop"></span>
<span class="oneR_leftBottom"></span>
<span class="oneR_rightTop"></span>
<span class="oneR_rightBottom"></span>
<p>p.98- 이 세상이란 여기 나비 노니는데 저기 거미집 있네. (2015.06.30)</p>
</div>
</td>
<td><span class="mk_heart">1,230</span></td>
</tr>
<tr>
<th>
<div class="picBox">
<span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/>
</div>
<div class="name"><p>kim1254***</p></div>
</th>
<td class="oneTxt">
<div class="oneReplyBox">
<span class="oneR_leftTop"></span>
<span class="oneR_leftBottom"></span>
<span class="oneR_rightTop"></span>
<span class="oneR_rightBottom"></span>
<p>p.102- 노를 젓다가 노를 놓쳐버렸다. 비로소 넓은 물을 돌아다 보았다. 내려갈 때 보았네 올라갈 때 보지 못한 그 꽃. . 아무래도 미워하는 힘 이상으로 사랑하는 힘이 있어야겠다. (2015.06.30) </p>
</div>
</td>
<td><span class="mk_heart check">1,230</span></td>
</tr>
<tr>
<th>
<div class="picBox">
<span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/>
</div>
<div class="name"><p>LimOkayjjkim1254***</p></div>
</th>
<td class="oneTxt">
<div class="oneReplyBox">
<span class="oneR_leftTop"></span>
<span class="oneR_leftBottom"></span>
<span class="oneR_rightTop"></span>
<span class="oneR_rightBottom"></span>
<p>p.289- 티끌 자욱한 이 땅 일을 한바탕 긴 봄꿈이라 이를 수 있다면, 그 한바탕 을 한바탕 긴 봄꿈이라 이를 수꿈을 꾸미고 보태 이야기함 또한 부질없는 일이 아니겠는가. 사람은 같은 냇물에 두번 발을 담글수는 없고, 때의 흐름은 다만 나아갈 뿐 되돌아오지 않는 것을... (2015.06.30) </p>
</div>
</td>
<td><span class="mk_heart">1,230</span></td>
</tr>
</table>
-->
<!--// 독자들이 선정한 한 줄 문구 -->
<!-- 주간랭킹 -->
<h3 class="detailTitle" id="weekRankTitle" style="display: none;">
<p>주간랭킹</p>
<a href="http://book.interpark.com/display/collectlist.do?_method=BestsellerHourNew&inFlow=week&bestTp=1&dispNo=028&inFlow=week&bnid1=book_2015&bnid2=bottom&bnid3=ranking&bnid4=more" class="bt_arrowRight2">더보기</a>
<div class="rightBtBox"><p class="totalDate"></p></div>
</h3>
<div class="weekRankWrap" id="weekRankDiv" style="display: none;">
<div class="wRankTab">
<ul class="rankList"></ul>
</div>
<div class="wRankCont">
<p class="dataInfoTxt"><span>[인터넷 HTML과 나모웹에디터 5]</span>의 데이터 요약정보</p>
<div class="monthRank">
<div class="graphBox"></div>
<div class="graphDate"></div>
</div>
<div class="monthSale">
<div class="graphBox"></div>
<div class="graphDate"></div>
</div>
</div>
</div>
<!--// 주간랭킹 -->
<!-- 상품정보제공고시 -->
<h3 class="detailTitle" id="prdNoticeTitle" style="display: none;"><p>상품정보제공고시</p></h3>
<table class="tb_changeRefund" id="prdNoticeTable" style="display: none;">
<colgroup>
<col style="width:200px;">
<col style="width:290px;">
<col style="width:200px;">
<col style="width:290px;">
</colgroup>
</table>
<div id="prdNoticeDiv" style="display: none;"></div>
<!--// 상품정보제공고시 -->
</div>
<!--// 탭 2 영역 -> 탭 1 영역 -->
<!-- 탭 1 영역 -> 탭 2 영역 -->
<div class="detailInfoWrap contentsWrap" id="eventPlanWrap">
<!-- 이벤트 기획전 -->
<h3 class='detailTitle' id='eventTitle' style='display: none'><p>이벤트 기획전</p></h3>
<div class='detailEvnetBanner'></div>
<!--// 이벤트 기획전 -->
</div>
<!--// 탭 1 영역 -> 탭 2 영역 -->
<!-- 탭 4 영역 -> 탭 3 영역 -->
<div class="detailInfoWrap contentsWrap" id="seriesPackWrap">
<!-- +++++++++++++ 추천 서비스 START +++++++++++++++ -->
<div class="customerWrap">
<div class="cust_viewWrap" id="similarity" >
<div class="cust_title">
<p>전공도서/대학교재 분야에서 많은 회원이 구매한 책
</p>
</div>
<div class="custContArea">
<div class="customerContent matchBooks">
<ul class="custList"></ul>
</div>
</div>
</div>
<div class="cust_viewWrap" id="viewtogether" style="display:none;">
<div class="cust_title">
<p>이 책을 조회한 회원들이 같이 본 책</p>
</div>
<div class="custContArea">
<div class="customerContent matchBooks">
<ul class="custList "></ul>
<!-- 관련상품 없음
<div class="noListBox">
<p><img src="http://bimage.interpark.com/renewPark/reBookpark/last_inc_new/noList_grayText.gif" alt="관련상품이 없습니다. "/></p>
</div>
-->
</div>
</div>
</div>
<div class="cust_viewWrap" id="buytogether" style="display:none;">
<div class="cust_title">
<p>이 책을 구매한 회원들이 구매한 책</p>
</div>
<div class="custContArea">
<div class="customerContent matchBooks">
<ul class="custList "></ul>
</div>
</div>
</div>
<div class="tourCrossRecommend" id="crossAir" style="display:none;">
<div class="crossHeader">
<h2>이 책과 연관있는 항공권</h2>
</div>
<div class="crossRecommend">
<div class="crossProducts">
<ul class="products"></ul>
</div>
</div>
</div>
</div>
<!-- +++++++++++++ 추천 서비스 END +++++++++++++++ -->
</div>
<!--// 탭 4 영역 -> 탭 3 영역 -->
<!-- 탭 3 영역 -> 탭 4 영역 -->
<div class="detailInfoWrap contentsWrap" id="reviewGradeWrap">
<!-- 리뷰 -->
<a id="go_reViewWrite" class="nameLinkHeight"></a>
<h3 class="detailTitle2">
<div class="titleSet1">
<p>리뷰</p>
<div class="star_off"><span class="star_on" style="width:0%;"></span></div>
<span class="star_count">0.0</span>
<span class="total_count">(총 0건)</span>
</div>
<div class="rightBtBox">
<div class="reviewInfoTxt">
</div>
<a href="http://book.interpark.com/blog/viewBlogMain.rdo?reviewProdNo=200872778&bnid1=book_2015&bnid2=bottom&bnid3=book_review&bnid4=write" target="_blank" class="bt_reviewWrite">리뷰쓰기</a>
</div>
</h3>
<div class="reviewWrap">
<!-- best Review -->
<div class="bestReviewBox" style="display: none"></div>
<!--// best Review -->
<!-- 리뷰 리스트 -->
<div class="reViewListBox" style="display: none">
<ul class="reViewSort">
<li class="selected" id="review_2"><a href="#" onclick="fn_ajax_productReview('200872778', 1, 'W');fn_wiseLog('bottom','book_review','sort');return false;">최근순</a></li>
<li id="review_1"><a href="#" onclick="fn_ajax_productReview('200872778', 1, 'F');fn_wiseLog('bottom','book_review','sort');return false;">추천순</a></li>
</ul>
<ul class="reViewList">
</div>
<div class="noReviewListBox" style="display: none"><p>해당 도서의 리뷰가 없습니다. 리뷰를 등록해 주세요.</p></div>
<!--// 리뷰 리스트 -->
<!-- paging -->
<div class="section-paging3" id="review_paging" style="display: none"></div>
<!-- paging -->
</div>
<!--// 리뷰 -->
<!-- 기대평/이 책의 한줄 문장 -->
<h3 class="detailTitle2">
<div class="titleSet2">
<p>100자평</p>
<!-- <p>기대평/이 책의 한줄 문장</p> -->
</div>
<div class="rightBtBox">
<div class="writeGuideTxt">
<p> 작성시 유의사항<a href="#" onclick="return false;" id="oneReply" class="btnPopOver ico_quest" aria-label="추가정보 레이어팝업 열림"></a></p>
</div>
</div>
</h3>
<!-- 기대평 쓰기 박스 -->
<div class="replayRegWrap">
<div class="ra_checkBox">
<span class="selectExpect"><input type="radio" checked="checked" name="commentSelect" id="selectExpect01" value="1" onclick="div_OnOff(this.value,'con');"/><label for="selectExpect01">100자평</label></span>
<!-- <span class="selectOneReply"><input type="radio" name="commentSelect" id="selectOneReply01" value="2" onclick="div_OnOff(this.value,'con');" /><label for="selectOneReply01">이책의 한 줄 문장</label></span> -->
<div class="star_checkBox" id="con">
<span class="starTitle">평점</span>
<div class="gSmallCheckStarBox">
<input class="star {split:2} required" type="radio" name="test-4-rating-5" value="1"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="2"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="3"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="4"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="5"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="6"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="7"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="8"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="9"/>
<input class="star {split:2}" type="radio" name="test-4-rating-5" value="10" checked="checked"/>
</div>
</div>
</div>
<div class="textAreaBox">
<div class="byteCount"><span id="writtenDtlCnt">0/100자</span></div>
<textarea cols="80" rows="3" onclick="fn_writeCheckLogin();" onblur="fn_writeOutFocus(this)" onkeyup="fn_writeKeyUp()" id="writtenDtl" maxlength="200" title="이 책의 100자평을 간단히 남겨주세요.">이 책의 100자평을 간단히 남겨주세요.</textarea>
<a href="#" onclick="fn_writeCheck();fn_wiseLog('bottom','simple_review','write');return false;" class="buttonGray" title="등록하기"><span>등록하기</span></a>
</div>
</div>
<!-- 기대평 쓰기 박스 -->
<!-- 기대평 -->
<div class="expectGradeWrap">
<h4 class="detailTitle">
<div class="titleSet1">
<p>100자평</p>
<div class="star_off"><span class="star_on" style="width:0%;"></span></div>
<div class="star_count">0.0</div>
<div class="total_expect">(총 0건)</div>
</div>
<ul class="rightBtBox" style="display: none">
<li class="selected" id="useWrite08_1"><a href="#" onclick="fn_ajax_productUseWrite('0', '200872778', '08', 1);fn_wiseLog('bottom','simple_review','sort');return false;">최근순</a></li>
<li id="useWrite08_2"><a href="#" onclick="fn_ajax_productUseWrite('', '200872778', '08', 1);fn_wiseLog('bottom','simple_review','sort');return false;">평점 높은순</a></li>
</ul>
</h4>
<div class="noExGradeLsit" style="display: none"><p>한줄평을 남겨주세요.</p></div>
<table class="tb_exGrade" style="display: none">
<colgroup>
<col style="width:100px;">
<col style="width:100px;">
<col style="width:660px;">
<col style="width:120px;">
</colgroup>
<tbody id="useWrite08"></tbody>
</table>
<!-- paging -->
<div class="section-paging3" id="useWrite08_paging" style="display: none"></div>
<!-- paging -->
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Book",
"name": "인터넷 HTML과 나모웹에디터 5",
"description": "null",
"datePublished": "2003-08-20"
}
</script>
<!--// 기대평 -->
<!-- 이책의 한줄 문장 -->
<!--
<div class="thisOneReplyWrap">
<h4 class="detailTitle"><p>이 책의 한줄 문장</p></h4>
<table class="tb_oneReply">
<colgroup>
<col style="width:165px;">
<col style="width:700px;">
<col style="width:115px;">
</colgroup>
<tbody id="useWrite11">
<tr>
<th>
<div class="picBox">
<span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/>
</div>
<div class="name"><p>kim1254***</p></div>
</th>
<td class="oneTxt">
<div class="oneReplyBox">
<span class="oneR_leftTop"></span>
<span class="oneR_leftBottom"></span>
<span class="oneR_rightTop"></span>
<span class="oneR_rightBottom"></span>
<p>p.98- 이 세상이란 여기 나비 노니는데 저기 거미집 있네. (2015.06.30)</p>
</div>
</td>
<td>
<span class="mk_heart check">1,230</span>
<a href="javascript:sampleAlert001();" class="bt_recomm off">추천!</a>
</td>
</tr>
<tr>
<th>
<div class="picBox">
<span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/>
</div>
<div class="name"><p>kim1254***</p></div>
</th>
<td class="oneTxt">
<div class="oneReplyBox">
<span class="oneR_leftTop"></span>
<span class="oneR_leftBottom"></span>
<span class="oneR_rightTop"></span>
<span class="oneR_rightBottom"></span>
<p>p.102- 노를 젓다가 노를 놓쳐버렸다. 비로소 넓은 물을 돌아다 보았다. 내려갈 때 보았네 올라갈 때 보지 못한 그 꽃. . 아무래도 미워하는 힘 이상으로 사랑하는 힘이 있어야겠다. (2015.06.30) </p>
</div>
</td>
<td>
<span class="mk_heart">1,230</span>
<a href="javascript:sampleAlert002();" class="bt_recomm">추천!</a>
</td>
</tr>
<tr>
<th>
<div class="picBox">
<span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/>
</div>
<div class="name"><p>LimOkayjjkim1254***</p></div>
</th>
<td class="oneTxt">
<div class="oneReplyBox">
<span class="oneR_leftTop"></span>
<span class="oneR_leftBottom"></span>
<span class="oneR_rightTop"></span>
<span class="oneR_rightBottom"></span>
<p>p.289- 티끌 자욱한 이 땅 일을 한바탕 긴 봄꿈이라 이를 수 있다면, 그 한바탕 을 한바탕 긴 봄꿈이라 이를 수꿈을 꾸미고 보태 이야기함 또한 부질없는 일이 아니겠는가. 사람은 같은 냇물에 두번 발을 담글수는 없고, 때의 흐름은 다만 나아갈 뿐 되돌아오지 않는 것을... (2015.06.30) </p>
</div>
</td>
<td>
<span class="mk_heart">1,230</span>
<a href="javascript:sampleAlert002();" class="bt_recomm">추천!</a>
</td>
</tr>
</tbody>
</table>
-->
<!-- paging -->
<!--
<div class="section-paging3">
<div class="black_paging">
<div class="page-box">
<a href="#" class="btCtrl pprev-on" title="이전"></a>
<a href="#" class="btCtrl prev-on" title="이전"></a>
<a href="#" class="selected">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
<a href="#" class="btCtrl next-on" title="다음"></a>
<a href="#" class="btCtrl nnext-on" title="다음"></a>
</div>
<div class="total">총 132 페이지</div>
</div>
</div>
-->
<!-- paging -->
<!-- </div> -->
<!--// 이책의 한줄 문장 -->
<!--// 기대평/이 책의 한줄 문장 -->
</div>
<!--// 탭 3 영역 -> 탭 4 영역 -->
<!-- 탭 5 영역 -->
<!-- <div class="detailInfoWrap contentsWrap" id="andsoOnWrap" style="display: none"></div> -->
<!--// 탭 5 영역 -->
<!-- 탭 6 영역 -->
<div class="detailInfoWrap contentsWrap" id="refundShippWrap">
<h3 class="detailTitle"><p>판매자정보</p></h3>
<table class="tb_changeRefund">
<ul style="margin: 20px;">
<li>
<p>인터파크도서에 등록된 오픈마켓 상품은 그 내용과 책임이 모두 판매자에게 있으며, 인터파크도서는 해당 상품과 내용에 대해 책임지지 않습니다.</p>
</li>
</ul>
<colgroup>
<col style="width:200px;">
<col style="width:780px;">
</colgroup>
<tr>
<th><p>상호</p></th>
<td><p>(주)교보문고</p></td>
</tr>
<tr>
<th><p>대표자명</p></th>
<td><p>안병현</p></td>
</tr>
<tr>
<th><p>사업자등록번호</p></th>
<td><p>102-81-11670</p></td>
</tr>
<tr>
<th><p>연락처</p></th>
<td><p>1544-1900</p></td>
</tr>
<tr>
<th><p>전자우편주소</p></th>
<td><p>callcenter@kyobobook.co.kr</p></td>
</tr>
<tr>
<th><p>통신판매업신고번호</p></th>
<td><p>01-0653</p></td>
</tr>
<tr>
<th><p>영업소재지</p></th>
<td><p>서울특별시 종로구 종로 1(종로1가,교보빌딩)</p></td>
</tr>
</table>
<!-- 교보 - 교환/환불 21.09.30 김한결-->
<h3 class="detailTitle"><p>교환/환불</p></h3>
<table class="tb_changeRefund">
<colgroup>
<col style="width:200px;">
<col style="width:780px;">
</colgroup>
<tr>
<th><p>반품/교환 방법</p></th>
<td><p>‘마이페이지 > 취소/반품/교환/환불’ 에서 신청 또는 1:1 문의 게시판 및 고객센터(1577-2555)에서 신청 가능</p></td>
</tr>
<tr>
<th><p>반품/교환가능 기간</p></th>
<td><p>변심 반품의 경우 출고완료 후 6일(영업일 기준) 이내까지만 가능<br/>
단, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내</p></td>
</tr>
<tr>
<th><p>반품/교환 비용</p></th>
<td>
<p>변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담<br/>
상품이나 서비스 자체의 하자로 인한 교환/반품은 반송료 판매자 부담</p></td>
</tr>
<tr>
<th><p>반품/교환 불가 사유</p></th>
<td>
<p>·소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우<br/>
(단지 확인을 위한 포장 훼손은 제외)</p>
<p>·소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우<br/>
예) 화장품, 식품, 가전제품(악세서리 포함) 등</p>
<p>·복제가 가능한 상품 등의 포장을 훼손한 경우 <br/>
예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집</p>
<p>·시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우</p>
<p>·전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우</p>
</td>
</tr>
<tr>
<th><p>상품 품절</p></th>
<td><p>공급사(출판사) 재고 사정에 의해 품절/지연될 수 있음</p></td>
</tr>
<tr>
<th><p>소비자 피해보상<br/>환불지연에 따른 배상</p></th>
<td>
<p>·상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨</p>
<p>·대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함</p>
</td>
</tr>
</table>
<!--// 교환/환불 -->
<div class="escrowNotice">
<h4 class="title">(주)KG이니시스 구매안전서비스<a href="javascript: purchaseSafety();" ><img src="//qi-b.qoo10cdn.com/renewPark/reBookpark/footer/btn_bottom_service01.gif" alt="서비스 가입사실 확인"/></a></h4>
<p class="msg">
(주)인터파크커머스는 회원님들의 안전거래를 위해 구매금액, 결제수단에 상관없이 (주)인터파크커머스를 통한 모든 거래에 대하여 <br>
(주)KG이니시스가 제공하는 구매안전서비스를 적용하고 있습니다.
</p>
</div>
<!-- 배송안내 -->
<h3 class="detailTitle"><p>배송안내</p></h3>
<ul class="shippGuide">
<li><p>교보문고 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다.</p></li>
<li><p>출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.</p></li>
<li><p>군부대, 교도소 등 특정기관은 우체국 택배만 배송가능합니다.</p></li>
<li><p>배송비는 업체 배송비 정책에 따릅니다.<br/></p></li>
<span style="display: block; margin-left: 10px; color: #777">- 도서 구매 시 15,000원 이상 무료배송, 15,000원 미만 2,500원</span>
<span style="display: block; margin-left: 10px; color: #777">- 상품별 배송비가 있는 경우, 상품별 배송비 정책 적용</span>
</ul>
<!--// 배송안내 -->
<!--// 배송안내 -->
</div>
<!--// 탭 6 영역 -->
</div>
<!--// +++++++++++++ 상품최종 상품 정보 컨텐츠 영역 +++++++++++++++ -->
<!-- 네이버CPC 파워링크 광고 -->
<link rel="stylesheet" href="/styles/common/powerLink.css?ver=202301" type="text/css" media="all">
<script type="text/javascript" src="https://ssl.pstatic.net/adimg3.search/adpost/js/adpost_show_ads_v2.min.js"></script>
<script type="text/javascript">
function handle_naver_ads_response(response) {
var htmlStr="";
var imgurl ="imageUrl";
if (response.ads.length > 0) {
for(var i=0, len = (response.ads.length > 6?6:response.ads.length); i < len; i++){
var imgObj = response.ads[i].imageExtension;
htmlStr += '<li class="powerlinkItem">';
htmlStr += ' <a href=\''+response.ads[i].clickUrl+'\' target=\'_blank\'>';
htmlStr += ' <div class="powerlinkNo"><em>'+(i+1)+'</em></div>';
htmlStr += ' <div class="powerlinkContent">';
htmlStr += ' <h5>'+response.ads[i].headline+'</h5><p class="powerlinkText">'+response.ads[i].description;
htmlStr += ' </p>';
htmlStr += ' <p class="powerlinkURL">'+response.ads[i].displayUrl+'</p>';
htmlStr += ' </div>';
htmlStr += ' <div class="powerlinkImage">';
if(imgObj !== undefined) {
htmlStr += ' <img src=\''+imgObj.imageUrl+'\'>';
}
else {
//htmlStr += ' <img src=\''+imgObj.imageUrl+'\'>';
}
htmlStr += ' </div>';
htmlStr += ' </a>';
htmlStr += '</li>';
}
//document.getElementById("naverPowerLink").style.display = 'block';
document.getElementById("powerLinkArea").innerHTML = htmlStr;
}
}
</script>
<script type="text/javascript">
NAVER_ADPOST_V2({
channel: "interparkbook.ch3",
pageSize: 6,
test: false,
keywordGroup : "인터파크도서_공통",
mock: false
});
</script>
<div class="powerlinkWrapper">
<div class="powerlinkHeader">
<h4>
<strong>파워링크</strong>
<span>광고</span>
</h4>
<a href="https://saedu.naver.com/adbiz/searchad/intro.nhn" class="powerlinkRequest" target="_blank">신청하기</a>
</div>
<div class="powerlinkContents">
<ul class="powerlinkItems" id="powerLinkArea">
</ul>
</div>
</div>
</div>
<!-- // 네이버CPC 파워링크 광고 -->
</div>
</div>
<!-- ////////////////// 상품최종 끝 ////////////////// -->
</div>
<!--// ## Container S ## -->
<!-- ## 뷰투게더 관련한 와이지 로그 수집 iframe 작업자 : 김범래 작업일 : 2015.10.05 삭제 금지 ## -->
<iframe src="/html/imfs/product/wiselog.html?tp=gen&prdNo=200872778&saNo=003002001&viewTp=book" style="display:none" title="뷰투게더 관련 와이즈 로그 수집"></iframe>
<!-- ## welcome QuickMenu Right S ## -->
<script type="text/javascript" src="/gate/html/include/skyRightBanner_2015.js"></script>
<script type="text/javascript">
var g_strTopNavi = '국내도서';
var g_strTopNavi2 = '전공도서/대학교재';
</script>
<script type="text/javascript" src="/renewPark/js/jquery.bxslider.js"></script>
<script type="text/javascript" src="/renewPark/js/_new/last_inc_new.js?ver=20190417"></script>
<script type="text/javascript" src="/static/js/imfs/common_display.js"></script>
<script type="text/javascript" src="/renewPark/js/_new/jquery_ui.js"></script>
<script type="text/javascript" src="/renewPark/js/_new/jquery.rating2.js"></script>
<script language="javascript" src="/static/js/Popup.js"></script> <!-- 배송비변경팝업용 JS -->
<script type="text/javascript" src="/renewPark/js/_new/bookDetailDisplayAjax.js?ver=20190417"></script> <!-- ajax 처리 js -->
<script type="text/javascript">
/*---------------- 마우스 click XY --------------------*/
$(document).ready(function(){
$(".btnLink").click(function(event){
var item = $(this).attr("id");
var popItem = "popClick_" + item;
var parentOffset = $(this).parent().offset();
var scrollTop = $(window).scrollTop();
var mouseX = event.pageX;
var mouseY = event.pageY;
var browserWidth = document.body.clientWidth;
var browserHeight = $(window).height();
var parentWrap = $('div#gateCon');
var totalWidth = parentWrap;
var rightWidth = $("#" + popItem).innerWidth();
var rightHeight = $("#" + popItem).innerHeight();
var couponTop = ($(this).offset().top) + $(this).height(); // 할인쿠폰 레이어 top 위치
var offsetWidth = document.body.offsetWidth;
var $incAll_wrap = $('.incAll_wrap').width();
var couponRight = ((offsetWidth - $incAll_wrap) / 2) + 2;
$(".ly_popDarkGray").css("display", "none");
$(".ly_popupAllBox").css("display", "");
if (popItem === 'popClick_lyCPop4') { //할인쿠폰 레이어일 경우
$("#" + popItem).css({
"display" : "block",
"top" : couponTop,
"right" : couponRight
});
// 할인쿠폰 레이어 리사이징 on
$(window).on('resize.discountPopupLayer', function() {
var resizeOffsetWidth = document.body.offsetWidth;
var resizeCouponRight = ((resizeOffsetWidth - $incAll_wrap) / 2) + 2;
if (resizeOffsetWidth <= $incAll_wrap) {
$("#" + popItem).css ({
"right" : 2
});
} else {
$("#" + popItem).css({
"right" : resizeCouponRight
});
}
});
} else {
if(browserWidth > totalWidth){
if(mouseX + rightWidth > browserWidth){
mouseX = browserWidth - rightWidth - ((browserWidth - totalWidth) / 2) - 5;
}else{
mouseX = mouseX - ((browserWidth - totalWidth) / 2);
}
}else{
if(mouseX + rightWidth > browserWidth){
mouseX = browserWidth - rightWidth - 5;
}
}
$("#" + popItem).css({
"display" : "block",
"left" : mouseX,
"top" : mouseY + 10
});
}
});
/* 20160212 - 추가 */
$(".btnPopOver").mouseenter(function(event){
var item = $(this).attr("id");
var popItem = "popOver_" + item;
var parentOffset = $(this).parent().offset();
var scrollTop = $(window).scrollTop();
var mouseX = event.pageX;
var mouseY = event.pageY;
var browserWidth = document.body.clientWidth;
var browserHeight = $(window).height();
var parentWrap = $('div.incAll_wrap');
var totalWidth = parentWrap.innerWidth();
var rightWidth = $("#" + popItem).innerWidth();
var rightHeight = $("#" + popItem).innerHeight();
if(browserWidth > totalWidth){
if(mouseX + rightWidth > browserWidth){
mouseX = browserWidth - rightWidth - 5;
}
}else{
if(mouseX + rightWidth > browserWidth){
mouseX = browserWidth - rightWidth - 5;
}
}
$("#" + popItem).css({
"display" : "block",
"left" : mouseX,
"top" : mouseY-5
});
});
$(".btnPopOver").mouseleave(function(){
var item = $(this).attr("id");
var popItem = "popOver_" + item;
$("#" + popItem).css("display", "none");
});
/* //20160212 - 추가 */
});
$(function(){
var $tabWraper = $('.contentTabWrap');
var $contentTab = $tabWraper.find('a');
var $contentWrap = $('.contentsWrap');
var tabHeight = $('.contentTabWrap').height();
var onTabIdx = 0;
var moveTime = 300;
var tabMove = function(){
var winScrollTop = $(window).scrollTop();
var contentHeight = $('#inc_contentWrap').height();
var contentOffsetTop = $('#inc_contentWrap').offset().top;
if(winScrollTop < contentOffsetTop){
$tabWraper.removeClass('fixed1');
} else {
if(winScrollTop > contentHeight + contentOffsetTop){
$tabWraper.animate({top: -1 * tabHeight }, moveTime);
} else {
$tabWraper.addClass('fixed1').removeAttr('style');
}
}
$contentTab.each(function(index){
var tabTotalTop = $contentWrap.eq(index).offset().top + $contentWrap.eq(index).height();
if(winScrollTop < tabTotalTop - tabHeight ){
onTabIdx = index;
return false;
}
});
$contentTab.parent('li').removeClass('selected');
$contentTab.eq(onTabIdx).parent('li').addClass('selected');
};
$(window).on('load scroll', tabMove);
$contentTab.on('click', function(e){
var $target = $(this.hash);
var targetOffset = $target.offset().top;
$('html,body').stop().animate({scrollTop: targetOffset - tabHeight + 10}, moveTime);
e.preventDefault();
});
});
$(function(){
var stickyNavTop = $('#bookCart_Type1_miniBar').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if(scrollTop > stickyNavTop) {
$('.nav').addClass('sticky').stop().animate({top:0}, 500)
} else {
$('.nav').addClass('sticky').stop().animate({top:-60}, 500)
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
function srvTime() {
if (window.XMLHttpRequest) {// 분기하지 않으면 IE에서만 작동된다.
xmlHttp = new XMLHttpRequest(); // IE 7.0 이상, 크롬, 파이어폭스 등
xmlHttp.open('HEAD', 'http://book.interpark.com/bookPark/html/book_svrtime.html', false);
xmlHttp.setRequestHeader("Content-Type", "text/html");
xmlHttp.send('');
return xmlHttp.getResponseHeader("Date");
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');
xmlHttp.open('HEAD', 'http://book.interpark.com/bookPark/html/book_svrtime.html', false);
xmlHttp.setRequestHeader("Content-Type", "text/html");
xmlHttp.send('');
return xmlHttp.getResponseHeader("Date");
}
}
function checkTime() {
var st = Date.parse(srvTime());
var today = new Date(st);
return today.getHours();
}
function checkDate() {
var today = new Date();
return today.getDate();
}
</script>
<!-- GA 태깅 -->
<script type="text/javascript">
var gaCategory = '도서' + '^' + getStdClsNm(1) + '^' + getStdClsNm(2) + '^' + getStdClsNm(3) + '^' + getStdClsNm(4); //상품옵션 : 옵션1^옵션2^옵션3 (띄어쓰기없음)(데이터 없을경우 공백)(중간에 ^ 주의)
function getStdClsNm(depth) {
var stdClsNm = "Book > 전공도서/대학교재 > 공학계열 > 컴퓨터공학";
if(stdClsNm == '' || typeof stdClsNm == 'undefined') {
return '';
} else {
stdClsNm = stdClsNm.split('>');
for(var i=0 ; i<stdClsNm.length ; i++) {
stdClsNm[i] = stdClsNm[i].trim();
}
if(depth <= stdClsNm.length) {
return stdClsNm[depth-1];
} else {
return '';
}
}
}
function getPrdList(arguments, gaPrdInfo) {
var prdTp = '';
var prdList = [];
if(arguments.length != 0) {
prdTp = arguments[0];
}
if(prdTp == 'ebook') {
gaCategory = '도서' + '^' + prdTp + '^' + getStdClsNm(2);
gaPrdInfo.id = arguments[1];
gaPrdInfo.price = $('#EB_DISP_SALE_UNITCOST' + gaPrdInfo.id ).val();
prdList[0] = gaPrdInfo;
} else if(prdTp == 'fancy') {
prdList = arguments[1];
} else {
prdList[0] = gaPrdInfo;
}
return prdList;
}
function getPrdListToJson(prdList) {
var gaProducts = [];
for(var i=0 ; i<prdList.length ; i++) {
gaProducts.push({id:prdList[i].id, name:prdList[i].name, price:Number(prdList[i].price), brand:prdList[i].brand, category:gaCategory, variant: '', quantity:Number(prdList[i].quantity)});
}
return gaProducts;
}
//바로구매 버튼 클릭 시
function pushGADetail() {
var gaId = '200872778';
var gaName = $('.prod_title p').text();
var gaPrice = isNaN($('#DISPOINT_SALE_UNITCOST').val()) ? 0 : $('#DISPOINT_SALE_UNITCOST').val();
var gaBrand = $('#hdelvMafcEntrNm').text();
var gaQuantity = $('#inpOrderQty').val();
var prdList;
var gaProducts = [];
var gaPrdInfo = {id : gaId, name : gaName, price : gaPrice, brand : gaBrand, quantity : gaQuantity};
prdList = getPrdList(arguments, gaPrdInfo);
gaProducts = getPrdListToJson(prdList);
dataLayer.push({
'event' : 'select',
'ecommerce' : {
'select' : {
'products' : gaProducts
}
}
});
}
//북카트담기 버튼 클릭 시
function pushGAAddToCart() {
var gaId = '200872778';
var gaName = $('.prod_title p').text();
var gaPrice = isNaN($('#DISPOINT_SALE_UNITCOST').val()) ? 0 : $('#DISPOINT_SALE_UNITCOST').val();
var gaBrand = $('#hdelvMafcEntrNm').text();
var gaQuantity = $('#inpOrderQty').val();
var prdList;
var gaProducts = [];
var gaPrdInfo = {id : gaId, name : gaName, price : gaPrice, brand : gaBrand, quantity : gaQuantity};
prdList = getPrdList(arguments, gaPrdInfo);
gaProducts = getPrdListToJson(prdList);
dataLayer.push({
'event' : 'addToCart',
'ecommerce' : {
'currencyCode': 'KRW',
'add' : {
'products' : gaProducts
}
}
});
}
//상품페이지 로드 후
$(function() {
var fancyFlag = "false";
var gaId = '200872778';
var gaName = $('.prod_title p').text();
var gaBrand = $('#hdelvMafcEntrNm').text();
var gaPrice = 0;
var gaQuantity = 1;
var gaProducts = [];
if(fancyFlag == "true") {
var price = $('.discountPrice').children('.price').text().replace(/,/gi,'');
gaPrice = isNaN(price) ? 0 : price;
} else {
gaPrice = isNaN($('#DISPOINT_SALE_UNITCOST').val()) ? 0 : $('#DISPOINT_SALE_UNITCOST').val();
}
gaProducts.push({id : gaId, name : gaName, price : gaPrice, brand : gaBrand, category: gaCategory, quantity : gaQuantity, variant:''});
dataLayer.push({
'event' : 'detail',
'ecommerce' : {
'detail' : {
'products' : gaProducts
}
}
});
});
</script>
<!-- 에이스트레이더 ---->
<script type="text/javascript" src="//static.tagmanager.toast.com/tag/view/1027"></script>
<script type="text/javascript">
var gPrdNm = $(".prod_title p").text();
var gPrice = $("#DISPOINT_SALE_UNITCOST").val();
if(gPrice == 'undefined' || isNaN(gPrice) ){
gPrice = 0;
}
var gCategory = $('#locationMenu1').text()==''?'': ( $('#locationMenu1').text() + ( $('#locationMenu2').text()==''?'': '|'+$('#locationMenu2').text() + ( $('#locationMenu3').text()==''?'': '|'+$('#locationMenu3').text() + ($('#locationMenu4').text()==''?'': '|'+$('#locationMenu4').text()) ) ) );
var gImgUrl = $(".bd").attr('src');
var gLoc = window.location.href;
window.ne_tgm_q = window.ne_tgm_q || [];
window.ne_tgm_q.push(
{
tagType: 'detail',
device:'web',
pageEncoding:'euc-kr',
items : [{
id: "200872778"/*(필수)ID값입력*/,
price:gPrice/*(필수)가격정보입력*/,
quantity:"1"/*(필수)갯수정보입력*/,
category:gCategory/*카테고리 대|중|소*/,
imgUrl:gImgUrl/*img링크값입력 ex)http://example.com/img/img.jpg*/,
name:gPrdNm/*(필수)제품명또는 전환메뉴명입력*/,
desc:""/*상품상세 설명 text*/,
link:gLoc/*상품상세페이지 URL ex)http://example.com/detail/product.html*/
}],
totalPrice:gPrice/*상품 총 금액 합산*/
});
</script>
<!-- //에이스트레이더 ---->
<!-- FB픽셀 ---->
<script>
var gPrdNm = $(".prod_title p").text();
var gPrice = $("#DISPOINT_SALE_UNITCOST").val();
if(gPrice == 'undefined' || isNaN(gPrice) ){
gPrice = 0;
}
fbq('track', 'ViewContent', {
content_ids: ['200872778'],
content_type: 'product',
content_category: 'book',
content_name: gPrdNm,
content_genre: null,
content_category_detail: g_dispNo,
member_category : _gMemGrd,
value: gPrice,
currency: 'KRW'
});
</script>
<!-- //FB픽셀 ---->
<script type="text/javascript" src="/gate/html/include/sub_book_bottomNew2015_ssl2.js"></script>
<script language="JavaScript">
<!--
function showNoticeMsgs(msgs) {
/* imfs 는 액션 설정 메세지 처리 하지 않음
var tDiv;
var showHtml;
showHtml = "";
for (var i=0; i<msgs.length; i++) {
if (showHtml != "") {
showHtml += " | ";
}
showHtml += msgs[i];
}
top.status = showHtml;
*/
}
//-->
</script>
<!-- yelloexchange SCRIPT Start-->
<!-- <script type="text/javascript" src="/gate/keyword7/keyword7_solution.js"></script> -->
<!-- <script type="text/javascript" src="/gate/keyword7/keyword7_search_solution.js"></script> -->
<!--// yelloexchange SCRIPT End-->
<!-- Google 리마케팅 태그 코드 Start -->
<!-- google analytics SCRIPT Start-->
<script type="text/javascript" src="/gate/googleAnalytics/google_analytics.js"></script>
<!--// google analytics SCRIPT End-->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 976811730;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/976811730/?value=0&guid=ON&script=0"/>
</div>
</noscript>
<!-- Google 리마케팅 태그 코드 End -->
<script type="text/javascript" src="/gate/ad/adCommon.js"></script>
<form name="execForm" id="execForm" ></form>
<iframe name="exec_iframe" src="about:blank" width="0" height="0" frameboard="0" scrolling="no" style="visibility:hidden;" ></iframe>
</body>
</html>
<!-- End of Generate Html -->
<!-- 위 태그는 html 생성시 꼭 필요한 태그임 지우지 말것 -->
