SlideShare a Scribd company logo
1 of 19
2011년도 평화와 공공성 센터 WEBSITE 제작 개요 작성/발표: 이고은 발표일: 2011.10.12.
[01] 웹 사이트 구성요소 1) 헤더, 풋터: 모든 페이지에 공통적으로 표시             (로고, 대표자이름, 주소, 전화, 저작권, 이메일 등) 2) 메뉴: 주메뉴, 부메뉴 3) 페이지: 제공자의 일방적 소통 보여주고 싶은 내용 표시 4) 게시판: 제공자, 사용자의 양방 소통 커뮤니케이션, 사용자의 참여 가능 글, 사진, 동영상 등을 게시
[01] 웹 사이트 구성요소 5) 페이지 헤더 콘텐츠 주메뉴 부메뉴 풋터
[01] 웹 사이트 구성요소 6) 게시판 게시글
[01] 웹 사이트 구성요소 7) 갤러리 사진 게시
[01] 웹 사이트 구성요소 8) 메인화면 주 메뉴 위젯:  홈페이지에 게재된 글, 사진 등을 형식만 변형하여 표현
[01] 웹 사이트 구성요소 9) SNS연동- 페이스북(페이스북 플러그인) Ex) 청어람 아카데미 http://www.bluelog.kr/ 위키 트리 http://wikitree.co.kr/
[01] 웹 사이트 구성요소 9) SNS연동- 트위터 Ex) 노틸러스아리http://ari.or.kr/
[01] 웹 사이트 구성요소 10) 파워포인트뷰어:  웹상에서 파워포인트 문서를 보여 줌으로서 홍보 및 정보전달 효과기대 슬라이드쉐어: 파워포인트문서를  웹용으로 변환 및 보여주기가 가능 http://www.slideshare.net 현재 보여지고 있는 프레젠테이션의 주소를 복사/붙여넣기 하여 다른 사이트에서도 보여주는 것이 가능
[01] 웹 사이트 구성요소 10) 파워포인트뷰어:  프레지: 프레지 사이트에서 파워포인트를 작성하여 애니메이션과 같은 프레젠테이션이 가능 http://prezi.com/ 현재 보여지고 있는 프레젠테이션의 주소를 복사/붙여넣기 하여 다른 사이트에서도 보여주는 것이 가능
[02] 웹 사이트 제작 툴 사이트에 따라 제작 툴을 다르게 이용하는 것도 한 방법 1) Xpress Engine: 네이버에서 만든 홈페이지 제작 툴 한글, 유지보수가 용이 www.xpressengine.com/ 2) Wordpress: 프리 소프트웨어 진영에서 만든 툴 영어, 매뉴얼이나 툴이 영어로 되어 있음 http://wordpress.org/ http://wordpress.co.kr/forum/ 3) Tstory: 다음에서 제공하는 툴 별도의 서버를 필요로 하지 않음.  www.tistory.com/
[03] 웹 사이트 설치 환경 1) 서버(Server): 홈페이지의 소스, 자료들이 저장될 하드웨어 2) 도메인(Domain): 홈페이지의 주소.  사용자 홈페이지에 방문하게 하기위해 필요한 주소. Ex) 평화와 공공성 센터: www.cppi.or.kr/ 노틸러스아리: ari.or.kr/
[03] 웹 사이트 콘텐츠 다음과 같은 사이트의 개발을 목적으로 함. 1) 평화와 공공성 센터 2) SSK사이트 3) 전병유 교수님 4) 이기호 교수님 5) 홍인수 교수님 6) 세계발전 연구소 7) 그 외 1개 사이트
[03] 웹 사이트 콘텐츠 1) 사이트의 목표 및 사이트가 추구하는 가치:  2) 사이트의 성격: 공공성, 지식적 3) 사이트 방문자: 사이트에 주로 방문 할 것이라고 생각되는 대상 4) 콘텐츠: 웹 사이트에 게재할 내용 각 사이트에 포함되는  기관, 단체로 부터 자료를 전달 받을 필요가 있습니다.
[03] 웹 사이트 디자인 위에 언급한 바와 같이 웹사이트를 구성하는 내용을 고려하여 콘텐츠 배치 디자인제작 진행 예정 1) 외주 디자인 업체 고용 2) 제작 툴에서 제공하는 레이어를 사용     (만족할 만한 디자인을 찾는 것이 어려울 가능성 있음)
[03] 웹 사이트 운영 1) 회원가입과 회원을 관리하는 기능 2) 소식지 제작:  웹매거진(주보또는 월보)을 사용자에게 이메일 형식으로 발송 웹메일 발송 업체를 이용    Ex) http://www.ozmailer.com/
[03] 웹 사이트 유지/보수 1) 새로운 컨텐츠의 업데이트:  게시글, 사진 등을 게시판에 올리는 형식 2) 메인화면 관리:     게시판에 글을 올리고 위젯에서메인으로 보여주는 형식
[03] 웹 사이트 제작 플로우 1) 상세정의서의 내용을 바탕으로  사이트 맵, 기능구현, 콘텐츠 배치, 레이아웃 시안(프로토타입)을 작성 상세정의서 제출 기한: ? 2) 컨펌된 내용을 바탕으로 사이트 제작 3) 자료 입력
[03] 회의 1) 상세정의서의 내용을 바탕으로    사이트 맵, 기능구현, 콘텐츠 배치, 레이아웃 시안을 작성 2) 컨펌된 내용을 바탕으로 사이트 제작 3) 자료 입력

