WWW(World Wide Web)

Transcript WWW(World Wide Web)

World Wide Web
중앙대학교
안봉현
2006. 4
WWW(World Wide Web)
 WWW(World Wide Web)배경
 그림, 영상, 소리 등 멀티미디어 데이터 확장
 다양한 사용자가 쉽게 컴퓨터에 접근
 사용자 인터페이스 GUI(Graphic User Interface)방식으로
WYSIWYG(What You See Is What You Get)개념 출현
 인터넷 서비스의 통합환경 지원
WWW 기본개념 (1)
 WWW 속성
 HTTP(HyperText Transfer Protocol)
 GUI 방식의 사용자 인터페이스
 하이퍼텍스트(HyperText) 문서
 한 문서의 내용 중에서 다른 문서나 다른 자료를 참조하는
부분을 통해 원하는 다른 문서나 자료를 제공 받음
 그림이나 영상, 소리 등을 문서에 포함
WWW 기본개념 (2)
 웹 브라우저(Web Browser)
 하이퍼텍스트 문서를 접근하고 다른 문서를 참조할 수 있도
록 지원하는 프로그램
 종류 : 모자이크(Mosaic), 넷스케이프(Netscape), 인터네트
익스플로러(Internet Explorer)
 링스(Lynx)
• 텍스트 기반으로 웹 서비스를 제공
• 네트워크 부하를 줄여줄 뿐만 아니라 빠른 정보검색을 지원
WWW 기본개념 (3)
 웹 서비스의 특징
 CERN(the Center for European Particle Physics) 연구소의
주도하에 만들어짐
 인터넷 상의 모든 자료 및 서비스 자원이 서로간에 일종의
연결 관계만 가지고 있으면 하이퍼텍스트 프로토콜에 의하
여 자유롭게 접근가능하며 열람
 적절한 연결고리를 통하여 인터네트의 모든 지역에 분산되
어 있는 다양한 정보 얻음
WWW 기본개념 (4)
(1) 하이퍼텍스트(HyperText)
 임의적 접근(Random access)이라는 성질을 활용  링
크(link) 구성
 하이퍼링크(Hyper Link)
 문서간 이동이나 한 문서 내에서의 이동을 위해 사용되는 링크
WWW 기본개념 (5)
 특징
 하이퍼텍스트는 단순한 텍스트의 범위보다 더 확장된 상위
개념의 텍스트를 제공
 소리, 영상, 이미지 등의 데이터들도 문서에 담을 수 있으며
문서 제공
 문서간 또는 문서의 부분간의 링크를 통해 통합적인 문서구
조를 구성
 인터네트 상에 분산되어 있는 정보들로 쉽게 이동
WWW 기본개념 (6)
(2) HTTP(HyperText Transfer Protocol)
 웹 서비스의 기반을 이루는 프로토콜
: HTTP  FTP : TCP/IP 프로토콜
 HTTP 프로토콜
 클라이언트-서버 모델(Client-Server Model)
 하이퍼텍스트를 빠르고 효율적으로 전송
WWW 기본개념 (7)
(3) URL(Uniform Resource Locator)
 URL
 웹 서비스를 제공할 때 여러 가지 자원들에 대한 주소
 IP 주소 : 인터넷 상에 연결된 호스트 주소
 호스트에 있는 파일이나 문서에 대한 주소
 IP 주소와 해당 호스트 상에서의 문서의 위치와 이름, 사용
하는 프로토콜까지 규정
WWW 기본개념 (8)
 지원하는 접근 프로토콜
 하이퍼텍스트 프로토콜(HTTP)
 파일 전송 규약(FTP)
 사용 형식
접근 프로토콜://IP 주소/문서의 경로/문서이름
• 자료를 접근할 프로토콜과 접속할 호스트 이름, 그 자료 파일
이 존재하는 경로, 그리고 파일 이름
WWW 기본개념 (9)
 URL의 예
 http://biz.cau.ac.kr/aboutus/ideal.php
 ftp://ftp.cau.ac.kr/pub/file.txt
WWW 기본개념 (10)
(4) HTML(HyperText Markup Language)
 HTML
 하이퍼텍스트 문서를 작성하는 언어
 하이퍼텍스트 링크 문서 제공
 그림과 영상 그리고 소리 등의 멀티미디어 정보를 통합적으
로 제공, 동적인 문서 구성
 Tag 를 이용한 문서작성
WWW 기본개념 (11)
 HTML 사용법
 소스보기 : 브라우저의 Source라는 메뉴
 확장자 : ‘.html’ ‘.htm’
 URL의 입력
WWW 기본개념 (12)
 HTML 형식
 하이퍼텍스트를 위한 표시를 달아 놓은 markup 형태
 HTML 서비스
 URL을 요구
 웹 서비스를 제공하는 호스트의 웹 서버는 그에 상응하는
HTML 문서를 텍스트로 전송
 웹 브라우저는 이 문서를 분석하여 브라우저 내에 지정된 형
식으로 그림
HTML 문서의 예
<HTML>
<HEAD> <TITLE>중앙대학교 경영대학</TITLE> </HEAD>
<BODY>
<CENTER>
<IMG SRC="homepage.gif">
<HR>
서울 동작구 흑석동 221 / TEL 02-820-5535 / FAX 02-813-8910
<HR>
<A HREF=http://biz.cau.ac.kr/paper.html>논문</a>
<A HREF=http://biz.cau.ac.kr/address.html>주소록</a>
</center>
</BODY>
</HTML>
웹 서비스 (1)
 발전과정
 1989년 유럽 분자물리학 연구소인 CERN에서 그래픽 정보
를 전송하기 위하여 개발
 1993년 미국의 일리노이 대학에서 훌륭한 그래픽 사용자 인
터페이스인 Mosaic이라는 웹 브라우저가 개발
 Mosaic의 기능을 보강하고 단점을 개선한 상업용 웹 브라우
저인 넷스케이프가 개발
웹 서비스 (2)
 웹 브라우저 실행




미리 설정해 놓은 홈 페이지로 자동 접속
웹 서비스는 HTTP 프로토콜에 따라 작성된 문서단위로 제공
한 문서를 스크롤 방식으로 사용자에게 보여줌 : 페이지
하나의 웹 서버에 여러 개의 웹 페이지 존재
넷스케이프 커뮤니케이터와 인터넷 익스플로러
웹 서비스 (3)
 웹 브라우저의 사용법
 마우스를 사용하여 현재 문서 안에 존재하는 링크를 클릭
 하이퍼텍스트 링크
• 파란색의 밑줄이 있는 문자로 표시
• 마우스로 클릭하면 링크에 지정된 문서로 이동
• 이미지로도 지정할 수 있음
HTML 과 HTTP 의 동작원리
HTTP
웹 서버
HTTP
<HTML>
...
</HTML>
HTTP
웹 클라이언트
웹 서버
인터넷
HTML 문서

WWW(World Wide Web)

Transcript WWW(World Wide Web)

Directory