준비학습 : 인터넷 과 웹

31
01 학학 학학 : 학학학학 : 학학학 학 학 01 학 . 학학학 학학학학 02 학 . 학학학학학 학학학 학학

Upload: tryna

Post on 06-Jan-2016

75 views

Category:

Documents


0 download

DESCRIPTION

준비학습 : 인터넷 과 웹. 01 장 . 인터넷 이해하기 02 장 . 홈페이지를 만들기 전에. 01 장 . 인터넷 이해하기. 인터넷이란 도메인명과 URL 웹 페이지 동작 원리 웹 문서 제작 표준 언어의 변천 과정 웹 브라우저 소개. 인터넷 이해하기 – 인터넷이란 ?. 인터넷이란 ? 망 (Network) 들의 망 , 망들의 결합체. 인터넷 이해하기 – 인터넷이란 ?. 1969 미 국방성 알파넷 (ARPANET) 등장 1972 이메일 탄생 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 준비학습 :  인터넷 과 웹

01

학습 내용

: 준비학습 : 인터넷 과 웹

01 장 . 인터넷 이해하기02 장 . 홈페이지를 만들기 전에

Page 2: 준비학습 :  인터넷 과 웹

01

학습 내용

: 01 장 . 인터넷 이해하기

인터넷이란도메인명과 URL 웹 페이지 동작 원리 웹 문서 제작 표준 언어의 변천 과정웹 브라우저 소개

Page 3: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

인터넷이란 ?

망 (Network) 들의 망 , 망들의 결합체

인터넷 이해하기 – 인터넷이란 ?

Page 4: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

1969 미 국방성 알파넷 (ARPANET) 등장1972 이메일 탄생1974 인터넷 (Internet) 용어 처음 사용1975 TCP/IP 개발 , 시운전 개시1979 USENET 구축 (net* 뉴스그룹 생성 )1983 Apple, LISA 컴퓨터 (GUI 탑제 최초 PC) 발표1991 팀 버너스 리에 의해 WWW 개발1993 상용 인터넷 서비스 개시 1994 넷스케이프 네비게이터 1.0 발표 1995 본격 상업화 , 대중화 , 정보 고속화

인터넷 이해하기 – 인터넷이란 ?

Page 5: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

WWW : 문자 , 이미지 등을 포함한 문서를 제공

FTP : 파일 송수신 서비스E-Mail : 메일 서비스Usenet : 뉴스그룹 서비스Telnet : 원격지 접속 Chatting : 채팅 서비스

인터넷 이해하기 – 인터넷이란 ?

Page 6: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[WWW 와 HTML]www(World-Wide-Web)HyperTextHyperLinkHTML(Hyper-Text Markup language)

<Tag> 로 구성 확장자 htm, html

인터넷 이해하기 – 도메인명과 URL

Page 7: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[IP 주소와 도메인명 ]IP 주소 : 컴퓨터 고유 넘버도메인명 (Domain Name): 서버이름DNS(Domain Name Server): 도메인

이름을 IP 주소로 변경하기 위해 사용된다 .

사용자 PC 의웹 브라우저 웹 서버DNS

인터넷 이해하기 – 도메인명과 URL

Page 8: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 기관의 성격코드 ]COM : company, 영리를 목적으로 하는 업체NET : network, 네트워크 관리 기구EDU : education, 교육기관GOV : government, 정부기관MIL : military, 군사기관ORG : organization, 비영리기관

인터넷 이해하기 – 도메인명과 URL

Page 9: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 국가코드 ]Kr 대한민국Jp 일본Uk 영국De 독일Tw 대만Ru 러시아Fr 프랑스Ca 캐나다

인터넷 이해하기 – 도메인명과 URL

Page 10: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[KrNIC 도메인 기관코드 ]Ac : academy, 교육기관Co : company, 영리를 목적으로 하는 업체Go : govermment, 정부기관Ne : network, 네트워크 관리 기구Or : organization, 비영리기관Re : research, 연구기관

인터넷 이해하기 – 도메인명과 URL

Page 11: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[URL]Uniform Resource Locator형식

프로토콜 :// 호스트주소 [ 포트번호 ]/ 파일의 전체경로 /파일이름

예http://www.mbc.co.kr/news/news7.htm

인터넷 이해하기 – 도메인명과 URL

Page 12: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 프로토콜 ]네트워크에서 사용하는 인터넷 표준 규약TCP/IP : 프로토콜의 하나

인터넷에 참여하기 위해서 준수해야 할 규칙

HTTP(HyperText Transfer Protocol)프로토콜 : http, gopher, wais, ftp, news,

mailto, telnet

인터넷 이해하기 – 도메인명과 URL

Page 13: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 포탈 사이트 ]포탈은 으리으리한 집의 현관이나 정문 또는