More Related Content

Similar to [2011.10.12.]웹사이트제작 개요 프레젠테이션

U&i insight2012스터디설명회
U&i insight2012스터디설명회U&i insight2012스터디설명회
U&i insight2012스터디설명회Amy Young Ah Kim
 
소셜웹기초셋팅 1015
소셜웹기초셋팅 1015소셜웹기초셋팅 1015
소셜웹기초셋팅 1015호천 김
 
Man's community(Man's)
Man's community(Man's)Man's community(Man's)
Man's community(Man's)송 준일
 
문서폼 사용매뉴얼 20110513
문서폼 사용매뉴얼 20110513문서폼 사용매뉴얼 20110513
문서폼 사용매뉴얼 20110513biolbam
 

Similar to [2011.10.12.]웹사이트제작 개요 프레젠테이션 (7)

Web micro blog
Web micro blogWeb micro blog
Web micro blog
 
U&i insight2012스터디설명회
U&i insight2012스터디설명회U&i insight2012스터디설명회
U&i insight2012스터디설명회
 
소셜웹기초셋팅 1015
소셜웹기초셋팅 1015소셜웹기초셋팅 1015
소셜웹기초셋팅 1015
 
교바사
교바사교바사
교바사
 
Man's community(Man's)
Man's community(Man's)Man's community(Man's)
Man's community(Man's)
 
문서폼 사용매뉴얼 20110513
문서폼 사용매뉴얼 20110513문서폼 사용매뉴얼 20110513
문서폼 사용매뉴얼 20110513
 
플젝
플젝플젝
플젝
 

