Download presentation
Presentation is loading. Please wait.
1
인터넷의 작동 원리 PARSONS/OJA 인터넷
2
인터넷의 작동 원리 8.1절 미리 보기 전화선을 통하여 ISP (인터넷서비스사업자)에 연결하며, 이어서 인터넷 백본에 접속되어 있는 NSP (통신망서비스사업자)에 연결이 되는 과정 IP 주소, 도메인 이름, URL, 그리고 주소 사이의 차이점 배울 주제: Page 8-1
3
인터넷의 작동 원리 Cyberspace : 컴퓨터 세계에서 컴퓨터가 만들어 낸 상상의 이미지
1984년에 윌리엄 깁슨이 고안해 낸 용어. 전세계 정보망에 관한 글을 쓰는 저널리스트들이 유행시켰다. Page 8-1
4
인터넷의 작동 원리 인터넷은 데이터를 교환하고 처리할 일을 분산시키기 위하여 함께 연결된, 작은 지역이나 꽤 넓은 지역, 더 나아가 국가 전체의, 컴퓨터 통신망의 집합체이다. Page 8-2
5
ARPANET은 1969년에 만들어졌으며, 네 개의 대학교에 있는 컴퓨터를 연결하였다.
인터넷의 과거와 현재 인터넷은 어떻게 시작되었는가? Advanced Research Projects Agency (ARPA) 는 과학자들이 귀중한 자원을 서로 교환하고 공유하는 것을 돕기 위해 미국 정부가 1957년에 설립하였다. ARPANET은 1969년에 만들어졌으며, 네 개의 대학교에 있는 컴퓨터를 연결하였다. 미국립과학재단(NSF)은 ARPANET 기술을 이용하여 많은 사이트의 근거리 통신망 전체를 서로 연결하였으며, 이것이 인터넷 이 되었다. Page 8-3
6
NSF의 단순한 인터네트워크 (internetwork) 망이 확장되어, 전 세계의 컴퓨터를 연결하는 지금의 인터넷이 되었다.
인터넷의 과거와 현재 인터넷은 어떻게 시작되었는가? NSF의 단순한 인터네트워크 (internetwork) 망이 확장되어, 전 세계의 컴퓨터를 연결하는 지금의 인터넷이 되었다. Page 8-3
7
인터넷의 성장 1980년 1997년 컴퓨터 200대 컴퓨터 170만대 194개 국가에 5700만 여명 미국에 1,500만 가정
인터넷은 얼마나 큰가? 1980년 컴퓨터 200대 1997년 컴퓨터 170만대 194개 국가에 5700만 여명 미국에 1,500만 가정 캐나다에 70만 가정 매일 33,000명의 새로운 사용자 Page 8-3 Figure 8-2
8
인터넷 부하(internet traffic) : 인터넷의 주 컴퓨터에서 다른 컴퓨터로 전송되는 바이트의 수
인터넷의 성장 인터넷은 얼마나 큰가? 인터넷 부하(internet traffic) : 인터넷의 주 컴퓨터에서 다른 컴퓨터로 전송되는 바이트의 수 테라바이트(terabyte) : 1,000,000,000,000 바이트 엑사바이트(exabyte) :100경(1018) 바이트 NOTE: 1997년 현재, 인터넷 통신량은 일주일에 100 테라바이트를 넘었다. Page 8-3
9
인터넷 백본(internet backbone) : 다음과 같은 통신 수단을 이용하여 연결된 주 인터넷 통신 연결로.
인터넷 기술 인터넷에서 자료는 어떻게 이동하는가? 인터넷 백본(internet backbone) : 다음과 같은 통신 수단을 이용하여 연결된 주 인터넷 통신 연결로. 유선방송선 전화선 인공위성 Page 8-3
10
인터넷 기술 미국에서 인터넷 백본은 자료 전송을 위하여 다양한 경로를 제공한다. DS3= T3= OC3=
인터넷에서 자료는 어떻게 이동하는가? 미국에서 인터넷 백본은 자료 전송을 위하여 다양한 경로를 제공한다. DS3= T3= OC3= Page 8-4 Figure 8-3
11
미국에서 전국적인 링크를 관리하는 가장 큰 망서비스사업자 (NSP):
인터넷 기술 인터넷에서 자료는 어떻게 이동하는가? 미국에서 전국적인 링크를 관리하는 가장 큰 망서비스사업자 (NSP): IBM MCI PSInet UUnet Page 8-4
12
인터넷 서비스사업자 (ISP) - 회사나 기관이나 개인에게 인터넷 서비스를 제공하는 회사
인터넷 기술 인터넷에서 자료는 어떻게 이동하는가? 인터넷 서비스사업자 (ISP) - 회사나 기관이나 개인에게 인터넷 서비스를 제공하는 회사 Page 8-4
13
ISP는 어떻게 일을 하는가? 인터넷 기술 ISP에게 인터넷 서비스를 신청하여 가입한다.
인터넷에서 자료는 어떻게 이동하는가? ISP에게 인터넷 서비스를 신청하여 가입한다. ISP는 가입자에게 월정 요금을 부과한다. ISP는 가입자에게 통신 소프트웨어와 개인 계좌를 제공한다. 가입자는 모뎀을 이용하여 컴퓨터를 전화선에 연결한다. 가입자의 컴퓨터는 ISP의 컴퓨터로 전화를 건다. ISP는 가입자의 컴퓨터와 백본 사이에 자료 전송이 되게 한다. ISP는 어떻게 일을 하는가? Page 8-5
14
다이얼업 연결 (dial-up connection) : 전화선을 이용하여 접속하는 동안만 인터넷에 연결
인터넷 기술 인터넷에서 자료는 어떻게 이동하는가? 다이얼업 연결 (dial-up connection) : 전화선을 이용하여 접속하는 동안만 인터넷에 연결 초당 56,000 비트를 전송할 수 있다. Page 8-5
15
인터넷 기술 인터넷에서 자료는 어떻게 이동하는가? 서비스사업자는 인터넷 백본으로 연결시켜 준다.
가입자의 컴퓨터는 인터넷 서비스사업자에게 다이얼업 연결을 한다. Page 8-5 Figure 8-4
16
인터넷 기술 인터넷에서 자료는 어떻게 이동하는가? TCP/IP(Transport Control Protocol/Internet Protocol) : 인터넷에 연결된 모든 컴퓨터가 사용하는 통신 규칙의 표준 Page 8-5
17
호스트(host) : 인터넷에 연결되어 있는 컴퓨터
호스트, 도메인, 그리고 사이트 인터넷은 자료를 보낼 곳을 어떻게 아는가? 호스트(host) : 인터넷에 연결되어 있는 컴퓨터 IP 주소 : 각 호스트에 부여되는 고유 번호로, 점으로 분리된 0과 255사이의 네 개의 숫자로 되어 있다. 은 미국 코카콜라 사의 IP 주소이다. 라우터(router) : IP 주소를 점검하여 그 목적지로 자료를 보내 주는 장치 Page 8-6
18
최상위 도메인 (top-level domain) : 인터넷 상의 컴퓨터를 몇 개의 범주로 묶어 주는 세 글자로 된 이름
호스트, 도메인, 그리고 사이트 인터넷은 자료를 보낼 곳을 어떻게 아는가? FQDN (Fully Qualified Domain Name) : 각각의 컴퓨터를 위한 외우기 쉬운 이름으로, 종종 도메인 이름(domain name)이라고 한다. 최상위 도메인 (top-level domain) : 인터넷 상의 컴퓨터를 몇 개의 범주로 묶어 주는 세 글자로 된 이름 Page 8-6
19
최상위 도메인(top-level domain) ORG - 전문 기관 또는 비영리 기관 COM - 영리 기관
호스트, 도메인, 그리고 사이트 인터넷은 자료를 보낼 곳을 어떻게 아는가? 최상위 도메인(top-level domain) ORG - 전문 기관 또는 비영리 기관 COM - 영리 기관 EDU - 4 년제 대학교 NET - 인터넷 관리 기관 GOV - 미국 정부 기관 MIL - 미국 국방 기관 INT - 국제 조약에 의하여 설립된 기관 Page 8-7 Figure 8-6
20
InterNIC : IP 주소와 도메인 이름에 관한 요청을 취급하는 북미에 있는 기관
호스트, 도메인, 그리고 사이트 인터넷은 자료를 보낼 곳을 어떻게 아는가? InterNIC : IP 주소와 도메인 이름에 관한 요청을 취급하는 북미에 있는 기관 사이트(site) : 도메인 이름을 가지고 있는 컴퓨터;사이버스페이스 안에 존재하는 가상의 장소 Page 8-6
21
URL (Uniform Resource Locator) : 컴퓨터에 있는 각 문서의 고유한 주소
: 하이퍼텍스트 전송 프로토콜 (Hypertext Transfer Protocol) Page 8-7
22
http://www.fooyong.com/information/specials.html URL URL의 구성 요소 : 프로토콜
웹 서버 이름 폴더 이름 문서 이름과 파일 확장자 Page 8-7
23
각 웹 페이지의 URL은 http://로 시작 한다. 웹 서버 이름은 www로 시작하는 도메인 이름이다.
Page 8-7
24
중요 차이점 URL은 컴퓨터에 있는 문서의 주소이다. 도메인 이름은 컴퓨터의 IP 주소를 나타낸다. URL
Page 8-7
25
웹 서버(web server) : 인터넷에서 웹 페이지를 전송하는 웹 서버 소프트웨어를 가지고 있는 컴퓨터.
URL 도메인 이름과 URL의 차이점은 무엇인가? 웹 서버(web server) : 인터넷에서 웹 페이지를 전송하는 웹 서버 소프트웨어를 가지고 있는 컴퓨터. 같은 웹 서버 이름을 입력하면 그 서버의 홈페이지를 볼 수 있다. 홈페이지(home page) : 사이트를 대표하는 페이지로서, 그 사이에 있는 다른 페이지로의 링크를 가지고 있다. Page 8-7
26
인터넷 우편주소 (Internet mail address) 사용자 ID와 사용자의 우편 서버 도메인 이름으로 구성된다.
인터넷 전자우편 인터넷 전자우편이 어떻게 목적지에 도달하는가? 인터넷 우편주소 (Internet mail address) 사용자 ID와 사용자의 우편 서버 도메인 이름으로 구성된다. 인터넷을 통하여 전자우편을 전송하기 위해 필요하다. Page 8-8
27
wgibson@bcnet.com 인터넷 전자우편 인터넷 우편주소 구성: 인터넷 전자우편이 어떻게 목적지에 도달하는가?
사용자 ID 우편 서버의 도메인 이름 @기호 Page 8-8
28
8 인터넷의 작동 원리 퀴즈 Page 8-8
29
8 퀴즈 1. __________는(은) 둘 이상의 망을 연결함으로써 만들어진다.
30
8 퀴즈 1. Internet 은 둘 이상의 망을 연결함으로써 만들어진다.
31
8 퀴즈 2. URL은 컴퓨터에 있는 문서의 주소이다. 도메인 이름은 컴퓨터의 IP 주소를 나타낸다. (예, 아니오)?
32
8 퀴즈 2. URL은 컴퓨터에 있는 문서의 주소이다. 도메인 이름은 컴퓨터의 IP 주소를 나타낸다. ( 예 )
33
8 퀴즈 3. 다음 URL에서: 문서 이름이다. (예, 아니오)?
34
8 다음 URL에서 : ( 예 ) 퀴즈 3. http://www.course.com/contents/concepts.html
문서 이름이다. ( 예 )
35
8 퀴즈 4. URL의 구성요소를 명시하시오:
36
8 퀴즈 4. URL의 구성 요소를 명시하시오 : 프로토콜
37
8 퀴즈 4. URL의 구성 요소를 명시하시오 : 웹 서버 이름
38
8 퀴즈 4. URL의 구성요소를 명시하시오 : 폴더 이름
39
8 퀴즈 4. URL의 구성 요소를 명시하시오 : 문서 이름과 파일 확장자
40
인터넷의 작동 원리 8.1절 끝
41
다기능 웹 브라우저 PARSONS/OJA 인터넷
42
다기능 웹 브라우저 배울 주제 : 웹 브라우저를 이용하여 접근 할 수 있는 인터넷 서비스의 종류
8.2절 미리 보기 배울 주제 : 웹 브라우저를 이용하여 접근 할 수 있는 인터넷 서비스의 종류 파일 내려 받기, 웹 페이지 보기, 웹 페이지에 있는 멀티미디어 개체의 재생 등의 차이점 푸쉬(push)기술과 풀(pull) 기술의 비교 대비 대화방, 토론방, 대화형 게임 등에서의 동기식과 비동기식의 역할 Page 8-1
43
다기능 웹 브라우저 FTP 서버(FTP server)는 사용자 컴퓨터로 전송 될 자료들을 관리한다.
웹 서버(web server)는 사용자 컴퓨터의 화면에서 볼 수 있는 웹 페이지들을 관리한다. 유즈넷 서버(Usenet server)는 인터넷 토론방의 회원들 사이의 토론을 교환하도록 해 준다. LAB The Internet: World Wide Web Page 8-9
44
다기능 웹 브라우저 예전에는 각 서버에 맞는 별도의 클라이언트 소프트웨어 프로그램이 필요했다… 지금은 아니다. Page 8-9
45
다기능 웹 브라우저 웹 브라우저(web browser) : 이것 하나만 가지고도 인터넷 사용자에게 여러 종류의 서버를 이용할 수 있도록 해주는 다목적용 도구 웹 페이지를 본다. 컴퓨터 사이에 파일을 전송한다. 상용 정보 서비스를 받는다. 전자우편을 보낸다. 다른 인터넷 사용자와 대화한다. Page 8-9
46
Page 8-9 웹 페이지 때때로 브라우저가 웹 페이지에 접근할 수 없다. 무엇이 잘못되었는가? World Wide Web : 아주 많은 문서에 대하여 일반적인 접근이 가능하게 하는 것을 목적으로 하는 광역 하이퍼미디어 정보 검색을 선도하는 조직체
47
다른 웹 페이지를 가리키는 링크(link)를 포함 한다. 수백만의 사람들에게 인터넷을 공개했다.
Page 8-9 웹 페이지 때때로 브라우저가 웹 페이지에 접근할 수 없다. 무엇이 잘못되었는가? 1990년에 생겼다. 웹 페이지라고 부르는 문서들로 구성된다. 다른 웹 페이지를 가리키는 링크(link)를 포함 한다. 수백만의 사람들에게 인터넷을 공개했다. 사용하기 쉽도록 정보를 그림 형태로 표시한다. World Wide Web 은
48
Page 8-11 Figure 8-10 웹 페이지 때때로 브라우저가 웹 페이지에 접근할 수 없다. 무엇이 잘못되었는가? 웹은 지속적으로 그 환경이 바뀐다. 웹 사이트를 연결하는데 문제가 발생하면, 그 사이트가 문을 닫았거나 다른 곳으로 옮겨졌음을 알리는 메시지를 보게 될 것이다. Animation
49
브라우저의 홈페이지 : 일반적으로 사용자가 선택할 수 있으며, 브라우저가 시작할 때에 화면에 보여 주는 첫 페이지를 말한다.
Page 8-11 웹 페이지 때때로 브라우저가 웹 페이지에 접근할 수 없다. 무엇이 잘못되었는가? 브라우저의 홈페이지 : 일반적으로 사용자가 선택할 수 있으며, 브라우저가 시작할 때에 화면에 보여 주는 첫 페이지를 말한다. Bookmarks : 사용자가 좋아하는 사이트의 목록
50
항해 단추 (Navigation buttons)
Page 8-11 웹 페이지 때때로 브라우저가 웹 페이지에 접근할 수 없다. 무엇이 잘못되었는가? 브라우저 사용을 배워 보자… 항해 단추 (Navigation buttons) 뒤로 (Back) 앞으로 (Forward) 멈춤 (Stop) 홈 (Home) 히스토리 목록 (History list) 북마크 목록 (Bookmark list)
51
웹 페이지의 구성요소 인터넷 멀티미디어 텍스트 (Text) 사운드 (Sound) 애니메이션 (Animation)
웹에서 음악을 듣고 비디오를 볼 수 있는가? 텍스트 (Text) 사운드 (Sound) 애니메이션 (Animation) 비디오 (Video) 웹 페이지의 구성요소 Page 8-12
52
미디어 요소는 웹 서버에 파일로 저장된다. 인터넷 멀티미디어
웹에서 음악을 듣고 비디오를 볼 수 있는가? 미디어 요소는 웹 서버에 파일로 저장된다. 미디어 파일을 재생하기 위하여 클릭하면, 미디어 파일의 복사본이 사용자의 컴퓨터로 보내진다. 미디어 파일을 얻는 방법으로 두 가지가 있다. 재생이 시작되기 전에 파일 전부를 받는다. 파일을 조각으로 나누어 받는다. Page 8-12
53
Page 8-12 인터넷 멀티미디어 웹에서 음악을 듣고 비디오를 볼 수 있는가? 흐름 미디어 (streaming media)는 미디어 파일을 조그만 조각으로 나누어 보내며 사용자 컴퓨터는 받으면서 재생을 시작한다. 조각을 계속 받는 동안 컴퓨터는 미디어 파일을 재생한다. 제 위치 멀티미디어 기술 (In-place multimedia technology)은 웹 페이지 안에서 경계 구분 없이 미디어 요소를 재생한다. 멀티미디어 중첩 기술 (Multimedia overlay technology)은 화면에 별도의 윈도우를 띄워서 그 안에 멀티미디어 요소가 나타나게 한다.
54
인터넷 멀티미디어 제 위치 멀티미디어 기술 애니메이션 GIF가 웹 페이지의 부분으로서 제 위치에 재생된다.
웹에서 음악을 듣고 비디오를 볼 수 있는가? 제 위치 멀티미디어 기술 애니메이션 GIF가 웹 페이지의 부분으로서 제 위치에 재생된다. Page 8-12 Figure 8-11 Animation
55
인터넷 멀티미디어 멀티미디어 중첩 기술 웹에서의 음악을 듣고 비디오를 볼 수 있는가?
Page 8-13 Figure 8-12 인터넷 멀티미디어 웹에서의 음악을 듣고 비디오를 볼 수 있는가? 멀티미디어 중첩 기술 어떤 멀티미디어는 웹 페이지 위에 올려 놓여진 윈도우에서 재생된다. Animation
56
Page 8-13 인터넷 멀티미디어 웹에서의 음악을 듣고 비디오를 볼 수 있는가? 미디어 재생기 (media player)는 미디어 객체를 시작하고, 멈추고, 되감는 등의 조정을 하게 해 주는 소프트웨어 프로그램이다. 플러그인 (plug-in) 또는 뷰어 (viewer)는 시스템이나 브라우저에 특정 기능을 더해 주는 소프트웨어 모듈이며, 그 예로 다음과 같은 것이 있다 : Acrobat Reader Shockwave Real Audio VoxChat Cool Talk
57
푸쉬 기술(push technology)은 직접 요청되지 않은 정보를 웹 사이트에서 사용자에게 보내 주는 방식이다.
푸쉬와 풀 멀티미디어와 더불어 웹은 TV와 다를 바 없게 되어 가는 것이 아닌가? 풀 기술 (pull technology)은 사용자의 요청에 따라 브라우저가 웹 페이지를 끌어다가 컴퓨터 화면에 보여 주는 방식이다 . 푸쉬 기술(push technology)은 직접 요청되지 않은 정보를 웹 사이트에서 사용자에게 보내 주는 방식이다. 예로 주문형 신문(personalized newspaper) 이나 웹캐스트 (webcast)가 있다. Page 8-14
58
푸쉬와 풀 푸쉬 정보는 일반적으로 스크롤 상자에 나타난다.
멀티미디어와 더불어 웹은 TV와 다를 바 없게 되어 가는 것이 아닌가? 푸쉬 정보는 일반적으로 스크롤 상자에 나타난다. Page 8-14 Figure 8-13 Animation
59
내려받기(download)는 원격 컴퓨터로부터 자신의 컴퓨터의 디스크로 파일의 복사본을 전송 받는 작업이다.
파일 전송 웹에서 찾은 그림이나 사운드나 비디오를 복사할 수 있는가? 내려받기(download)는 원격 컴퓨터로부터 자신의 컴퓨터의 디스크로 파일의 복사본을 전송 받는 작업이다. 올려보내기(upload)는 사용자의 컴퓨터에 있는 파일의 복사본을 원격 컴퓨터로 보내는 작업이다. FTP 소프트웨어(FTP client software)는 파일 내려받기와 올려보내기를 위해 사용된다. Page 8-15
60
대부분의 브라우저가 내려받기는 가능하지만 올려보내기는 그렇지 않다. 올려보내기를 하려면 FTP 소프트웨어가 필요하다.
파일 전송 웹에서 찾은 그림이나 사운드나 비디오를 복사할 수 있는가? 중요 사항 대부분의 브라우저가 내려받기는 가능하지만 올려보내기는 그렇지 않다. 올려보내기를 하려면 FTP 소프트웨어가 필요하다. Page 8-15
61
파일 전송 웹 페이지에서 그림을 내려받기 웹에서 찾은 그림이나 사운드나 비디오를 복사할 수 있는가?
웹 페이지에서 원하는 요소를 내려받기 하려면 마우스의 오른쪽 단추를 클릭한다. Page 8-15 Figure 8-14 Animation
62
상용 정보 서비스 상용 정보 서비스가 제공하는 것 컴퓨터에 저장된 정보에의 접근 인터넷 접속 전자 우편 서비스 유료 서비스
상용 정보 서비스를 신청할 필요가 있는가? 컴퓨터에 저장된 정보에의 접근 인터넷 접속 전자 우편 서비스 유료 서비스 상용 정보 서비스가 제공하는 것 Page 8-16
63
마이크로소프트 네트워크 (Microsoft Network) 포로디지 (Prodigy) 천리안, 하이텔, 유니텔
상용 정보 서비스 상용 정보 서비스를 신청할 필요가 있는가? 아메리칸 온라인 (AOL) 컴퓨서브 (CompuServe) 마이크로소프트 네트워크 (Microsoft Network) 포로디지 (Prodigy) 천리안, 하이텔, 유니텔 인기 있는 상용 정보 서비스 Page 8-16
64
상용 정보 서비스 상용 정보 서비스를 신청할 필요가 있는가?
마이크로소프트 네트워크는 가입자만 이용이 가능하며, 대화방, 게임, 뉴스 서비스 등을 제공한다. Page 8-16 Figure 8-15 Video
65
토론방은 인터넷에서 비동기식(asynchronous)으로 다른 사람과 특정 주제에 관하여 생각을 나누기 위한 방법이다.
온라인 대화 인터넷에 접속 중인 사람과 온라인으로 대화를 할 수 있는가? 토론방은 인터넷에서 비동기식(asynchronous)으로 다른 사람과 특정 주제에 관하여 생각을 나누기 위한 방법이다. 스포츠, 도시 정책, 음악, 소설과 같은 다양한 주제들이 있다. 동시에 온라인 상태일 필요는 없다. 대화방은 동기식(synchronous)으로 대화를 할 수 있는 방법이다. 토론방 만큼은 주제가 뚜렷하지 않을 수 있다. 대화방에서는 입력된 메시지가 모든 참여자의 화면에 나타난다. 동시에 온라인 상태이어야 한다. Page 8-17
66
온라인 대화 대화방 세션의 예 다른 참여자들의 메시지 본인의 응답 인터넷에 접속 중인 사람과 온라인으로 대화를 할 수 있는가?
Page 8-17 Figure 8-16 Animation
67
온라인 대화 다자간 게임은 인터넷 상의 어느 누구와도 동료가 되기도 하며 적이 되기도 하면서 경기를 한다.
인터넷에 접속 중인 사람과 온라인으로 대화를 할 수 있는가? 다자간 게임은 인터넷 상의 어느 누구와도 동료가 되기도 하며 적이 되기도 하면서 경기를 한다. Page 8-18 Figure 8-17
68
8 다기능 웹 브라우저 퀴즈 Page 8-18
69
8 퀴즈 1. 브라우저의 ______ 페이지는 브라우저가 시작할 때 맨 처음에 화면에 나타나는 페이지이다.
70
8 퀴즈 1. 브라우저의 __홈__ 페이지는 브라우저가 시작할 때 맨 처음에 화면에 나타나는 페이지이다.
71
8 퀴즈 2. ______________________________라고 부르는 기술은 사용자 컴퓨터가 미디어 파일을 받는 중에 그 파일을 효과적으로 재생한다.
72
8 퀴즈 2. _흐름 미디어 (streaming media) _ 라고 부르는 기술은 사용자 컴퓨터가 미디어 파일을 받는 중에 그 파일을 효과적으로 재생한다.
73
8 퀴즈 3. 대화방에 참여하려면 다른 참가자와 함께 온라인 상태이어야 한다. (예, 아니오)?
74
8 퀴즈 3. 대화방에 참여하려면 다른 참가자와 함께 온라인 상태이어야 한다. 예
75
8 퀴즈 4. 웹 사이트에서 그림을 내려받기를 하기 위해서는 FTP 소프트웨어가 필요하다. (예, 아니오)?
76
8 퀴즈 4. 웹 사이트에서 그림을 내려받기를 하기 위해서는 FTP 소프트웨어가 필요하다. 아니오
77
다기능 웹 브라우저 8.2절 끝
78
웹 저작과 사이트 운영 PARSONS/OJA 인터넷
79
웹 저작과 사이트 운영 배울 주제 : HTML 태그의 용도를 설명한다. 웹 페이지를 위한 설계의 유효성을 평가한다.
8.3절 미리 보기 HTML 태그의 용도를 설명한다. 웹 페이지를 위한 설계의 유효성을 평가한다. 배울 주제 : Page 8-1
80
웹 저작과 사이트 운영 웹에 출판하는 이유: 제품이나 서비스를 제공한다. 자신의 이력서를 알린다. 설문조사를 한다.
행사 일정을 알린다. 자료를 수집한다. Page 8-19
81
웹 출판의 용도: 회사 사이트: 자유 계약자 예술가나 프로그래머: 대학 강사: 웹 출판 부서의 제품과 서비스 예제 작품
Page 8-19 웹 출판 무엇을 출판할 수 있는가? 회사 사이트: 부서의 제품과 서비스 자유 계약자 예술가나 프로그래머: 예제 작품 대학 강사: 강의 계획서, 수강 지침서, 숙제 웹 출판의 용도:
82
웹 사이트: 일련의 서로 연결된 웹 페이지: 웹 출판 일련의 웹 페이지로 구성된다. 고유의 도메인 이름을 갖는다.
Page 8-19 웹 출판 무엇을 출판할 수 있는가? 웹 사이트: 일련의 웹 페이지로 구성된다. 고유의 도메인 이름을 갖는다. 일련의 서로 연결된 웹 페이지: 작은 사이트처럼 생각할 수 있다. 자신의 도메인 이름을 갖지 않는다.
83
기본 웹 페이지 복잡한 웹 페이지 웹 출판 텍스트 (text) 그림 (graphics) 링크 (links)
Page 8-19 웹 출판 무엇을 출판할 수 있는가? 기본 웹 페이지 텍스트 (text) 그림 (graphics) 링크 (links) 복잡한 웹 페이지 애니메이션 (animation) 사운드 (sound) 비디오 (video)
84
HTML HTML 태그란? HTML 문서는 웹 브라우저에게 텍스트를 화면에 보여 주는 방식을 알려 주는 HTML 태그라고 부르는 특별한 명령어를 포함한다. LAB 웹페이지와 HTML Page 8-20
85
HTML HTML 태그란? 웹 페이지를 만들기 위한 HTML 문서 HTML 태그 Page 8-20 Figure 8-18
86
HTML HTML 태그란? 관련 웹 페이지 Page 8-20 Figure 8-18
87
HTML 태그 의미와 위치 <HTML></HTML> 파일이 HTML 문서임을 말해 준다.
<HEAD></HEAD> 태그로 둘러싸인 텍스트가 페이지의 머리임을 나타낸다. <BR> 줄바꿈을 삽입한다. <L1> 리스트 항목임을 나타낸다. <B></B> 둘러싸인 텍스트가 굵은 글씨체임을 나타낸다. <HR> 수평선을 삽입한다. HTML 태그 의미와 위치 Page 8-21
88
HTML 저작 도구 (HTML authoring tools)
웹 페이지의 작성을 용이하게 한다. 문서 편집기와 비슷한 사용법과, 기본 문서형과, 마법사 기능 등을 제공한다. 주로 다음과 같은 것을 가지고 있다. : 흔히 사용하는 문서 편집 소프트웨어 웹 브라우저 전문적인 저작 소프트웨어 HTML 저작 도구 (HTML authoring tools) Page 8-22
89
문서편집기에는 일반 문서를 HTML 문서로 변환 해주는 기능이 들어 있다.
Page 8-22 Figure 8-20
90
웹 저작 소프트웨어(web authoring software)
HTML 저작 도구 HTML을 사용해야만 하는가? 웹 저작 소프트웨어(web authoring software) HTML문서로 된 웹 페이지만을 전문적으로 만들도록 설계되었다. 웹 사이트를 운영하는 도구도 보통 제공한다. 잘 알려진 패키지: 나모 웹 에디터 마이크로소프트의 프론트페이지 클라리스 홈페이지 어도비 페이지 밀 코렐 웹 디자이너 Page 8-22
91
기본형을 설계하여 페이지를 일관성 있게 만든다. 좋은 웹 페이지 설계를 위한 기본 규칙을 지킨다.
Page 8-23 페이지 설계 요령 정말 멋진 웹 페이지를 어떻게 만드나? 목적에 맞게 웹 페이지를 계획한다. 기본형을 설계하여 페이지를 일관성 있게 만든다. 좋은 웹 페이지 설계를 위한 기본 규칙을 지킨다.
92
텍스트 : 페이지 설계 요령 기본 웹 설계 규칙 : 텍스트 양이 많은 부분들은 검은 색의 글씨를 사용하여 가독성을 높인다.
Page 8-23 페이지 설계 요령 정말 멋진 웹 페이지를 어떻게 만드나? 텍스트 양이 많은 부분들은 검은 색의 글씨를 사용하여 가독성을 높인다. 한 줄의 길이를 짧게 한다. 교정을 철저히 하여 철자 오류가 없게 한다. 기본 웹 설계 규칙 : 텍스트 :
93
배경 : 페이지 설계 요령 기본 웹 설계 규칙 : 배경으로는 흰색이나 아주 옅은 색이 좋다. 단조로운 회색을 피한다.
Page 8-23 페이지 설계 요령 정말 멋진 웹 페이지를 어떻게 만드나? 배경으로는 흰색이나 아주 옅은 색이 좋다. 단조로운 회색을 피한다. 배경 색상이나 그림이 텍스트를 알아보지 못하도록 하지 않는다. 기본 웹 설계 규칙 : 배경 :
94
Page 8-23 페이지 설계 요령 정말 멋진 웹 페이지를 어떻게 만드나? 크기가 큰 파일은 전송하고 적재하고 화면에 나타내는데 시간이 많이 걸리므로 30 KB 이상의 그림 파일을 사용하지 않도록 한다. .bmp가 아닌 .gif 확장자를 갖는 그림을 사용한다. 큰 그림은 직접 삽입하기보다는 조그만 축소판 그림을 삽입하고 그것으로부터 원래의 큰 그림으로의 링크를 설정한다. 기본 웹 설계 규칙 : 그림 :
95
인입 화살표가 하나라는 것은 페이지로의 인입 링크가 하나임을 보여 준다.
Page 8-24 Figure 8-22 페이지 설계 요령 정말 멋진 웹 페이지를 어떻게 만드나? 웹 사이트의 구조를 보여 주는 계획도를 그린다. 인입 화살표가 하나라는 것은 페이지로의 인입 링크가 하나임을 보여 준다.
96
다른 웹 사이트의 저작권과 지적 소유권을 존중한다. 자신의 페이지임을 확실히 밝힌다. 기본 웹 설계 규칙 :
Page 8-24 페이지 설계 요령 정말 멋진 웹 페이지를 어떻게 만드나? 링크가 거미줄과 같이 연결되는 것은 피한다. 각 페이지에 동일한 항해 원소를 포함시킨다. 다른 웹 사이트의 저작권과 지적 소유권을 존중한다. 자신의 페이지임을 확실히 밝힌다. 기본 웹 설계 규칙 :
97
웹 페이지를 출판하는 네 단계: 1. 각 페이지를 만든다. 2. 각 페이지를 검사한다. 3. 페이지를 웹 서버로 옮긴다.
Page 8-25 웹 페이지 출판 자기가 만든 페이지를 어떻게 인터넷에서 볼 수 있는가? 웹 페이지를 출판하는 네 단계: 1. 각 페이지를 만든다. 2. 각 페이지를 검사한다. 3. 페이지를 웹 서버로 옮긴다. 4. 모든 링크를 검사한다.
98
Page 8-25 웹 페이지 출판 자기가 만든 페이지를 어떻게 인터넷에서 볼 수 있는가? 중요 사항 하드디스크 드라이브는 다이얼업 연결보다 훨씬 빠르다. 그러므로 웹 페이지를 위한 텍스트와 그림은, 인터넷에서 페이지를 볼 때보다는 검사할 때에 더 빨리 화면에 나타날 것이다.
99
웹 호스팅 서비스(web hosting service)는 인터넷 서버의 공간을 유료로 제공한다.
Page 8-25 웹 페이지 출판 자기가 만든 페이지를 어떻게 인터넷에서 볼 수 있는가? 웹 호스팅 서비스(web hosting service)는 인터넷 서버의 공간을 유료로 제공한다. ISP는 개인의 홈 페이지를 위한 공간을 제공한다. 자신의 페이지를 갖다 놓을 사이트를 찾아라.
100
8 웹 저작과 사이트 운영 퀴즈 Page 8-25
101
8 퀴즈 1. 단지 텍스트와 그림과 __________를(을) 포함하는 기본적인 웹 페이지를 만들기 위해서는, 웹 서버에 별도의 소프트웨어가 없어도 된다.
102
8 퀴즈 1. 단지 텍스트와 그림과 __링크___ 를 포함하는 기본적인 웹 페이지를 만들기 위해서는, 웹 서버에 별도의 소프트웨어가 없어도 된다.
103
8 퀴즈 2. __________ 소프트웨어는 웹 페이지로 화면에 나타날 HTML 문서를 만들도록 특별히 설계된 것이다.
104
8 퀴즈 2. _웹 저작__ 소프트웨어는 웹 페이지로 화면에 나타날 HTML 문서를 만들도록 특별히 설계된 것이다.
105
8 기본적인 웹 설계 규칙으로, 웹 페이지에 30 KB 보다 큰 그림 파일을 사용하는 것을 피한다. (예, 아니오)? 퀴즈
3. 기본적인 웹 설계 규칙으로, 웹 페이지에 30 KB 보다 큰 그림 파일을 사용하는 것을 피한다. (예, 아니오)?
106
8 퀴즈 3. 기본적인 웹 설계 규칙으로, 웹 페이지에 30 KB 보다 큰 그림 파일을 사용하는 것을 피한다. 예
107
웹 저작과 사이트 운영 8.3절 끝
108
인터넷에 연결하기 PARSONS/OJA 인터넷 1
109
인터넷에 연결하기 집에 있는 컴퓨터로 인터넷에 접근하는 방법 : 필요한 컴퓨터 장비를 마련한다.
ISP의 접속 전화번호를 파악한다. 필요한 소프트웨어를 설치한다. 전화를 걸어 접속한다. Page 8-26
110
컴퓨터: 모뎀: 전화선: 설치 장비 PC와 매킨토쉬 컴퓨터 두 가지 다 온라인 서비스에 접속할 수 있다.
Page 8-26 설치 장비 인터넷에 접근하려면 특별히 어떤 장비가 필요한가? 컴퓨터: PC와 매킨토쉬 컴퓨터 두 가지 다 온라인 서비스에 접속할 수 있다. 모뎀: 컴퓨터의 데이터를 전화선을 따라 전송될 수 있는 신호로 변환한다. 신호가 도착하면, 컴퓨터가 저장하고, 처리하고 출력할 수 있는 데이터로 변환한다. 전화선: 음성 통신으로 사용되는 회선이 적당하다. 7
111
설치 장비 모뎀을 컴퓨터에 연결한다. 모뎀에 전화선을 연결한다. 인터넷에 접근하려면 특별히 어떤 장비가 필요한가?
Page 8-26 Figure 8-24 설치 장비 인터넷에 접근하려면 특별히 어떤 장비가 필요한가? 모뎀을 컴퓨터에 연결한다. 모뎀에 전화선을 연결한다. 7
112
설치 장비 전화선 ISDN 또는 T1 회사에서 사용된다. 전화선 보다 빠르다. 전화선 보다 가격이 비싸다.
Page 8-26 설치 장비 인터넷에 접근하려면 특별히 어떤 장비가 필요한가? 회사에서 사용된다. 전화선 보다 빠르다. 전화선 보다 가격이 비싸다. 전화선 ISDN 또는 T1 대부분 온라인 통신용으로 적합하다. 고속 통신선 보다 값이 저렴하다. 통화 중이면 온라인 통신을 할 수 없다. 온라인 통신 중에 전화를 건 사람은 통화중 신호음을 듣게 된다. 온라인 통신 중에 수화기를 들면 온라인 통신이 끊어진다. 7
113
인터넷 서비스 사업자가 제공하는 것 : 호스트 컴퓨터의 사용자 계좌 인터넷 접속 인터넷 서비스 사업자
Page 8-27 인터넷 서비스 사업자 누가 인터넷 연결을 제공하며, 사용료는 얼마인가? 인터넷 서비스 사업자가 제공하는 것 : 호스트 컴퓨터의 사용자 계좌 인터넷 접속 7
114
인터넷 연결 제공 기관: 상용 정보 서비스 유선 TV 회사 통신 회사 전화 회사 인터넷 서비스 사업자
Page 8-27 인터넷 서비스 사업자 누가 인터넷 연결을 제공하며, 사용료는 얼마인가? 상용 정보 서비스 컴퓨서브, 프로디지, 마이크로소프트 네트워크, 및 아메리카 온라인 유선 TV 회사 통신 회사 전화 회사 인터넷 연결 제공 기관: 7
115
인터넷 서비스 사업자 인터넷 서비스 사업자는 지역 신문이나 전화번호부에 광고를 한다.
Page 8-27 Figure 8-25 인터넷 서비스 사업자 누가 인터넷 연결을 제공하며, 사용료는 얼마인가? 인터넷 서비스 사업자는 지역 신문이나 전화번호부에 광고를 한다. 7
116
인터넷 통신 소프트웨어는 가입자의 컴퓨터가 인터넷 TCP/IP 통신 프로토콜을 사용하여 데이터를 주고받게 해 준다.
Page 8-27 소프트웨어 설치 어디서 필요한 소프트웨어를 얻을 수 있나? 인터넷 통신 소프트웨어는 가입자의 컴퓨터가 인터넷 TCP/IP 통신 프로토콜을 사용하여 데이터를 주고받게 해 준다. 표준 TCP/IP 소프트웨어는 네트워크에 직접 연결되어 있는 컴퓨터들 사이에 인터넷 통신이 이루어지게 한다. 7
117
컴퓨터의 모뎀을 통해 전화선으로 연결하기 위한 TCP/IP의 종류:
Page 8-27 소프트웨어 설치 어디서 필요한 소프트웨어를 얻을 수 있나? 컴퓨터의 모뎀을 통해 전화선으로 연결하기 위한 TCP/IP의 종류: SLIP (Serial Line Internet Protocol) PPP ( Point to Point Protocol) 7
118
Page 8-28 소프트웨어 설치 어디서 필요한 소프트웨어를 얻을 수 있나? 중요 사항 대부분의 인터넷 서비스 사업자가 제공하는 소프트웨어는 알아서 스스로 설치한다. 소프트웨어를 처음 수행시키면 소프트웨어는 컴퓨터 시스템을 점검하고 시스템에 알맞게 설치한다.
119
전화 걸기 1. 인터넷 아이콘을 클릭한다. 하드웨어와 소프트웨어가 설치된 다음 어떻게 인터넷으로 전화를 거는가?
Page 8-28 Figure 8-26 전화 걸기 하드웨어와 소프트웨어가 설치된 다음 어떻게 인터넷으로 전화를 거는가? 1. 인터넷 아이콘을 클릭한다.
120
전화 걸기 2. 컴퓨터의 모뎀으로 데이터를 주고 받을 때 TCP/IP를 사용하기 위하여 SLIP이나 PPP를 사용할 것이다.
Page 8-28 Figure 8-26 전화 걸기 하드웨어와 소프트웨어가 설치된 다음 어떻게 인터넷으로 전화를 거는가? 2. 컴퓨터의 모뎀으로 데이터를 주고 받을 때 TCP/IP를 사용하기 위하여 SLIP이나 PPP를 사용할 것이다. 컴퓨터는 인터넷 통신 소프트웨어를 실행시킨다.
121
전화 걸기 3. 통신 소프트웨어는 인터넷 서비스 사업자에게 전화를 건다.
Page 8-28 Figure 8-26 전화 걸기 하드웨어와 소프트웨어가 설치된 다음 어떻게 인터넷으로 전화를 거는가? 집에 있는 컴퓨터 인터넷 서비스 사업자의 컴퓨터 3. 통신 소프트웨어는 인터넷 서비스 사업자에게 전화를 건다. 통상적으로 전화번호가 기억되어 있어서 매번 연결을 시도할 때마다 전화번호를 새로 입력할 필요는 없다. Your computer
122
전화 걸기 4. 통신 소프트웨어가 사용자 ID와 password를 기억하고 있는 경우에는 소프트웨어가 자동적으로 로그인 한다.
Page 8-28 Figure 8-26 전화 걸기 하드웨어와 소프트웨어가 설치된 다음 어떻게 인터넷으로 전화를 거는가? 4. 통신 소프트웨어가 사용자 ID와 password를 기억하고 있는 경우에는 소프트웨어가 자동적으로 로그인 한다. 어떤 사람들은 보안을 위해 password를 매번 직접 입력하기를 더 좋아한다. To Internet 인터넷 서비스 사업자의 컴퓨터 집에 있는 컴퓨터
123
인터넷에 연결하기 8.4절 끝 10
Similar presentations