1. 소셜미디어
제작워크숍SMlab
Basic03:블로그와SNS가만났을때
정수현(청어람아카데미SNS프로그래머)
SocialJung@gmail.com
http://suelog.tistory.com
http://facebook.com/movenations
twitter@movenations
2011 2 7

2. 소셜미디어제작워크숍
Basic교육과정
1주Web2.0Activate,SNS사회적가치,TGIF세팅
2주SNS사회적관계망(유대)만들기,블로그세팅
4주컨텐츠시각화작업(Prezi및인포그라피제작)
3주정보의효과적전달(HTML/에디터사용)
5주“확산”(메타블로그/캐스트/홍보+마케팅)
6주Presentation+Networking
파워블로거가된다는것은?
2011 2 7

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

4. 오늘의키워드
HTML-Embed
2011 2 7

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

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

7. 오늘의워크숍
1.웹미디어앨범설정하기
2.3Dwall를블로그에삽입(embedding)
3.캘린더/지도삽입
4.구글문서를활용해신청/설문페이지제작
5.블로그PR또는웹오피스만들기
2011 2 7

8. 1.웹미디어앨범만들기
블로그
에웹앨
범을!
2011 2 7

9. 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 2 7

10. 영상삽입
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 2 7 2.

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

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

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

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

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

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

17. 5.블로그PR페이지또는
웹페이지만들기
PR
2011 2 7

18. 5.블로그PR페이지또는
웹페이지만들기
PR
2011 2 7

19. 5.블로그PR페이지또는
웹페이지만들기
PR
2011 2 7

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

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

22. 1)페이스북배너(badge)달기
http://www.facebook.com/badges
2)웹슬라이드
http://www.slideshare.com
3)e-book프리젠테이션
http://www.scribd.com
2011 2 7