보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.

보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.

보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.

보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.

[9기] IT ProBono @Daum 수업노트 (한남)

강의자료/일반과정 강의자료 2013.07.03 15:33

IT ProBono@Daum 9기(한남)  

환영합니다. 앞으로 한 달간 사회적경제의 온라인 커뮤니케이션 방법론을 공유하며 함께 발전하는 시간이 되기를 바라겠습니다. 


강의에 대한 문의는 아래에 부탁드립니다.

socialjung@gmail.com 또는 www.facebook.com/smlab





[1강 네트워크 세팅] 


- 속도가 빠른 인터넷 브라우저 : 구글 크롬 설치 (www.google.com/chrome


- SNS 대표선수 가입 확인 : 구글 > 페이스북 > 트위터 


- 네트워킹 노트에 정보입력  : 네트워킹 노트 여기 




2강 (7/10) 티스토리 완전정복



- 블로그 5가지 컨셉

1) 대중이 끌리는 소재에 집중/집중/집중 - 라라윈 서른 살의 철학자

2) 정보력으로 승부하는 - 디자인로그 

3) 팀워크로 매거진/웹진 - 고함20

4) 서비스 스토리텔링 - 블루미 

5) 포트폴리오와 아카이브 스타일 - 고양이를 부탁해


- 티스토리 우수블로그

http://www.tistory.com/thankyou/2012/



(*) 영상 컨텐츠 사이드바에 넣어보기 

- 동영상 최대 검색 채널 Youtube에서 콘텐츠 검색

- 공유 > 소스 코드 (맞춤 사이즈 조절 / 우리 실습 사이드바 240px) 

- 코드 복사 

- 사이드바 > 태그입력기 (치환자 코드에 넣기) 

[Youtube] http://www.youtube.com/watch?v=_eQdMwvsbyw


3강 다양한 기능이 가능한 블로그 만들기 

(1) 캘린더 (Daum) 

- 다음 캘린더 시작하기 

- 캘린더 일정 입력하기 

- 캘린더 공개로 만들기 

- 캘린더 내보내기 (HTML EMBED) - 본문 사이즈 650px 

- 블로그에 캘린더 페이지 만들기

- 캘린더 URL을 메뉴 (Header)에 넣기

[적용화면] http://itprobono.tistory.com/35

[다음 캘린더] http://calendar.daum.net/top


(2) 슬라이드 쉐어

- 전 세계의 훌륭한 슬라이드가 모여있는 사이트 구경하기 

- 가져오고 싶은 슬라이드 선택

- Embed를 통해 코드 가져오기 

[적용화면] http://www.spacenoah.net/?page_id=1149

[슬라이드 쉐어] http://www.slideshare.net


* 유사한 서비스 

1) E-Book 형으로 매거진 PDF를 가져올 수 있는 ISSUU 

http://www.issuu.com


2) 가볍게 슥슥 멋진 슬라이드 만들기

http://www.slid.es



(3) 구글 드라이브 

- 구글 Drive에서 양식(Form) 선택

- 다양한 질문으로 설문지 만들어보기 

- 블로그에 자연스럽게 넣어보기 

- 결과 관리하기, 엑셀 파일로 저장하기 

[적용화면] http://itprobono.tistory.com/38

[구글 드라이브] http://drive.google.com


(4) 인포그램 (infogr.am)

- 다양한 인포그래픽 디자인 툴 만들기 


[인포그램] http://www.infogr.am


(5) 다음 로드뷰 약도 만들기

http://map.daum.net 에서 주소 검색

- 로드뷰로 위치 콕!

- 상단의 '공유' > 지도삽입

- width 가로 값을 500px 에서 650px 로 바꿔주면 안정적인 화면



(6
) ITB까지 사진 저장하고 3D로 웹앨범 공유


플리커 공식 사이트 http://www.flickr.com/

3D 웹앨범 만들기 Cooliris http://www.cooliris.com/yoursite/express



 



4강 시각적으로 흥미로운 콘텐츠 만들기


(1) 티에디션 첫 화면 꾸미기 




- 아이템, 글선택, 디자인 화면 이해하기 

- HTML 으로 콘텐츠 넣기 


(2) 프레지 (www.prezi.com) >> case



(3) 온라인 포토샵 Pixlr (http://www.pixlr.com)

<a href="http://www.daum.net" target="_blank">

<img src="이미지 URL" width="240">

</a>


* 아이콘 파일 사이트 : http://www.iconfinder.com

* 기타 : 사진 꾸미기 프로그램

다양한 사진 효과 비펑키

페이스북 커버 꾸미기 프로그램 


* 리노잇 (Lino it) 


[리노잇] http://www.linoit.com




5강 우리 블로그를 널리 널리 알리기 위한 액션플랜! 

* 홍보 전략 PPT (첨부자료) 


[실습] 다음뷰에 연결하기 

- 티스토리 플러그인 > 다음뷰 활성화

- 다음뷰 블로그 등록

- 글 작성 후 '발행' 

[다음뷰] http://v.daum.net


[실습] 소셜댓글 '라이브리'


 

- 티스토리 플러그인 > 소셜댓글 라이브리 활성화




신고