Sm lab intensive_03

812 views
777 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
812
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Sm lab intensive_03

  1. 1. 소셜미디어 제작워크숍SMlab intensive03:SocialWebWork 정수현(청어람아카데미SNS프로그래머) SocialJung@gmail.com http://suelog.tistory.com http://facebook.com/movenations twitter@movenations2011 2 8
  2. 2. Check!Check! www.facebook.com/bluelog2011 2 8
  3. 3. http://www.googleartproject.com http://hanulsoblog.com/501046435442011 2 8
  4. 4. 2011 2 8
  5. 5. 소셜미디어제작워크숍 Intensive교육과정 1주Web2.0시대,블로그기획안만들기 2주HTML+CSS/소셜웹페이지구성 4주컨텐츠시각화작업(Prezi및인포그라피제작) 3주SocialWebWork(사회적가치/확산) 5주설치형블로그:Wordpress를중심으로 6주Presentation+Networking 클라우드컴퓨팅뉴미디어네트워크(모바일)2011 2 8
  6. 6. intensive03 소셜웹페이지네트워크디자인 오정택T.APrezi발표 Mindmap토론플랫폼토크 2011 2 8
  7. 7. 다이나믹페이지구성 네트워킹디자인2011 2 8
  8. 8. 소셜웹페이지구성 1.캘린더 Netw 2.지도 ork Desig 3.위젯 n 4.구글문서(신청/설문페이지) 5.온라인거래 6.트윗보드 7.페이스북플러그인 8.게시판삽입2011 2 8
  9. 9. 캘린더(일정)입력 1.다음커뮤니케이션‘캘린더’페이지로 2.캘린더를추가하고설정을‘전체공개’로만든다. 3.내보내기탭캘린더선택HTML로내보내기설정 4.웹페이지에맞는캘린더사이즈조정선택후코드복사 5.블로그글쓰기HTML모드에서붙여넣기 예http://bluezine.tistory.com/1702011 2 8
  10. 10. 적용 된예 1.다음캘린더추천 http://calendar.daum.net/top 2. 1. 2. 3.2011 2 8 2.
  11. 11. 적용 된예 http://bluezine.tistory.com/170 3. 4.HTML코드복사블로그에삽입2011 2 8 2.
  12. 12. 적용 된예 지도 http://bluezine.tistory.com/notice/177 1.지도에검색등록하세요! 2.지도창에서주소및단체검색 3.해당포인트위치지정 4.보내기혹은지도삽입,Map버튼 5.HTML소스복사블로그에삽입2011 2 8 2.
  13. 13. 위젯 1)다음위젯뱅크(http://widgetbank.daum.net) 2)WEZET(http://wezet.co.kr) 3)야후위젯(http://widgets.yahoo.com) 4)달통(http://www.daltong.com) 5)위자드팩토리(http://wzdfactory.com) 6)유디엠(http://www.udiem.com) 7)구글가젯(http://desktop.google.com/plugins/?hl=ko)2011 2 8 2.
  14. 14. 1.로그인휴대폰인증 2.설정HTML사이드바에복사 3.center복사된내용/center 4.마이피플‘App’설치2011 2 8 2.
  15. 15. 구글문서양식(Form)활용하기 1)다양한템플릿 2)결과페이지/관리페이지편리,안정 3)공유및embedding효과탁월협업2011 2 8 2.
  16. 16. 신청(여론)공간만들기 1.구글문서(http://docs.google.com)새로만들기양식(FORM) 2.6가지양식스타일중에서선택,양식작성하기 3.포함(Embed)클릭주소복사 4.확인메세지최종입력 5.블로그HTML모드에서사이즈조정해서입력 예http://bluezine.tistory.com/notice/1772011 2 8
  17. 17. 온라인거래 1.이니시스이니P2P http://www.inip2p.com 2.회원가입(로그인) 3.상품등록(등록가능상품확인) 4.Embed소스코드복사삽입2011 2 8
  18. 18. TweetBoard 1.트위터설정프로필웹위젯설정 http://twitter.com/goodies/widgets 2.웹사이트4가지테마(리스트) 3.리스트를선택하면해당리스트글들이올라옴/선택수정 4.블로그페이지에맞게디자인해서코드복사 예http://socialwriting.tistory.com/69 http://bluezine.tistory.com/3142011 2 8
  19. 19. FacebookSocialPlugin 1.http://developers.facebook.com/docs/plugins 2.ActivityFeed 3.LikeButton/Box2011 2 8
  20. 20. 블로그에게시판달기 1.게시판계정이있어야한다.(URL제공필수) 2.무료게시판우뜨보드http://wo.to 3.iframe적용(URL바꿔서복사)Cafe게시판 4.예/http://bluezine.tistory.com/1862011 2 8
  21. 21. 사진 영상 e-book 지도 오피스정보 웹앨범 뉴스레터신청 배너 페이스북뱃지2011 2 8
  22. 22. 오정택T.A발표2011 2 8
  23. 23. SocialWebWork2011 2 8
  24. 24. 수다가정보가되는순간! https://docs.google.com/viewer?a=vpid=explorerchrome=truesrcid=1eVbM68l2LE_YC4fUEe92WY2NlQH_Q7dsmEaFwztLbWm6O1hd9WaFL4SrlJkDhl=en2011 2 8
  25. 25. WebbasedMindmap http://www.lifehack.org/articles/technology/11-free-mind-mapping-applications-web-services.html2011 2 8
  26. 26. SMlab협업 http://www.mindomo.com/edit.htm?m=45dab836a18f42d9b01339178d932d1a2011 2 8
  27. 27. 다음주미리보기 1.컨텐츠시각화를위한작업 인포그라피제작소스 웹기판이미지에디터 웹프리젠테이션그리고Prezi 티에디션첫화면꾸미기 템플릿사이트활용하기 2.검색엔진최적화,내사이트를노출시키는노하우 3.팀블로그/메타블로그컨텐츠의질과양을높이는기획 4.WebbasedPromotion캐스트,매거진,홍보전략 5.소셜보드,소셜bar,소셜북마크,뱃지활용2011 2 8

×