터널의 입구를 가리키는 말이다 .최근 웹사이트의 관문 ( 關門 ) 이라는 의미를

갖는 새로운 용어로 사용되고 있다 .사용자들이 웹에 접속할 때 제일 먼저

나타나거나 가장 많이 머무르는 사이트로 웹 서핑을 시작하는 주요 사이트를 의미한다 .

인터넷 이해하기 – 도메인명과 URL

Page 14: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 스팸 메일 ]허락받지 않고 아무에게나 마구잡이로 살포하는

상업적 광고메일일명 UCE(Unsolicited Commercial E-mail)Junk( 잡동사니 ) 메일이라고도 한다 .스팸 메일은 전자 우편 주소를 가진 사람에게

무차별적으로 배달되어 원치 않는 사람들에게 많은 시간과 비용 낭비를 초래한다 .

인터넷 이해하기 – 도메인명과 URL

Page 15: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 이메일 ]형식

사용자 ID@ 인터넷 서비스 업체의 컴이름 [email protected] [email protected] [email protected]

계정 (Account)SMTP : 보내는 메일 서버POP3 : 받는 메일 서버 (Post Office Protocol3)

인터넷 이해하기 – 도메인명과 URL

Page 16: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[FTP 사이트 ]File Transfer Protocol 의 약자FTP 프로그램 : Ws-Ftp, CuteFtp, LeapFtp웹브라우저로 개인계정에 업로드하는 법

ftp:// 사용자아이디 : 비밀번호 @ 호스트 Full주소

인터넷 이해하기 – 도메인명과 URL

Page 17: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 유즈넷 (USENET)]게시판에서 주제별 토론 및 회의를 하는 곳주제별로 분류된 일련의 “뉴스그룹”으로 구성뉴스그룹 이름

Han.announce : 모든 한국 유즈넷 독자 대상 Han.test : 뉴스 포스팅 시험

ISP 별 뉴스서버 (NNTP) 신비로 news.shinbiro.com 유니텔 news.unitel.co.kr

인터넷 이해하기 – 도메인명과 URL

Page 18: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 분야별 한글뉴스그룹 목록 A]Han.binaries : binary 파일을 게시팔 수 있는 그룹Han.comp.lang : 컴퓨터 언어Han.comp.os : Operating SystemHan.comp.periphs : 컴퓨터 주변장치Han.comp.sys : 컴퓨터 시스템Han.comp.www : 인터넷Han.net : 네트워크Han.news : 유즈넷 ( 뉴스그룹 )

인터넷 이해하기 – 도메인명과 URL

Page 19: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 분야별 한글뉴스그룹 목록 B]Han.arts : 예술Han.rec : RecreationHan.school : 학교Han.sci : 과학Han.sco : 사회Han.soc.religion : 종교Han.talk : 토론Han.misc : 기타 그룹

인터넷 이해하기 – 도메인명과 URL

Page 20: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 플러그인 (Plus-In)]인터넷 익스플로러와 같은 웹 브라우저를 도와

웹 브라우저 자체의 기능인 것처럼 만들어주는 도우미 프로그램이다 .

분명히 다른 회사에서 만들었고 , 따로 설치를 해주어야 하지만 웹 브라우저 내에서 움직이기 때문에 외부 프로그램이라는 인식을 할 수 없을 정도이다 .

매크로미디어의 쇽 웨이브와 플래시가 그 대표적인 예다 .

인터넷 이해하기 – 도메인명과 URL

Page 21: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹 L

INU

X or

Window

2000

1. Request( 요청 )

2. Response(응답 )

Client(Local Computer)사용자 PC

Web Server(Remote Computer)서버

인터넷 이해하기 – 웹 페이지 동작 원리

[ 클라이언트측 페이지 동작 원리 ]

3. 해석

Page 22: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

LIN

UX

or W

indow20

00ㄴ

1. Request( 요청 )

Client(Local Computer)사용자 PC

IIS(ASP.DLL)

2. 해석

Web Server(Remote Computer)서버

일반 HTML 문서3. 변환

4. 응답

인터넷 이해하기 – 웹 페이지 동작 원리

[ 서버측 페이지 동작 원리 ]

5. 해석

Page 23: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

문서 정 적 페 이 지 (static page)

동적 페이지 (dynamic page)

구분

처리 방식

통신 방식

해석위치

웹사이트 운영면

활용 분야

제작 기술

클라이언트측 페이지

수동적 , 고정적

클 라 이 언 트 에 서 고 정 페 이 지 를 전 송 받 는 단방향 통신클라이언트측

내용을 변경하려면 일일이 편집해야 하므로 비효율적 .

내 용 이 변 하 지 않 는 일반 문서

HTML, CSS, 자바스크립트

서버측 페이지

사용자의 입력을 실시간으로 처리

서버와 클라이언트 사이의 양방향 통신

서버측

