[스토리보드][스토리보드 정의][스토리보드 필요성][스토리보드 제작단계][스토리보드 구성]스토리보드의 정의와 스토리보드의 필요성 및 스토리보드의 제작 단계 그리고 스토리보드의 실제 구성 분석

소개글

[스토리보드][스토리보드 정의][스토리보드 필요성][스토리보드 제작단계][스토리보드 구성]스토리보드의 정의와 스토리보드의 필요성 및 스토리보드의 제작 단계 그리고 스토리보드의 실제 구성 분석에 대한 보고서 자료입니다.

목차

Ⅰ. 개요

Ⅱ. 스토리보드의 정의

Ⅲ. 스토리보드의 필요성

Ⅳ. 스토리보드의 제작 단계
1. 사이트 맵 만들기(스토리 보드 1단계)
2. 스타일 정하기(스토리 보드 2단계)
3. 설계하기(스토리 보드 3단계)

Ⅴ. 스토리보드의 실제 구성

참고문헌

본문내용

사용하고 있다. 메인창에 코드를 표시하고 이곳에다가 Table명을 기입하고 있다. 프로그램작업하실 때 많이 편리할 것이다. 물론 사용하는 컬럼네임까지 적어주면 좋겠지만 지면 관계상 적지 않고 있다. DB가 중요한 사이트라면 항목을 한번 만들어 보는 것도 좋다.
7. 다음은 우측중간에 있는 내용이다. 여기는 메모창이다. 창에 각 요소마다 주석을 달아야하는 데 이곳에 적는다. 코드를 , , 이런 형태로 사용하는 데 이건 좋은대로 한다. 가나다를 쓰시던지 1234를 쓰던지 말리지 않겠다. 주석을 적으실 때는 주석정보를 볼 사람, 디자이너 또는 프로그래머에게 의사가 정확하게 전달될 수 있도록 하고 간결하게 표현하시는 것이 좋다. 공간이 부족한 부분은 메인창뿐 아니라 어떤 곳이라도 태그를 달고 이곳에 적는다. 사용하다보면 공간이 부족한 부분이 많이 생길 것이다. 지금 예제에도 메타 Description항목에 라는 코드가 붙어있고 그 내용이 내용의 에 들어 있다. 이렇게 사용하면 된다. 좌측 중앙부분의 넓은 창이 있다. 이 곳에 이 페이지의 구성이 들어간다. 물론 이곳에다가 상세한 디자인을 그리지는 않는다. 다만 어떤 부분이 어느 곳에 들어갈지 전체 구성이 들어간다. 디자인에 대한 컨셉을 설명하기는 하지만 실제 디자인 작업은 디자이너의 몫이라고 생각한다.
그럼 하나씩 집어보면서 각 코드부분과 내용부분을 찾아보면 이해가 될 듯 한데 먼저 메인창의 젤 위에 A라는 주석표시가 보인다. 이건 내용부분에 이에 대한 설명이 있다는 표시이다. 내용에 보시면 A항목에 topmenu.asp삽입이라고 되어있다. 이 화일을 이곳에 삽입하라는 말이다. 그리고 네모들이 보인다. 작은 네모, 중간네모, 큰네모, 그건 내용을 구분해 주고 있다. 페이지의 전반적인 구성도를 보여주고 있다. 이걸 토대로 디자이너는 html 테이블 설계를 하게 되고 그 안에 디자인들을 그리게 된다. 이 페이지에서는 작은 네모들은 제목들을 표시하고 있다. 큰 네모들은 내용을 넣을 공간들을 표시해 주었다.
주석A 아래 작은 네모에 보면 주석B 표시가 있다. 여기저기 많이 있다. 주석B의 내용을 보니 배경에 이미지를 삽입하라는 내용이다. 같은 내용의 주석은 이렇게 같은 주석으로 여러곳에 표시하면 편리하다. 사이트에 대한 설계도처럼 보이나? 이것만 보면 이 페이지가 어떻게 만들어 질 지가 보이나? 만일 그렇다면 성공한 것이다. 아니라면 이 페이지는 실패이다.
참고문헌
김영기, 홈페이지 만들기, 내하출판사
김석주(1996), WWW에서 홈페이지 만들기, 가남사
오종혁(2001), 성공적인 웹사이트 구축을 위한 웹 기획 & 웹 프로젝트 매니지먼트, 영진.com
양민철(1998), 기업 웹사이트의 효과적인 구축전략에 관한 연구, 중앙대학교 석사논문
웹기획 & 웹프로젝트 매니지먼트, 영진닷컴
조영우·이재환·이창희·김교일(2000), 홈페이지 제작 기법, 大林
한국전산원(1997), 공공기관 홈페이지 구축, 운영 지침서, http://ncadl.nca.or.kr