[2011.10.12.]웹사이트제작 개요 프레젠테이션

  • 1. 2011년도 평화와 공공성 센터 WEBSITE 제작 개요 작성/발표: 이고은 발표일: 2011.10.12.
  • 2. [01] 웹 사이트 구성요소 1) 헤더, 풋터: 모든 페이지에 공통적으로 표시 (로고, 대표자이름, 주소, 전화, 저작권, 이메일 등) 2) 메뉴: 주메뉴, 부메뉴 3) 페이지: 제공자의 일방적 소통 보여주고 싶은 내용 표시 4) 게시판: 제공자, 사용자의 양방 소통 커뮤니케이션, 사용자의 참여 가능 글, 사진, 동영상 등을 게시
  • 3. [01] 웹 사이트 구성요소 5) 페이지 헤더 콘텐츠 주메뉴 부메뉴 풋터
  • 4. [01] 웹 사이트 구성요소 6) 게시판 게시글
  • 5. [01] 웹 사이트 구성요소 7) 갤러리 사진 게시
  • 6. [01] 웹 사이트 구성요소 8) 메인화면 주 메뉴 위젯: 홈페이지에 게재된 글, 사진 등을 형식만 변형하여 표현
  • 7. [01] 웹 사이트 구성요소 9) SNS연동- 페이스북(페이스북 플러그인) Ex) 청어람 아카데미 http://www.bluelog.kr/ 위키 트리 http://wikitree.co.kr/
  • 8. [01] 웹 사이트 구성요소 9) SNS연동- 트위터 Ex) 노틸러스아리http://ari.or.kr/
  • 9. [01] 웹 사이트 구성요소 10) 파워포인트뷰어: 웹상에서 파워포인트 문서를 보여 줌으로서 홍보 및 정보전달 효과기대 슬라이드쉐어: 파워포인트문서를 웹용으로 변환 및 보여주기가 가능 http://www.slideshare.net 현재 보여지고 있는 프레젠테이션의 주소를 복사/붙여넣기 하여 다른 사이트에서도 보여주는 것이 가능
  • 10. [01] 웹 사이트 구성요소 10) 파워포인트뷰어: 프레지: 프레지 사이트에서 파워포인트를 작성하여 애니메이션과 같은 프레젠테이션이 가능 http://prezi.com/ 현재 보여지고 있는 프레젠테이션의 주소를 복사/붙여넣기 하여 다른 사이트에서도 보여주는 것이 가능
  • 11. [02] 웹 사이트 제작 툴 사이트에 따라 제작 툴을 다르게 이용하는 것도 한 방법 1) Xpress Engine: 네이버에서 만든 홈페이지 제작 툴 한글, 유지보수가 용이 www.xpressengine.com/ 2) Wordpress: 프리 소프트웨어 진영에서 만든 툴 영어, 매뉴얼이나 툴이 영어로 되어 있음 http://wordpress.org/ http://wordpress.co.kr/forum/ 3) Tstory: 다음에서 제공하는 툴 별도의 서버를 필요로 하지 않음. www.tistory.com/
  • 12. [03] 웹 사이트 설치 환경 1) 서버(Server): 홈페이지의 소스, 자료들이 저장될 하드웨어 2) 도메인(Domain): 홈페이지의 주소. 사용자 홈페이지에 방문하게 하기위해 필요한 주소. Ex) 평화와 공공성 센터: www.cppi.or.kr/ 노틸러스아리: ari.or.kr/
  • 13. [03] 웹 사이트 콘텐츠 다음과 같은 사이트의 개발을 목적으로 함. 1) 평화와 공공성 센터 2) SSK사이트 3) 전병유 교수님 4) 이기호 교수님 5) 홍인수 교수님 6) 세계발전 연구소 7) 그 외 1개 사이트
  • 14. [03] 웹 사이트 콘텐츠 1) 사이트의 목표 및 사이트가 추구하는 가치: 2) 사이트의 성격: 공공성, 지식적 3) 사이트 방문자: 사이트에 주로 방문 할 것이라고 생각되는 대상 4) 콘텐츠: 웹 사이트에 게재할 내용 각 사이트에 포함되는 기관, 단체로 부터 자료를 전달 받을 필요가 있습니다.
  • 15. [03] 웹 사이트 디자인 위에 언급한 바와 같이 웹사이트를 구성하는 내용을 고려하여 콘텐츠 배치 디자인제작 진행 예정 1) 외주 디자인 업체 고용 2) 제작 툴에서 제공하는 레이어를 사용 (만족할 만한 디자인을 찾는 것이 어려울 가능성 있음)
  • 16. [03] 웹 사이트 운영 1) 회원가입과 회원을 관리하는 기능 2) 소식지 제작: 웹매거진(주보또는 월보)을 사용자에게 이메일 형식으로 발송 웹메일 발송 업체를 이용 Ex) http://www.ozmailer.com/
  • 17. [03] 웹 사이트 유지/보수 1) 새로운 컨텐츠의 업데이트: 게시글, 사진 등을 게시판에 올리는 형식 2) 메인화면 관리: 게시판에 글을 올리고 위젯에서메인으로 보여주는 형식
  • 18. [03] 웹 사이트 제작 플로우 1) 상세정의서의 내용을 바탕으로 사이트 맵, 기능구현, 콘텐츠 배치, 레이아웃 시안(프로토타입)을 작성 상세정의서 제출 기한: ? 2) 컨펌된 내용을 바탕으로 사이트 제작 3) 자료 입력
  • 19. [03] 회의 1) 상세정의서의 내용을 바탕으로 사이트 맵, 기능구현, 콘텐츠 배치, 레이아웃 시안을 작성 2) 컨펌된 내용을 바탕으로 사이트 제작 3) 자료 입력