• Like
대안미디어만나기 4회(정수현)
Upcoming SlideShare
Loading in...5
×

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

  • 473 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
473
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 소셜웹활용전략워크숍03 다이나믹웹페이지만들기 가치를담아내는기술 정수현(청어람아카데미SNS프로그래머) SocialJung@gmail.com http://suelog.tistory.com http://facebook.com/smlab twitter@movenations http://bluezine.tistory.com2011 3 3 1
  • 2. 소셜웹활용전략 BLOG+SNS즐거운활용2011 3 3 2
  • 3. 워크숍포인트 SNS친 해지기 가치집 네트워 결 정보가치담긴 크만들 기 스토리텔링2011 3 3 3
  • 4. 모든소통 www.facebook.com/SMLab2011 3 3 4
  • 5. 외면하 고픈 포스팅 읽히는글,직관성의커뮤니케이션2011 3 3 5
  • 6. theme01 Blog+SNS적용2011 3 3 6
  • 7. 다이나믹페이지 Blog+SNS2011 3 3 7
  • 8. 오늘의키워드 HTML-Embed2011 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/FE2011 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.3Dwall>Blog 1)Cooliris3D서비스http://www.cooliris.com/yoursite/express/ 2)웹미디어앨범의URL을입력 3)Customize>HTML코드복사(copy) 4)블로그페이지에붙이기(paste) 용 된예 적 http://bluezine.tistory.com/2932011 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/3072011 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.com2011 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.com2011 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. 웹기반소통문화 WebbasedCommunication2011 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 일상공유 WEB2011 3 3 29
  • 30. MediaActivist 창의성 관계중심 공공성 표현능력 전문성2011 3 3 30
  • 31. 소셜웹파워는 화려한기술이아니라 “따뜻한공감능력”에있다.2011 3 3 31
  • 32. 작가정신!2011 3 3 32
  • 33. 모든소통 www.facebook.com/SMLab2011 3 3 33
  • 34. 소셜웹활용전략워크숍03 ThankYou!! 정수현(청어람아카데미SNS프로그래머) SocialJung@gmail.com http://suelog.tistory.com http://facebook.com/smlab twitter@movenations http://bluezine.tistory.com2011 3 3 34