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 속성 하이퍼텍스트(HyperText) 문서 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 형식 HTML 서비스 하이퍼텍스트를 위한 표시를 달아 놓은 markup 형태 URL을 요구 웹 브라우저는 이 문서를 분석하여 브라우저 내에 지정된 형식으로 그림
HTML 문서의 예 <HTML> <HEAD> <TITLE>중앙대학교 경영대학</TITLE> </HEAD> <BODY> <CENTER> <IMG SRC="homepage.gif"> <HR> 서울 동작구 흑석동 221 / TEL 02-820-5535 / FAX 02-813-8910 <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 HTTP 인터넷 웹 클라이언트 HTML 문서 웹 서버 ... </HTML> HTTP 인터넷 웹 클라이언트 HTML 문서 웹 서버