18
IT Probono @ | 비영리단체를 위한 사회공헌 프로그램입니다. 블로그에 지도도 넣고 , SNS도 불러오고, 모금결제 까지 4강

IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

IT Probono @

| 비영리단체를 위한 사회공헌 프로그램입니다.

블로그에 지도도 넣고,

SNS도 불러오고, 모금결제까지

4강

Page 2: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척
Page 3: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척
Page 4: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척
Page 5: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

블로그 레이아웃 사이즈

#header

#content #sidebar

#footer

#container

HTML/CSS

Page 6: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

캘린더����������� ������������������  :����������� ������������������  스케줄����������� ������������������  공유1

http://itprobono.tistory.com/10

Page 7: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

다음����������� ������������������  캘린더����������� ������������������  

1.����������� ������������������  캘린더����������� ������������������  접속����������� ������������������  ����������� ������������������  ����������� ������������������  http://calendar.daum.net/top

2.����������� ������������������  캘릭더����������� ������������������  추가����������� ������������������  및����������� ������������������  공개설정

3.����������� ������������������  내보내기����������� ������������������  >����������� ������������������  HTML로����������� ������������������  보내기����������� ������������������  >����������� ������������������  설정����������� ������������������  후����������� ������������������  코드����������� ������������������  완료

http://bluezine.tistory.com/170

Page 8: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척
Page 9: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

2 웰앨범����������� ������������������  >����������� ������������������  ����������� ������������������  3D����������� ������������������  wall

http://itprobono.tistory.com/11

Page 10: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

1)����������� ������������������  구글����������� ������������������  피카사����������� ������������������  (http://picasaweb.google.com)����������� ������������������  또는����������� ������������������  페이스북����������� ������������������  웹앨범����������� ������������������  만들기

2)����������� ������������������  Cooliris����������� ������������������  3D����������� ������������������  서비스����������� ������������������  http://www.cooliris.com/yoursite/express/����������� ������������������  ����������� ������������������  

3)����������� ������������������  웹미디어����������� ������������������  앨범의����������� ������������������  URL을����������� ������������������  입력

4)����������� ������������������  Customize����������� ������������������  >����������� ������������������  HTML����������� ������������������  코드����������� ������������������  복사(copy)

����������� ������������������  3D느낌의����������� ������������������  웹앨범����������� ������������������  만들기����������� ������������������  

Page 11: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척
Page 12: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

3 정보력����������� ������������������  강한����������� ������������������  웹슬라이드

PPT, PDF등의 컨텐츠 생태계 SlideShare

eBook과 잡지형태로 만드는 ISSUU

Zoom 기능으로 스토리텔링에 최적화된 Prezi

http://itprobono.tistory.com/14

협업도 가능한 마인드맵 서비스 mind42

Page 13: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

웹기반����������� ������������������  신청/설문����������� ������������������  구글양식4

http://itprobono.tistory.com/12

Page 14: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

5

실시간����������� ������������������  대화����������� ������������������  (1)����������� ������������������  트위터����������� ������������������  토크보드소셜댓글(2)����������� ������������������  페이스북����������� ������������������  코멘트

http://twitter.com/about/resources/widgets/ http://developers.facebook.com/docs/reference/plugins/comments/

http://itprobono.tistory.com/16

Page 15: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

트윗위젯 .....����������� ������������������  트위터����������� ������������������  게시판����������� ������������������  만들기

1.����������� ������������������  트위터에서����������� ������������������  [프로필]����������� ������������������  >����������� ������������������  [프로필]����������� ������������������  >����������� ������������������  내����������� ������������������  웹사이트에����������� ������������������  트위터����������� ������������������  넣기����������� ������������������  선택

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  직접����������� ������������������  주소����������� ������������������  :����������� ������������������  http://twitter.com/about/resources/widgets����������� ������������������  

2.����������� ������������������  사이즈와����������� ������������������  색상,����������� ������������������  위젯����������� ������������������  성향(4개����������� ������������������  중����������� ������������������  하나)을����������� ������������������  선택하고����������� ������������������  HTML코드����������� ������������������  받기����������� ������������������  

3.����������� ������������������  블로그나����������� ������������������  웹사이트에서����������� ������������������  HTML����������� ������������������  모드로����������� ������������������  설정하고����������� ������������������  복사����������� ������������������  

*����������� ������������������  적용된����������� ������������������  예����������� ������������������  :����������� ������������������  http://bluezine.tistory.com����������� ������������������  (해시태그����������� ������������������  #Chungeoram)����������� ������������������  SMlab

Page 16: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

.....����������� ������������������  소셜댓글

1.����������� ������������������  페이스북����������� ������������������  개발자����������� ������������������  >����������� ������������������  소셜����������� ������������������  플러그인����������� ������������������  (http://developers.facebook.com/docs/reference/plugins)����������� ������������������  

2.����������� ������������������  소셜댓글은����������� ������������������  ‘comments’����������� ������������������  클릭����������� ������������������  >����������� ������������������  필요한����������� ������������������  네트워킹����������� ������������������  정보를����������� ������������������  입력

3.����������� ������������������  정보를����������� ������������������  입력한����������� ������������������  후에����������� ������������������  Get����������� ������������������  Code����������� ������������������  하면����������� ������������������  플러그인����������� ������������������  코드가����������� ������������������  나옵니다.

4.����������� ������������������  플러그인����������� ������������������  코드를����������� ������������������  블로그나����������� ������������������  HTML����������� ������������������  게시판에����������� ������������������  입력하면����������� ������������������  완료!

SMlab

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  페이스북����������� ������������������  소셜플러그인

Page 17: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

이미지����������� ������������������  배너����������� ������������������  만들기6

http://itprobono.tistory.com/17

Page 18: IT Probono @Daum 4강 블로그에 지도도 넣고, SNS도 불러오고, 모금결제까지 척! 척

감사합니다, 시민들의 열린 커뮤니

케이션 꿈꾸는

정수현이었습니다!“”

@socialjung