Itmt2009

제가 초등학생인데 ...쉽게 홈페이지만드는 방법을 설명 부탁드려

욧 !!!

제가 초등학생인데 ...쉽게 홈페이지만드는 방법을 설명 부탁드려

욧 !!!

초등학생이든 , 유치원생이든 , 서울대 대학생이든 공부 안하고 처음부터 쉽게 만들 수 있는 사람 없습니다 .홈페이지 제작 무료 강좌로 검색을 해서 공부하다보면 잘 만들 수 있게 될겁니다 .

초등학생이든 , 유치원생이든 , 서울대 대학생이든 공부 안하고 처음부터 쉽게 만들 수 있는 사람 없습니다 .홈페이지 제작 무료 강좌로 검색을 해서 공부하다보면 잘 만들 수 있게 될겁니다 .

변화 3변화 3

웹정보 -> 웹비지니스

웹문서 -> 웹어플리케이션

웹 1.0-> 웹 2.0

제 1 부 : History of Web

IT 선교 컨퍼런스IT 선교 컨퍼런스

제 3 부 : Web2.0 시대

제 1 부

웹의 역사

Timeline

웹 의 역사웹 의 역사

제 2 부

웹의 변화

웹문서 , 웹검색 , 웹 1.0 웹어플리케이션 , 검색광고 , 웹 2.0

Paradigm Shift

Web

웹의 세가지 변화

웹문서 -> 웹어플리케이션

웹 어플리케이션웹 어플리케이션

URLURL

HTTPHTTPHTMLHTML

Web Web

ResponderResponderRequesterRequester Communi

cationCommuni

cation

ServerServerClientClient NetworkNetwork

Web Browser

Web Server

DNS

HTTP

URLHTML

Web Component & Architecture Web Component & Architecture

Components

Architecture

WebStandard:XHTML, CSS, DOM,JavaScriptMicroformats

Permalink OpenID

RSSOpenAPIWeb Services

Content

Communication

Addressing

블로그

워드프레스

미디어위키

트위터매쉬업

CMS(Content Management System)

Wiki

RIA(Rich Internet Application)

SNS

Blog

제로보드 XE

Web Application Web Application

XMLAjax

Air

Flex

Flash

위키백과

API

JavaScript

오픈계정 , 오픈소스 , 오픈 API, 오픈 Application 사용자의 데이터 “ 쓰나미”

Web2.0

웹 2.0 세가지 요소

북마크

맵핑

캘린더

문서 리더지식

블로그

파일

위키

오피스

자료

가입형 CMS

Web2.0Service

관리

사진

동영상

슬라이드

Open Account “Web2.0”Service회원가입으로 계정부여하여 웹 2.0 서비스를 무료로 제공하는것을 말한다 .

미디어

미디어

Summary 현재 제공되는 웹서비스는 ?

Open Account Web2.0 Service Open Account Web2.0 Service Open Account Web2.0 Service Open Account Web2.0 Service

웹서비스 구분웹서비스 구분

1 문서공유서비스

2 사진공유서비스

3 지식공유서비스

4 동영상공유서비스

5 슬라이드공유서비스

6 리더공유서비스

7북마크공유서비스

8파일공유서비스

9미디어공유서비스

10캘린더공유서비스

11맵핑공유서비스

12온라인미팅서비스

13온라인메모서비스

14이메일공유서비스

웹서비스 업체 웹서비스 업체

1 http://docs.google.com

2 http://picasaweb.google.com

3 http://knol.google.com

4 http://www.youtube.com

5 http://www.slideshare.net

6 http://www.google.co.kr/reader

7http://xmarks.com

8http://4shared.com

9http://photoshop.com

10http://calendar.google.com

11http://blogs.mu

12http://iomeeting.com

13http://linoit.com

14http://groups.google.com

서비스 구분 서비스 URL 서비스 내용

사진 , 비디오 , 문서 검색

파일 10GB 저장 공간 제공

음악 10GB 저장 공간 제공

사진 10GB 저장 공간 제공

비디오 10GB 저장 공간 제공

문서 10GB 저장 공간 제공

http://search.4shared.com

4shared.com/file_sharing.jsp