내 용 이 추 가 되 어 도 문 서 를 재편집할 필요가 없어 효율적 .

내용이 수시로 변하는 게시판 , 설문조사 , 회원가입 , 검색엔진 등PHP, ASP, JSP

인터넷 이해하기 – 웹 페이지 동작 원리

Page 24: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

SGML(Standard Generalized Markup Language) 1986년 ISO 에서 지정한 문서 처리 표준의 하나이며 ,

프로그래밍 언어는 아니다 . HTML(Hyper Text Markup Language)

1989년도에 CERN 에 있던 팀 버너스 리가 개발 . 웹에서 사용하는 표준 언어로 HTML 4.0 은 HTML 의

최신 버전이다 .XML(eXtensible Markup Language)

1996년 W3C 에서 제안하였으며 SGML 의 장점과 HTML 의 장점을 수용하여 만든 언어다 .

XHTML (Extensible Hypertext Markup Language)

VRML(Virtual Reality Modeling Language)

인터넷 이해하기 – 웹 문서 제작 표준 언어의 변천 과정

Page 25: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

HTML SGML XML

사용자 정의 불가능 , 제한적

사 용 자 정 의 가 능 , 무제한적

사 용 자 정 의 가 능 , SGML 보다는 제한적

불가능 가능 가능

단순한 구조의 문서 및 내용이 길지 않은 문서

방대한 내용과 구조를 요하는 기술적인 문서

SGML 과 동일웹상의 교환문서

간단하고 용이함논리 구 조 작 성 의 어려움

매우 복잡함 SGML 을 단순화시켜 편리하게 작성 가능

효 과 적 인 검 색 이 어려움

정확한 검색 가능문서 구조에 대한 검색 가능

SGML 과 동일

HTML HyTime XLL

구분

태그 사용

문서의 재사용

응용 분야

문서작성

링크

출력형식 언어

문서검색

CSS DSSSL XSL

인터넷 이해하기 – 웹 문서 제작 표준 언어의 변천 과정

Page 26: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 종류 ]NCSA 의 모자이크오페라 소프트웨어 (Opera Software) 의

Opera마이크로소프트의 인터넷 익스플로러AOL 의 넷스케이프 네비게이터선 마이크로 시스템의 Hot Java

인터넷 이해하기 – 웹 브라우저

Page 27: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

구분 메뉴 단축 키사이트 동시 접속 [ 파일 → 새로 만들기 → 창 ] Ctrl + N

링크 문서 새 창으로 열기 - Shift+링크클릭

원하는 단어를 찾을 때 [ 편집 → 이 페이지에서 찾기 ] Ctrl + F

자주 방문하는 사이트 등록 [ 즐겨찾기 → 즐겨찾기에 추가 ] Ctrl + B

원본 문서 다시 읽어오기 [ 보기 → 새로 고침 ] F5

주소 창 바로가기 - ALT + D페이지 다운 - Space페이지 업 - Shift + Space

현재 페이지 저장 [ 파일 → 다른 이름으로 저장 ] -

이미지 파일 저장 팝업 메뉴 [ 다른 이름으로 그림저장 ]

-

링크 주소 복사 팝업 메뉴 [ 바로가기 복사 ] -소스보기 [ 보기 → 소스 ] -

즐겨찾기 메뉴 관리 [ 파일 → 가져오기 및 내보내기 ] -

환경설정 [ 도구 → 인터넷 옵션 ] -

인터넷 이해하기 – 웹 브라우저

Page 28: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 정보검색법 ]검색엔진을 이용한 검색방법 데이터베이스 사용방법 원하는 사이트로 바로 접속하는 방법

인터넷 이해하기 – 정보검색

Page 29: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 문제접근방법 ]문제를 분석하고 이해한다 .단서를 찾아 정리한다 . ( 고유명사 , 구 유리 ) 문제 해답을 찾기 위한 접근 방법을 결정한다 .

( 검색엔진 , 데이터베이스 , 기타방법 ) 검색결과에서 문제에 가장 근접하게 링크된

정보가 요약된 사이트로 이동한다 . 정답을 확인한다 .

인터넷 이해하기 – 정보검색

Page 30: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 검색엔진이란 ?]검색엔진은 사용자가 요구하는 정보를 ‘검색로봇’을 이용하여 정보를 찾아 제공한다 . 검색로봇의 DB 구축으로 인한 네트워크

트래픽이 발생하므로 서버의 성능이 저하되는단점도 있다 .

인터넷 이해하기 – 정보검색

Page 31: 준비학습 :  인터넷 과 웹

Section01

인터넷과 웹

[ 검색엔진의 종류 ]주제별 검색 : yahoo.com단어별 검색 : altavista.com전문 데이터베이스

프로그램 검색 : Download.com 영화전문검색 : imdb.com 음악정보검색 : worldwidemusic.com

인터넷 이해하기 – 정보검색