ݺߣ

ݺߣShare a Scribd company logo

대안미디어만나기 4회(정수현)

•
•
창열 이
창열 이
1 of 34
소셜웹활용전략워크숍03 다이나믹웹페이지만들기 가치를담아내는기술 정수현(청어람아카데미SNS프로그래머) SocialJung@gmail.com http://suelog.tistory.com http://facebook.com/smlab twitter@movenations http://bluezine.tistory.com 2011 3 3 1
소셜웹활용전략 BLOG+SNS즐거운활용 2011 3 3 2
워크숍포인트 SNS친 해지기 가치집 네트워 결 정보가치담긴 크만들 기 스토리텔링 2011 3 3 3
모든소통 www.facebook.com/SMLab 2011 3 3 4
외면하 고픈 포스팅 읽히는글,직관성의커뮤니케이션 2011 3 3 5
theme01 Blog+SNS적용 2011 3 3 6
다이나믹페이짶 Blog+SNS 2011 3 3 7
오늘의키워드 HTML-Embed 2011 3 3 8
HTML Hyper Text Markup Language http://ko.wikipedia.org/wiki/HTML 하이퍼텍스트마크업언어/웹페이지를위한지배적인마크업데이터언어 제목단락목록등과같은본문을위한구조적의미를나타내는것뿐만아니라 링크인용과그밖의항목으로구조적문서를만들수있는방법을제공 이미지와객체를내장하고대화형양식을생성하는데사용 웹페이지콘텐츠안의꺾쇠괄호에둘러싸인태그로되어있는형태로작성 웹브라우저와같은그밖의항목의외관과배치를정의하는 처리장치의행동에영향을주는자바스크립트와본문과 CSS같은스크립트를포함하거나불러올수있다 2011 3 3 9
1.웹미디어앨범만들기 블로그 에웹앨 범을! 2011 3 3 10
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
영상삽입 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
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
3-1.캘린더 적용 된예 1.다음캘린더추천 http://calendar.daum.net/top 2. 1. 2. 3. 2011 3 3 2. 14
적용 3-1.캘린더 http://bluezine.tistory.com/170 된예 3. 4.HTML코드복사블로그에삽입 2011 3 3 2. 15
적용 3-2.지도 된예 http://bluezine.tistory.com/notice/177 1.지도에검색등록하세요! 2.지도창에서주소및단체검색 3.해당포인트위치지정 4.보내기혹은지도삽입,Map버튼 5.HTML소스복사블로그에삽입 2011 3 3 2. 16
4.구글문서식(ǰ)홵Ӛ기 1)http://docs.google.com 2)새문서(createnew)양식(form) 3)내용입력 4)포함하기(embed)복사붙이기 5)publicweb,share,관리자화면 용 된예 적 http://bluezine.tistory.com/307 2011 3 3 2. 17
4.구글문서식(ǰ)홵Ӛ기 1)다양한템플릿 2)결과페이지/관리페이지편리,안정 3)공유및embedding효과탁월협업 2011 3 3 2. 18
theme02 컨텐츠를시각화하는툴 2011 3 3 19
Web-Presentation www.slideshare.com www.scribd.com http://www.wiziq.com 2011 3 3 20
ʰ페이짶만들기 1.텍스트입력/resize,rotate,move,zoom 2.이미지불러오기 3.동영상불러오기 4.타임라인만들기 5.Frame으로구분하기 6.path설정하기 7.slideshow 8.embedding블로그 2011 3 3 21
이미짶에디터 웹기반에서포토샵기능을구현하는이미짶에디터 http://www.pixlr.com 2011 3 3 22
네이버포토에디터 이미지보정및편집 http://s.lab.naver.com/pe/ 2011 3 3 23
웹기반동영상편집에디터 http://www.hongkiat.com/blog/video-editing-30-free- tools-and-web-services-to-get-things-done/ 2011 3 3 24
웹기반소통문화 WebbasedCommunication 2011 3 3 25
theme03 웹오피스또는PR페이지 2011 3 3 26
사진 영상 e-book 지도 오피스정보 웹앨범 뉴스레터신청 배너 페이스북뱃지 2011 3 3 27
사진 PR 프로필 컨택 워크 웹앨범 영상 슬라이드 캘린더 페이스북뱃지 2011 3 3 28
정수˳]의사적긶쓰기 SUElog.tistory.com 2030이슈 관심사 무브먼트 카테고리 미디어를통한 RealTime 일상공유 WEB 2011 3 3 29
MediaActivist 창의성 관계중심 공공성 표현능력 전문성 2011 3 3 30
소셜웹파워는 화려한기술이아니라 “따뜻한공감능력”에있다. 2011 3 3 31
작가정신! 2011 3 3 32
모든소통 www.facebook.com/SMLab 2011 3 3 33
소셜웹활용전략워크숍03 ThankYou!! 정수현(청어람아카데미SNS프로그래머) SocialJung@gmail.com http://suelog.tistory.com http://facebook.com/smlab twitter@movenations http://bluezine.tistory.com 2011 3 3 34

More Related Content

대안미디어만나기 4회(정수현)

  • 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.구글문서식(ǰ)홵Ӛ기 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.구글문서식(ǰ)홵Ӛ기 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. ʰ페이짶만들기 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
  • 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