4shared.com/share_music.jsp

4shared.com/ share_photo.jsp

4shared.com/ share_video.jsp

4shared.com/share_document.jsp

4shared Toolbar

4shared Desktop

검색 서비스

파일공유서비스

음악공유서비스

사진공유서비스

비디오공유서비스

4shared.com 의 웹서비스

문서공유서비스

툴바 프로그램

탐색기프로그램

툴바 설치

웹스토로지 Tool

검색 , 파일공유 서비스

http://search.4shared.com 4shared.com/file_sharing.jsp

사진 , 비디오공유 서비스

4shared.com/share_photo.jsp 4shared.com/share_video.jsp

문서 , 음악공유 서비스

4shared.com/share_document.jsp 4shared.com/share_music.jsp

서비스 구분 서비스 URL 서비스 내용검색비교

( 빙 , 구글 , 트위터 , 위키피디아 ,야후 )

문서 , 사진 , 동영상 동시검색

트위터와 연계된 음악공유

사진업로드 후 주소제공

사진검색 , 앨범제작

사진편집 , 문자삽입

http://panabee.com

http://spezify.com

http://blip.fm

pict.com / pixavid.com

picitup.com / everystockphoto.com

cutmypic.com/imagechef.com

http://humyo.com

http://filemail.com

검색 서비스

멀티미디어검색

음악공유서비스

사진공유서비스

사진검색서비스

웹 2.0 서비스 모음

사진편집서비스

파일공유서비스

메일공유서비스

파일 10GB 저장 공간 제공

2GB 첨부화일 전송서비스

온라인미팅서비스

온라인메모서비스

http://iomeeting.comdimdim.com

http://sneffel.comlinoit.com

온라인 미팅 서비스

온라인메모 , 칠판서비스

검색 서비스panabee.com spezify.com

이미지검색 , 공유서비스picitup.com everystockphoto.com

bigfoto.com phandy.com

이미지공유 , 편집 서비스pixavid.com pict.com

cutmypic.com imagechef.com

동영상 , 슬라이드 공유 서비스youtube.com slideshare.net

humyo.com filemail.com파일공유 , 메일전송 서비스

단문 , 음악공유 서비스

twitter.com blip.fm

온라인 미팅 서비스

iomeeting.com dimdim.com

온라인 메모장 , 칠판 서비스

linoit.com sneffel.com

가입형 CMS 서비스tistory.com thoth.kr

springnote.com

워드프레스

텍스타일

텍스트큐브

미디어위키 모니위키

제로보드

XE

그누보드

Wiki

Project

Board

CMS

Blog

줌라

드루팔

플론

Open Source “CMS”Service컨텐츠 관리 시스템 (CMS) 소스를 무료로 제공하여 자신의 서버에 설치하여 사용한다 .

Builder

Summary 현재 제공되는 CMS 서비스는 ?

Open Source CMS Service Open Source CMS Service Open Source CMS Service Open Source CMS Service

CMSCMS 구분구분

1 게 시 판 ( 제로보드 )

2 게 시 판 ( 그누보드 )

3 블 로 그 ( 워드프레스 )

4 블 로 그 ( 텍스트큐브 )

5 블 로 그 ( 텍스타일 )

6 홈피빌더 ( 줌라 )

7홈피빌더 ( 드루팔 )

8홈피빌더 ( 플론 )

9위 키 ( 미디어위키 )

10위 키 ( 모니위키 )

11프로젝트 (XE)

CMSCMS 업체 업체

1 http://xpressengine.com

2 http://sir.co.kr

3 http://ko.wordpress.org

4 http://textcube.org

5 http://textyle.kr

6 http://joomla.org

7http://drupal.org/

8http://plone.org/

9http://mediawiki.org

10http://moniwiki.kldp.net

11http://xpressengine.com

게시판제로보드

http://xpressengine.com그누보드

http://sir.co.kr

블로그텍스트큐브

http://textcube.org텍스타일

http://textyle.kr

위키Mediawiki

http://mediawiki.org/wiki/MediaWiki/

미디어위키http://mediawiki.org/wiki/

MediaWiki/ko

홈피빌더Joomla

