준비학습: 인터넷 과 웹 01장. 인터넷 이해하기 02장. 홈페이지를 만들기 전에.

Presentation on theme: "준비학습: 인터넷 과 웹 01장. 인터넷 이해하기 02장. 홈페이지를 만들기 전에."— Presentation transcript:

1 준비학습: 인터넷 과 웹 01장. 인터넷 이해하기 02장. 홈페이지를 만들기 전에

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

3 인터넷 이해하기 – 인터넷이란? 인터넷이란? 망(Network)들의 망, 망들의 결합체

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

5 인터넷 이해하기 – 인터넷이란? WWW : 문자, 이미지 등을 포함한 문서를 제공 FTP : 파일 송수신 서비스 메일 서비스 Usenet : 뉴스그룹 서비스 Telnet : 원격지 접속 Chatting : 채팅 서비스

6 HTML(Hyper-Text Markup language)
인터넷 이해하기 – 도메인명과 URL [WWW와 HTML] www(World-Wide-Web) HyperText HyperLink HTML(Hyper-Text Markup language) <Tag>로 구성 확장자 htm, html

7 도메인명(Domain Name): 서버이름
인터넷 이해하기 – 도메인명과 URL [IP 주소와 도메인명] IP 주소: 컴퓨터 고유 넘버 도메인명(Domain Name): 서버이름 DNS(Domain Name Server): 도메인 이름을 IP 주소로 변경하기 위해 사용된다. 사용자 PC의 웹 브라우저 DNS 웹 서버

8 인터넷 이해하기 – 도메인명과 URL [기관의 성격코드] COM : company, 영리를 목적으로 하는 업체 NET : network,네트워크 관리 기구 EDU : education, 교육기관 GOV : government, 정부기관 MIL : military, 군사기관 ORG : organization, 비영리기관

9 인터넷 이해하기 – 도메인명과 URL [국가코드] Kr 대한민국 Jp 일본 Uk 영국 De 독일 Tw 대만 Ru 러시아 Fr 프랑스 Ca 캐나다

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

11 Uniform Resource Locator 형식
인터넷 이해하기 – 도메인명과 URL [URL] Uniform Resource Locator 형식 프로토콜://호스트주소[포트번호]/파일의 전체경로/파일이름 예

12 HTTP(HyperText Transfer Protocol)
인터넷 이해하기 – 도메인명과 URL [프로토콜] 네트워크에서 사용하는 인터넷 표준 규약 TCP/IP : 프로토콜의 하나 인터넷에 참여하기 위해서 준수해야 할 규칙 HTTP(HyperText Transfer Protocol) 프로토콜 : http, gopher, wais, ftp, news, mailto, telnet

13 포탈은 으리으리한 집의 현관이나 정문 또는 터널의 입구를 가리키는 말이다.
인터넷 이해하기 – 도메인명과 URL [포탈 사이트] 포탈은 으리으리한 집의 현관이나 정문 또는 터널의 입구를 가리키는 말이다. 최근 웹사이트의 관문(關門)이라는 의미를 갖는 새로운 용어로 사용되고 있다. 사용자들이 웹에 접속할 때 제일 먼저 나타나거나 가장 많이 머무르는 사이트로 웹 서핑을 시작하는 주요 사이트를 의미한다.

14 허락받지 않고 아무에게나 마구잡이로 살포하는 상업적 광고메일
인터넷 이해하기 – 도메인명과 URL [스팸 메일] 허락받지 않고 아무에게나 마구잡이로 살포하는 상업적 광고메일 일명 UCE(Unsolicited Commercial ) Junk(잡동사니) 메일이라고도 한다. 스팸 메일은 전자 우편 주소를 가진 사람에게 무차별적으로 배달되어 원치 않는 사람들에게 많은 시간과 비용 낭비를 초래한다.

15 POP3 : 받는 메일 서버 (Post Office Protocol3)
인터넷 이해하기 – 도메인명과 URL [이메일] 형식 서비스 업체의 컴이름 계정(Account) SMTP : 보내는 메일 서버 POP3 : 받는 메일 서버 (Post Office Protocol3)

16 File Transfer Protocol의 약자 FTP 프로그램 : Ws-Ftp, CuteFtp, LeapFtp
인터넷 이해하기 – 도메인명과 URL [FTP 사이트] File Transfer Protocol의 약자 FTP 프로그램 : Ws-Ftp, CuteFtp, LeapFtp 웹브라우저로 개인계정에 업로드하는 법

17 주제별로 분류된 일련의 “뉴스그룹”으로 구성 뉴스그룹 이름
인터넷 이해하기 – 도메인명과 URL [유즈넷(USENET)] 게시판에서 주제별 토론 및 회의를 하는 곳 주제별로 분류된 일련의 “뉴스그룹”으로 구성 뉴스그룹 이름 Han.announce : 모든 한국 유즈넷 독자 대상 Han.test : 뉴스 포스팅 시험 ISP별 뉴스서버(NNTP) 신비로 news.shinbiro.com 유니텔 news.unitel.co.kr

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

19 인터넷 이해하기 – 도메인명과 URL [분야별 한글뉴스그룹 목록B] Han.arts : 예술 Han.rec : Recreation Han.school : 학교 Han.sci : 과학 Han.sco : 사회 Han.soc.religion : 종교 Han.talk : 토론 Han.misc : 기타 그룹

20 인터넷 익스플로러와 같은 웹 브라우저를 도와 웹 브라우저 자체의 기능인 것처럼 만들어주는 도우미 프로그램이다.
인터넷 이해하기 – 도메인명과 URL [플러그인(Plus-In)] 인터넷 익스플로러와 같은 웹 브라우저를 도와 웹 브라우저 자체의 기능인 것처럼 만들어주는 도우미 프로그램이다. 분명히 다른 회사에서 만들었고, 따로 설치를 해주어야 하지만 웹 브라우저 내에서 움직이기 때문에 외부 프로그램이라는 인식을 할 수 없을 정도이다. 매크로미디어의 쇽 웨이브와 플래시가 그 대표적인 예다.

