내하 출판사

책소개
목차
저자/역자 정보
예제소스

컴퓨터와 통신 기술의 발달로 인하여 인터넷의 발달 속도는 놀랄 만큼 빠르게 발전하고 있다. 하루가 다르게 새로운 인터넷 기술이 생겨나고 새로운 인터넷 콘텐츠가 개발되고 있다. 이러한 인터넷은 세계 어디서나 원하는 정보를 손쉽게 얻을 수 있도록 해준다는 점에서 인류 역사에 한 획을 그었다고 해도 과언이 아니다.

특히 웹(www)의 등장으로 인하여 일반인들도 마우스의 클릭만으로도 인터넷을 손쉽게 사용할 수 있게 됨으로서 우리의 생활에서도 큰 변화가 일어나고 있다. 홈페이지를 통한 기업과 개인의 홍보 인터넷 방송과 신문의 등장 전자우편과 인터넷 메신저를 통한 통신 문화의 보편화 인터넷을 통한 가상강좌와 사이버 대학의 출현 인터넷 쇼핑몰을 통한 전자상거래의 대중화 인터넷 뱅킹을 통한 금융거래의 활성화 등은 대표적인 예라고 할 수 있다.

이렇듯 현실세계의 모든 행위가 가상공간인 인터넷을 통하여 이루어지고 있으므로 인터넷에 산재해 있는 정보를 활용할 수 있는 능력과 홈페이지를 만들어 정보를 제공할 수 있는 능력은 더더욱 중요해 지고 있다. 따라서 인터넷 정보 자원의 활용을 위한 기본 지식을 습득하고 홈페이지 제작 방법을 체계적으로 배울 수 있는 지침서가 필요하다고 느끼어 본 서를 출판하게 되었다.

이 책은 모두 2부로 나누어 구성되어 있다. 제1부에서는 인터넷 활용 방법과 HTML에 대하여 다루고 있다.

제1부의 제1장에서 제3장까지는 인터넷의 개요와 인터넷 접속 방법 웹 브라우저의 사용법 인터넷 응용 서비스 정보 검색 방법에 관한 내용을 설명하고 있다. 그리고 제4장에서 제7장까지는 홈페이지제작에 필요한 HTML의 태그들을 소개하는데 HTML 태그의 기본개념과 문단에 관련한 기초태그 리스트와 하이퍼링크 및 문자스타일에 관한 태그 테이블과 이미지 및 프레임태그 멀티미디어 활용과 양식 태그 및 동적인 홈페이지제작에 필요한 기타태그들을 다룬다. 홈페이지를 전문적으로 제작하는 웹디자이너에게는 중요한 HTML의 기본 태그들과 활용법을 심도있게 다루면서 쉽게 이해가 되도록 실습 중심으로 체계적으로 구성하였다.

제2부에서는 나모 웹 에디터를 이용하여 홈페이지를 만드는 방법에 대하여 다루고 있는데 나모의 개요 나모를 이용한 문서 작성 그림과 표의 삽입 하이퍼링크 설정 프레임 만드는 방법 폼과 폼 필드 타임라인과 액션 레이어와 멀티미디어 스크립트 사이트 관리와 출판하기에 관한 내용을 자세히 설명하고 있다.

본 서에서는 필요에 따라 순서를 바꾸어 공부할 수 있게 구성되었다. 초보에서 전문가에 이르는 독자의 편이에 따라 인터넷활용 편을 건너뛰어 HTML과 나모 웹에디터를 선택하여 배울 수 있게 하였다. 본 서는 인터넷 활용과 홈페이지 제작 강좌의 교재로서 대학에서 한 학기를 가르치기에 손색이 없는 지침서가 될 것이다. 아울러 정보화 시대의 선구자가 되기 위한 일반인과 주부들의 입문서로서의 길잡이가 될 수 있을 것이다.

백덕화 김재수 김정홍 서정훈 공저