http://joomla.orgDrupal

http://drupal.org

지 도

위 젯

검 색

지 도기 능

지 도

지 도

네이버 API

MS API

야후 API

Mashup

다음 API

구글맵

유튜브

Flickr

Open API “Mashup” ServiceOpen API 를 이용하여 매쉬업하여 새로운 형태의 웹사이트를 구축한다 .

구글 API

검 색

Summary 현재 제공되는 OpenAPI 는 ?

Open API Mashup Service Open API Mashup Service Open API Mashup Service Open API Mashup Service

Oen APIOen API

1 구글맵 API

2 Flickr API

3다음검색 API

4네이버지도 API

5야후 거기 지도 오픈 API

6스프링노트 API

7티스토리 블로그 API

8MS 지도 API

9다음 위젯뱅크 API

10Open Social API

Mashup SiteMashup Site

1 http://earthalbum.com

2 http://virtualvideomap.com/

3http://beta.twittervision.com/

4http://beta.twittervision.com/

5http://www.trippermap.com/

6http://www.flashearth.com/

7http://www.uizard.org/

•참고사이트

•http://www.openonweb.com/

지도 API구글맵 API

http://code.google.com/intl/ko/apis/maps/index.html

MS Live Map APIhttp://www.microsoft.com/maps/

developers/

네이버지도 APIhttp://dev.naver.com/openapi/apis/map/

javascript/referenceYahoo Map API

http://kr.open.gugi.yahoo.com/

Open Application “Google Earth” ServiceOpen Application 으로 제공되는 프로그램을 사용한다 .

구글어스 기도카드 위젯

웹 2.0 서비스 활용

- 선교정보 -

웹 1.0 문서

Nance Profile Bethany Profile

웹 2.0 문서Joshua Project

KML 종족정보 위젯 종족정보

가입형 사진앨범- 포토샵닷컴 -