21 [클라이언트측 페이지 동작 원리] 인터넷 이해하기 – 웹 페이지 동작 원리 1. Request(요청) LINUX or
Window 2000 2. Response(응답) 3. 해석 Client(Local Computer) 사용자 PC Web Server(Remote Computer) 서버

22 [서버측 페이지 동작 원리] 인터넷 이해하기 – 웹 페이지 동작 원리 1. Request(요청) 5. 해석 4. 응답
LINUX or Window2000 ㄴ 5. 해석 Client(Local Computer) 사용자 PC Web Server(Remote Computer) 서버 4. 응답 2. 해석 3. 변환 일반 HTML 문서 IIS(ASP.DLL)

23 인터넷 이해하기 – 웹 페이지 동작 원리 문서 정적 페이지(static page) 동적 페이지(dynamic page) 구분
처리 방식 통신 방식 해석위치 웹사이트 운영면 활용 분야 제작 기술 클라이언트측 페이지 수동적, 고정적 클라이언트에서 고정페이지를 전송받는 단방향 통신 클라이언트측 내용을 변경하려면 일일이 편집해야 하므로 비효율적. 내용이 변하지 않는 일반 문서 HTML, CSS, 자바스크립트 서버측 페이지 사용자의 입력을 실시간으로 처리 서버와 클라이언트 사이의 양방향 통신 서버측 내용이 추가되어도 문서를 재편집할 필요가 없어 효율적. 내용이 수시로 변하는 게시판, 설문조사, 회원가입, 검색엔진 등 PHP, ASP, JSP

24 인터넷 이해하기 – 웹 문서 제작 표준 언어의 변천 과정
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)

25 인터넷 이해하기 – 웹 문서 제작 표준 언어의 변천 과정
HTML SGML XML 사용자 정의 불가능, 제한적 사용자 정의 가능, 무제한적 사용자 정의 가능, SGML보다는 제한적 불가능 가능 단순한 구조의 문서 및 내용이 길지 않은 문서 방대한 내용과 구조를 요하는 기술적인 문서 SGML과 동일 웹상의 교환문서 간단하고 용이함 논리 구조 작성의 어려움 매우 복잡함 SGML을 단순화시켜 편리하게 작성 가능 효과적인 검색이 어려움 정확한 검색 가능 문서 구조에 대한 검색 가능 HyTime XLL 구분 태그 사용 문서의 재사용 응용 분야 문서작성 링크 출력형식 언어 문서검색 CSS DSSSL XSL

26 오페라 소프트웨어(Opera Software)의 Opera 마이크로소프트의 인터넷 익스플로러 AOL의 넷스케이프 네비게이터
인터넷 이해하기 – 웹 브라우저 [종류] NCSA의 모자이크 오페라 소프트웨어(Opera Software)의 Opera 마이크로소프트의 인터넷 익스플로러 AOL의 넷스케이프 네비게이터 선 마이크로 시스템의 Hot Java

27 인터넷 이해하기 – 웹 브라우저 구분 메뉴 단축 키 사이트 동시 접속 [파일 → 새로 만들기 → 창] Ctrl + N
링크 문서 새 창으로 열기 - Shift+링크클릭 원하는 단어를 찾을 때 [편집 → 이 페이지에서 찾기] Ctrl + F 자주 방문하는 사이트 등록 [즐겨찾기 → 즐겨찾기에 추가] Ctrl + B 원본 문서 다시 읽어오기 [보기 → 새로 고침] F5 주소 창 바로가기 ALT + D 페이지 다운 Space 페이지 업 Shift + Space 현재 페이지 저장 [파일 → 다른 이름으로 저장] 이미지 파일 저장 팝업 메뉴[다른 이름으로 그림저장] 링크 주소 복사 팝업 메뉴 [바로가기 복사] 소스보기 [보기 → 소스] 즐겨찾기 메뉴 관리 [파일 → 가져오기 및 내보내기] 환경설정 [도구 → 인터넷 옵션]

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

29 문제 해답을 찾기 위한 접근 방법을 결정한다. (검색엔진, 데이터베이스, 기타방법)
인터넷 이해하기 – 정보검색 [문제접근방법] 문제를 분석하고 이해한다. 단서를 찾아 정리한다. (고유명사, 구 유리) 문제 해답을 찾기 위한 접근 방법을 결정한다. (검색엔진, 데이터베이스, 기타방법) 검색결과에서 문제에 가장 근접하게 링크된 정보가 요약된 사이트로 이동한다. 정답을 확인한다.

30 검색엔진은 사용자가 요구하는 정보를 ‘검색로봇’을 이용하여 정보를 찾아 제공한다.
인터넷 이해하기 – 정보검색 [검색엔진이란?] 검색엔진은 사용자가 요구하는 정보를 ‘검색로봇’을 이용하여 정보를 찾아 제공한다. 검색로봇의 DB구축으로 인한 네트워크 트래픽이 발생하므로 서버의 성능이 저하되는단점도 있다.

31 [검색엔진의 종류] 주제별 검색 : yahoo.com 단어별 검색 : altavista.com 전문 데이터베이스
인터넷 이해하기 – 정보검색 [검색엔진의 종류] 주제별 검색 : yahoo.com 단어별 검색 : altavista.com 전문 데이터베이스 프로그램 검색 : Download.com 영화전문검색 : imdb.com 음악정보검색 : worldwidemusic.com