1. 소셜웹활용전략워크숍03
다이나믹웹페이지만들기
가치를담아내는기술
정수현(청어람아카데미SNS프로그래머)
SocialJung@gmail.com
http://suelog.tistory.com
http://facebook.com/smlab
twitter@movenations
http://bluezine.tistory.com
2011 3 3 1

2. 소셜웹활용전략
BLOG+SNS즐거운활용
2011 3 3 2

3. 워크숍포인트
SNS친 해지기
가치집
네트워 결
정보가치담긴 크만들
기
스토리텔링
2011 3 3 3

4. 모든소통
www.facebook.com/SMLab
2011 3 3 4

5. 외면하 고픈
포스팅
읽히는글,직관성의커뮤니케이션
2011 3 3 5

6. theme01
Blog+SNS적용
2011 3 3 6

7. 다이나믹페이지
Blog+SNS
2011 3 3 7

8. 오늘의키워드
HTML-Embed
2011 3 3 8

9. HTML
Hyper Text Markup
Language
http://ko.wikipedia.org/wiki/HTML
하이퍼텍스트마크업언어/웹페이지를위한지배적인마크업데이터언어
제목단락목록등과같은본문을위한구조적의미를나타내는것뿐만아니라
링크인용과그밖의항목으로구조적문서를만들수있는방법을제공
이미지와객체를내장하고대화형양식을생성하는데사용
웹페이지콘텐츠안의꺾쇠괄호에둘러싸인태그로되어있는형태로작성
웹브라우저와같은그밖의항목의외관과배치를정의하는
처리장치의행동에영향을주는자바스크립트와본문과
CSS같은스크립트를포함하거나불러올수있다
2011 3 3 9

10. 1.웹미디어앨범만들기
블로그
에웹앨
범을!
2011 3 3 10

11. 1.웹미디어앨범만들기
1)구글웹앨범(http://picasaweb.google.com)
2)Youtube구글계정과연결(http://www.youtube.com)
3)Flickr앨범만들기(http://www.flickr.com)
4)Facebook사진앨범
HTML
공유
할수 ED제공
있고 URL/FE
2011 3 3 11

12. 영상삽입
1.영상제작,등록노하우는4주차에!
2.www.youtube.com
www.vimeo.com
3.다음팟(브랜드팟)
http://tvpot.daum.net/partner/Guide_0.do
적용된예다음세대재단 object, embed, iframe, script...
http://tvpot.daum.net/brand/Top.do?ownerid=hWmDSpPg4JA0
!
2011 3 3 2. 12

13. 2.3DwallBlog
1)Cooliris3D서비스http://www.cooliris.com/yoursite/express/
2)웹미디어앨범의URL을입력
3)CustomizeHTML코드복사(copy)
4)블로그페이지에붙이기(paste)
용 된예
적
http://bluezine.tistory.com/293
2011 3 3 13

14. 3-1.캘린더 적용
된예
1.다음캘린더추천 http://calendar.daum.net/top
2. 1.
2.
3.
2011 3 3 2. 14

15. 적용
3-1.캘린더 http://bluezine.tistory.com/170
된예
3.
4.HTML코드복사블로그에삽입
2011 3 3 2. 15

16. 적용
3-2.지도
된예
http://bluezine.tistory.com/notice/177
1.지도에검색등록하세요!
2.지도창에서주소및단체검색
3.해당포인트위치지정
4.보내기혹은지도삽입,Map버튼
5.HTML소스복사블로그에삽입
2011 3 3 2. 16

17. 4.구글문서양식(Form)활용하기
1)http://docs.google.com
2)새문서(createnew)양식(form)
3)내용입력
4)포함하기(embed)복사붙이기
5)publicweb,share,관리자화면
용 된예
적
http://bluezine.tistory.com/307
2011 3 3 2. 17

18. 4.구글문서양식(Form)활용하기
1)다양한템플릿
2)결과페이지/관리페이지편리,안정
3)공유및embedding효과탁월협업
2011 3 3 2. 18

19. theme02
컨텐츠를시각화하는툴
2011 3 3 19

20. Web-Presentation
www.slideshare.com
www.scribd.com
http://www.wiziq.com
2011 3 3 20

21. Prezi페이지만들기
1.텍스트입력/resize,rotate,move,zoom
2.이미지불러오기
3.동영상불러오기
4.타임라인만들기
5.Frame으로구분하기
6.path설정하기
7.slideshow
8.embedding블로그
2011 3 3 21

22. 이미지에디터
웹기반에서포토샵기능을구현하는이미지에디터
http://www.pixlr.com
2011 3 3 22

23. 네이버포토에디터
이미지보정및편집
http://s.lab.naver.com/pe/
2011 3 3 23

24. 웹기반동영상편집에디터
http://www.hongkiat.com/blog/video-editing-30-free-
tools-and-web-services-to-get-things-done/
2011 3 3 24

25. 웹기반소통문화
WebbasedCommunication
2011 3 3 25

26. theme03
웹오피스또는PR페이지
2011 3 3 26

27. 사진
영상
e-book
지도
오피스정보
웹앨범
뉴스레터신청
배너
페이스북뱃지
2011 3 3 27

28. 사진
PR 프로필
컨택
워크
웹앨범
영상
슬라이드
캘린더
페이스북뱃지
2011 3 3 28

29. [정수현]의사회적글쓰기
SUElog.tistory.com
2030이슈 관심사
무브먼트 카테고리
미디어를통한 RealTime
일상공유 WEB
2011 3 3 29

30. MediaActivist
창의성 관계중심
공공성 표현능력 전문성
2011 3 3 30

31. 소셜웹파워는
화려한기술이아니라
“따뜻한공감능력”에있다.
2011 3 3 31

32. 작가정신!
2011 3 3 32

33. 모든소통
www.facebook.com/SMLab
2011 3 3 33

34. 소셜웹활용전략워크숍03
ThankYou!!
정수현(청어람아카데미SNS프로그래머)
SocialJung@gmail.com
http://suelog.tistory.com
http://facebook.com/smlab
twitter@movenations
http://bluezine.tistory.com
2011 3 3 34