가입형 블로그(http://wcnlink.net)

설치형 게시판http://wiim.org

설치형 위키- 미디어위키 -

어스앨범종족사진 매쉬업 http://kr.earthalbum.com/keyword/tribe

유튜브음악감상실 매쉬업http://rusic.net/xe

웹정보전달 -> 웹비지니스

웹 비지니스웹 비지니스

Google Adsence

Blogger

Gmail

Sidebar

Google Secure AccessVPN

Google Personalize

Toolbar

DeskTop

Google News

Google Earth

Picasa

Talk

SMS

answer

groups

Translate

Local for mobile

Pack

Alerts

Mobile

API

Code

Labs

Blog Search

Book Search

Directory

Finance

images

Google Local

Google Map

Scholar Specialized

Google Video

Web Search Web Search Features

Google Page Creator

Google Dashboard

Google Transit

Web Accelerator

Google Ride Finder Google Suggest

Froogle Mobile

Web/Community

Personal

CatalogsGoogle Reader

Orkut

Global

Search

Public/Media

Calendar

Froogle

YouTubeCheckout

구글 vs 야후 vs MS 검색광고 비교표

웹 1.0-> 웹 2.0

웹 의 진화웹 의 진화

네트워킹

웹 1.0

웹 2.0

골격계 형성 근육계 형성 신경계 형성

웹 3.0

지능망 형성

제 3 부

웹 2.0 시대

웹 2.0 시대

RSSRSS 마이크로 블로그마이크로 블로그 CMSCMS

블로그 트위터 위키

Open Source

CMS 시대

오픈소스 “ 드루팔” 을 사용하여 만든 백악관 홈페이지

RSS

블로그시대

세계선교 블로그(http://wcnlink.net)

유튜브영어공부블로그(http://fun-english.tistory.com/)

Micro Blog

트위터시대

• 2009.1.5( 목 ) 05:30, US Airways Airbus A320 1549, Hudson 강 비상착륙 , 승객 155 명 전원 구조

BirdBirdStrikeStrikeBirdBird

StrikeStrike

허드슨 강의 기적

허드슨 강에 항공기가 비상 착륙 했허드슨 강에 항공기가 비상 착륙 했음음 ..

페리호 타고 구조하러페리호 타고 구조하러 출동 중 출동 중 ! ! 꺅꺅 ~~

2009.1.5(2009.1.5( 목목 ) 05:36 AM) 05:36 AMhttp://twitter.com/jkrums/status/1121915133http://twitter.com/jkrums/status/1121915133

허드슨 강에 항공기가 비상 착륙 했허드슨 강에 항공기가 비상 착륙 했음음 ..

페리호 타고 구조하러페리호 타고 구조하러 출동 중 출동 중 ! ! 꺅꺅 ~~

2009.1.5(2009.1.5( 목목 ) 05:36 AM) 05:36 AMhttp://twitter.com/jkrums/status/1121915133http://twitter.com/jkrums/status/1121915133

트위터 맵http://www.neuroproductions.be/twitter_friends_network_browser/

• Twitter : • 1. ( 새가 ) 지저귀다• 2. ( 새가 ) 지저귀며 …을 나타내다

( 사람이 ) … 을 속삭이듯 말하다• 3. 지저귐

• Twitter : • 1. ( 새가 ) 지저귀다• 2. ( 새가 ) 지저귀며 …을 나타내다

( 사람이 ) … 을 속삭이듯 말하다• 3. 지저귐

140 140 글자로 자신의 글자로 자신의 생각과 상태를 생각과 상태를

FollowerFollower 들에게 들에게 공유해 주는 서비스 공유해 주는 서비스

140 140 글자로 자신의 글자로 자신의 생각과 상태를 생각과 상태를

FollowerFollower 들에게 들에게 공유해 주는 서비스 공유해 주는 서비스

Twitter Twitter 가 뭐가 뭐지지 ??Twitter Twitter 가 뭐가 뭐지지 ??

무엇을 할 수 있나요 ?

• 공백과 기호를 포함 , 140 자의 글을 쓸 수 있다 • 각각의 메시지 (Tweets) 는 고유한 주소를

가지며 모든 사람이 본다 • 특정 사람에게만 비공개 메시지 (Direct

Message) 를 보내고 받을 수 있다 • Web 뿐만 아니라 각종 Mobile 디바이스를

이용할 수 있다

가입가입가입가입

로그인로그인로그인로그인

인기 주제어인기 주제어인기 주제어인기 주제어

검색검색검색검색

어떻게 생겼죠어떻게 생겼죠 ??어떻게 생겼죠어떻게 생겼죠 ??

140 140 자자업데이트업데이트140 140 자자업데이트업데이트

Timeline:Timeline:내가 내가 Following Following 하는 하는 사람들의 업데이트 모음사람들의 업데이트 모음

Timeline:Timeline:내가 내가 Following Following 하는 하는 사람들의 업데이트 모음사람들의 업데이트 모음

사용자 정보사용자 정보사용자 정보사용자 정보

@ mention@ mention@ mention@ mention

DirectDirectMessageMessageDirectDirect

MessageMessage

실시간 검색실시간 검색실시간 검색실시간 검색

K-Mobile 트위터 세미나 강의 준비를 하고 있어요 . 완성되면 슬라이드 공유할께요 .

공식 트위터 계정

KWMA@kwma

UPMA@upma21

KMIN@kminkr

WIIM@wiimorg

지금 뭐해지금 뭐해 ??

지금 뭐해지금 뭐해 ??

누가 , 왜 만들었죠 ? - Evan Williams

• 2003.2 Blogger.com• 2006.7 twitter.com• 왜 만들었나 ?

– 친구들이 뭐하나 궁금해서궁금

Evan Williams,@evEvan Williams,@ev(Google M&A)

Web2.0Web2.0

BB

EE

CC

DD

AAOpen(개방 )

Share( 공유 )

Develop( 참여 )

Open Account

Open SourceOpen API

Ajax,JS,XMLAir,Flash,Fle

xRSS,OPenID

Ubiquitous 시대

WIIM Project

최신웹기술을 통한 세계선교정보화최신웹기술을 통한 세계선교정보화최신웹기술을 통한 세계선교정보화최신웹기술을 통한 세계선교정보화

선교정보 2.0

최신웹기술최신웹기술 선교정보선교정보 미전도종족미전도종족 지상과업지상과업