1. SNS 커뮤니케이션을 활용한
미디어 실무 A to Z
| Social network & Media Lab

2. 컨텐츠에 길을 놓는 SMLab
Social Network & Media Lab
http://smlab.tistory.com

3. 미디어 실무가를 위한 SNS 워크숍
01. SNS 커뮤니케이션을 활용한 미디어 실무 A to Z
02. 레이아웃 구성이 자유로운 소셜웹 블로그 만들기
03. HTML-Embed를 이용한 입체적 글쓰기
04. 컨텐츠와 네트워크를 소셜하게 시각화하기
05. 소셜웹 블로그를 기반으로한 홍보채널 만들기

4. 컨텐츠 집결
이야기 광장
(스토리)
(정보/이슈)
site Blog
공식사이트 관계디자인
(공유/참여)
Search : 검색엔진최적화
NScreen/클라우딩

5. http://vimeo.com/29684853

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

7. bestblog
................. http://bloggertip.com/category/Blog/Look

8. infography

12. 정보디자인(inforgraphy)
Visua
l
Know
Conte (Infor ledge
nts matio
n)

13. 정보디자인(inforgraphy)
•Timelines
Visua •Flowcharts(순서도)
l •Annotatedmaps
•Graphs
•Venndiagrams
•Sizecomparisons
•Showingfamiliarobjectsor
similarsizeorvalue
출처: http://www.makeuseof.com

14. 타임라인
‘타임라인 인포그라피 모음’

15. FlowChart(순서도) 순서도 인포그라피 모음

16. AnnotatedMap
annotated map 인포그라피 모음

17. 그래프(graph)
그래프 인포그라피 모음

18. Venndiagrams
V.D 인포그라피 모음

19. SizeComparison
S.C 인포그라피 모음

24. http://www.slideshare.net/jessedee
컨텐츠 생태계 www.slideshare.com

25. http://www.flickr.com/photos/goodmagazine/
sets/72157618896371005/detail/

26. http://10th.daumfoundation.org/

27. http://www.acumenfund.org

28. 01 | http://www.flickr.com/photos/phploveme/
02 | http://www.flickr.com/photos/phploveme/
sets/72157622924951648/

29. Mattew Epstein
“Googlepleasehire.me”

32. http://www.facebook.com/socialmemories

33. Header메인
사이드메뉴(배너)
위젯
소셜북마크
소셜댓글
Footer정보

34. http://www.sumopaint.com/home/

35. sidemenu 바꾸기
ahref=”이동하고자하는URL”
imgsrc=”이미지URL”
/a

36. Header 메인바꾸기
#header{
padding:/*@title-height:-41=padding-top:;*/200px/*@*/10px020px;
background-color:/*@title-background-color*/#ffffff/*@*/;
margin-bottom:8px;
/*@title-background-image=:;*//*@*/
/*@title-background-image-position=:;*//*@*/
/*@title-background-image-repeat=:;*//*@*/
}

37. divid=header
h1ahref=[##_blog_link_##][##_title_##]/a/h1
divclass=blogMenu[##_blog_menu_##]/div
/div
divid=header
ahref=”이동하고자하는주소”
imgsrc=”이미지URL”
/a
/div

38. footer 메인바꾸기
div id=footer
div class=footMenu
a href=[##_localog_link_##]지역로그/a :
a href=[##_taglog_link_##]태그/a :
a href=[##_blog_link_##]media미디어로그/a :
a href=[##_guestbook_link_##]방명록/a :
a href=[##_owner_url_##]관리자/a :
a href=[##_owner_url_##]/entry/post글쓰기/a
/div
div class=copyright
a href=[##_blog_link_##] [##_blogger_##]/a's Blog is
powered by a href=http://daum.net onclick=window.open(this.href); retur
falseDaum/a / Designed by a href=http://www.tistory.comTistory/
a
/div
/div

39. container
#container {
width:/*@post-width:200*/960px/*@*/;
border:1px solid #bbb;
margin:30px auto;
padding:10px;
background-color:#fff;
}

40. 위젯 01 | http://www.wzdfactory.com/
02 | http://widgetbank.daum.net/

41. 소셜북마크
01 | http://blogplay.com
02 | http://www.picbadges.com/ugc/
03 | http://www.go2web20.net/twitterfollowbadge/

42. 컨텐츠 클라우딩
http://www.evernote.com

43. 협업노트
www.linoit.com
마인드맵
www.spiderscribd.net

44. “ 숲을만드는과정
”

45. “
감사합니다,
열린커뮤니 케이션꿈꾸는
시민들의
”
정수현이 었습니다!

46. “
감사합니다,
열린커뮤니 케이션꿈꾸는
시민들의
”
정수현이 었습니다!
ljung
socia
@