1부 인터넷 활용과 HTML 실습
CHAPTER 1 인터넷의 기본 개념
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.타이틀 : 2.제목글 : <Hn> 3.문장 구별 태그 3.1 문단 구별 : 3.2 줄 바꾸기 : 3.3 줄바꾸기 금지: 3.4 문장 그룹화요소 :<DIV>와 4.형태가 정해진 문장 표현 4.1 형태가 정해진 텍스트 : <PRE> 4.2 형태가 정해진 텍스트 : <XMP> 5. 주석: <!- ...-> 6. 인용글 : <BLOCKQUOTE> 7. 선 그리기 : <HR> 8. 가운데 정렬 : <CENTER> 9. 글꼴지정 : 10. 헤드(Head)태그 10.1 메타 데이터(META) 태그 CHAPTER 5 목록과 하이퍼링크 및 몸체 1. 목록(List) 1.1 순서 목록 : <OL> 1.2 무순 목록 : < UL> 1.3 혼합 목록 2.정의목록 : <DL> 3. 하이퍼링크 : 문서 연결하기<A> 3.1 외부 문서의 연결 3.2 문서내의 연결 4. 색 이름과 색 값(Color) 5. 몸체 : <BODY> 5.1 배경색(bgColor) 글자색(text) 5.2 배경 그림(backGround) 5.3 문장 색깔(Text) 5.4 링크 색(Link) 5.5 방문색(VLink)과 활성링크 색(ALink) 6. 문자 스타일 7. 특수문자 8. 주소 및 메일지정 : <ADDRESS> CHAPTER 6 테이블과 이미지 및 프레임나누기 1. 표 만들기:<TABLE> 1.1 간단한 표 작성 1.2 <TABLE>태그의 속성 1.3 셀 합치기(colspan rowspan) 1.4 테이블과 셀 색상(bgcolor) 1.5 테이블 속의 테이블 2. 그림삽입 : <IMG> 2.1 이미지태그 형식 2.2 이미지 크기 조절 2.3 테두리 생성 이미지 여백 조절 2.5 이미지 정렬 2.6 이미지 링크 3. 이미지 맵:<MAP><AREA> 4. 프레임 만들기 : <FRAME> 5. 페이지 속의 프레임 : <IFRAME> CHAPTER 7 멀티미디어 활용과 입력양식 및 고급태그 1. 멀티미디어 자료 삽입 1.1 Audio와 Video파일의 종류 1.2 배경음악삽입 : <BGSOUND> 1.3 재생 프로그램 삽입:<EMBED> 1.4 하이퍼 링크 사운드 동영상 재생:<A href=멀티미디어파일> 2. 입력양식 : (FORM) 2.1 CGI와 폼의 개요 2.2 폼 형식과 입력양식:<FORM><INPUT> 2.3 텍스트와 암호 입력 양식:(text password) 2.4 체크박스 만들기:(checkbox) 2.5 라디오 버튼 만들기:(radio) 2.6 보내기와 입력취소 버튼 만들기:(submit reset) 2.7 숨겨둔 입력양식:(hidden) 2.8 긴 텍스트 입력받기:<TEXTAREA> 2.9 선택 목록 만들기:<SELECT> 3. 마키 : <MARQUEE> 4. 스타일 시트사용: [CSS] 4.1 CSS(Cascading Style Sheets) 적용 4.2 스타일 시트 명령어 4.3 스타일 시트 명령어 활용 2부 나모 웹에디터 CHAPTER 1 나모 웹에디터 개요 1. 나모 웹에디터의 특징 2. 나모 웹에디터 설치하기 3. 나모 웹에디터의 실행 3.1 나모 웹에디터의 시작 3.2 나모의 기본 작업 환경 3.3 나모의 편집 화면 설정 4. 나모 웹에디터의 종료 CHAPTER 2 문서 작성 1. 웹 문서의 특징 2. 새문서 작성과 저장 2.1 문서 작성 2.2 기호와 수평선 넣기 3. 문서 저장과 문서 닫기 3.1 문서 저장 방법 3.2 문서 닫기 3.3 문서 열기 4. 새글과 문서 편집 4.1 새 글 4.2 자르기 복사하기 붙이기 4.3 찾기 바꾸기 4.4 날짜 넣기 4.5 돌이킴 되돌이킴 5. 문서 속성 및 문서 정보 5.1 문서 정보 5.2 문서 속성 5.3 속성 바로보기 5.4 핵심어 설정하기 6. 글자 서식 6.1 글자 서식 설정 6.2 글자 속성 복사 7. 문단 서식 7.1 제목 설정 및 문단 정렬 7.2 문단과 목록 속성 7.3 들여쓰기() 7.4 목록 만들기 8. 문서 서식 9. 스타일 서식(Style Sheet) 10. 모두 저장하기 모두 닫기 CHAPTER 3 그림과 표의 삽입 1. 그림 삽입 1.1 클립아트 삽입 1.2 그림파일 삽입 1.3 문서 배경 그림 삽입 1.4 그림 문서의 저장 2. 표의 삽입 2.1 표 만들기 2.2 표의 크기 변경 2.3 셀 합치기 2.4 표 속성 설정 2.5 아기표 만들기 2.6 줄의 삽입과 삭제 2.7 표 지우기 CHAPTER 4 하이퍼링크 1. 하이퍼링크 만들기 1.1 글자에 하이퍼링크 만들기 1.2 E-mail 하이퍼링크 만들기 1.3 새창으로 뜨는 하이퍼링크 만들기 1.4 하이퍼링크 속성 1.5 문서로 하이퍼링크 연결 2. 책갈피 2.1 책갈피 만들기 2.2 책갈피의 수정 2.3 책갈피에 하이퍼링크 만들기 2.4 문서의 TOP으로 이동하는 책갈피 2.5 하이퍼링크와 스타일의 활용 - 하이퍼링크 밑줄 없애기 2.6 하이퍼링크와 스타일의 활용 - 호버 설정 CHAPTER 5 프레임 사용하기 1. 프레임과 프레임셋의 기본개념 1.1 리소스 관리자를 이용한 새 프레임셋 만들기 1.2 직접 프레임 나누는 방법 1.3 프레임 지우기 2. 프레임을 이용한 홈페이지 구성 2.1 프레임 셋의 구성 2.2 프레임에 문서 삽입 2.3 프레임 속성 및 프레임셋 문서 속성 2.4 하이퍼링크 만들기 2.5 프레임 저장하기 2.6 모든 프레임 저장 CHAPTER 6 그림 및 표의 응용 1. 그림 삽입과 그림 편집 1.1 그림 삽입 1.2 [바로보기]를 통한 그림 편집 1.3 그림 형식 변환 1.4 명도 대비 선명도 1.5 그림 자르기 2. 그림의 응용 2.1 투명한 gif 그림 2.2 롤오버 그림 만들기 2.3 이미지 맵 3. 포토 앨범 만들기 4. 스마트 버튼 만들기 5. 플래시 버튼 만들기 6. 레이아웃 표 CHAPTER 7 폼과 폼필드 1. 폼 개요 2. 폼 필드 3. 폼 작성 3.1 한 줄 글상자 3.2 펼침 목록 메뉴 3.3 라디오 단추 3.4 확인 상자 3.5 스크롤 글상자 3.6 누름 단추 3.7 폼 속성 4. 메일 보내기 CHAPTER 8 레이어와 멀티미디어 1. 레이어 2. 레이어 다루기 2.1 레이어 만들기 2.2 레이어 편집하기 2.3 레이어에 내용 입력하기 2.4 레이어 배경 꾸미기 2.5 레이어 겹치기와 레이어 목록 보기 3. 멀티미디어 4. 멀티미어 파일 삽입 4.1 플래시 삽입 4.2 애플릿 삽입 4.3 미디 삽입 CHAPTER 9 타임 라인과 액션 1. 타임 라인 2. 애니메이션 3. 액션과 이벤트 4. 액션 삽입 4.1 개체에 액션 삽입 4.2 타임 라인에 액션 넣기 CHAPTER 10 스크립트 1. 스크립트 2. 스크립트 마법사 2.1 텍스트 메뉴 2.2 펼침 목록 메뉴 2.3 펼침 메뉴 2.4 전환 효과 2.5 떠있는 레이어 만들기 2.6 움직이는 텍스트 2.7 롤오버 그림 2.8 애니메이션 효과 2.9 링크 이동 단추 2.10 순환 배너 2.11 새 윈도우 열기 2.12 텍스트 시계 넣기 CHAPTER 11 웹 사이트 만들기 1. 웹 사이트 2. 사이트 템플릿 2.1 사이트 마법사 1단계(템플릿 선택) 2.2 사이트 마법사 2단계(구조 변경) 2.3 사이트 마법사 3단계(테마 선택) 2.4 사이트 마법사 4단계(사이트 정보 입력) 2.5 사이트 마법사 5단계 - 출판하기 CHAPTER 12 사이트 관리와 출판하기 1. 사이트 관리자 2. 사이트 관리 2.1 새 사이트 만들기 2.2 사이트 저장 2.3 사이트 닫기 2.4 사이트 열기 3. 기존의 홈페이지를 웹 사이트로 만들기 4. 출판하기 4.1 웹 서버에 대한 설정 4.2 웹 서버에 연결 4.3 웹 서버로 업로드 5. 웹 서버의 파일 다루기 5.1 웹 서버에서 파일 가져오기 5.2 웹 서버에 있는 파일 지우기 </div> </div> </div> </div> </form> <div class="footer"> <div class="copyright"> <ul> <li class="comName">내하 출판사</li> <li>사업자등록번호 : 209-90-23557</li> <li>주소 : 서울특별시 용산구 한강대로104라길 3 (후암동) 4층 </li> <li>전화 : 02-775-3241~5</li> <li>팩스 : 02-775-3246</li> <li>메일 : naeha@naeha.co.kr</li> <li>Copyrightⓒ 2016 Naeha corp., All rights reserved.</li> </ul> </div> </div> <script type="text/javascript"> (function($) { $.expr[":"].Contains = function(a, i, m) { return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase()) >= 0; }; function filterList(header, list) { var form = $("<form>").attr({ "class":"filterform", action:"#" }), input = $("<input>").attr({ "class":"filterinput", type:"text" }); $(form).append(input).appendTo(header); $(input).change(function() { var filter = $(this).val(); if (filter) { $matches = $(list).find("a:Contains(" + filter + ")").parent(); $("li", list).not($matches).slideUp(); $matches.slideDown(); } else { $(list).find("li").slideDown(); } return false; }).keyup(function() { $(this).change(); }); } $(function() { filterList($("#form"), $("#demo-list")); }); })(jQuery); </script> </body> </html>