8. 강의 주제
웹 사이트 제작 생산 과정에 대한 이해
○ 생산 기획을 하기 위해 생산과정에 대한 이해가 필수 조건
○ 생산과정 전반을 이해해야 웹기획 능력 방향을 위해 필요한 지식들을 파악
9. “웹기획에 들어가기 전에 일어나는 일들”
마케팅 계획 수립 디지털 커뮤니케이션 전략 수립
○ Announce Spark’s success in global ○ 2,30대에게 글로벌은 아주가까운 이야기이나
○ Utilize BTL activity as contents 동경/추종의 대상이 아니다.
(eg. Global Spark driver camp) ○ 기존 10년간 전세계의 스파크 팬을 SNS을
통해 연결할 수 있는 기회를 제공하자.
10. 제작해야 할 플랫폼 웹서비스에 대한
웹기획의 출발점
“기획의도에 대해 충분한 이해도를 가지고 있는 캠페인 기획자가 웹기획을 담당”
11. 웹 기획 단계
○ 웹사이트 제작 운영을 위해 필요한 요소의 전반을 기획
▪ 프로그램 정책 수립 프로세스 참여조건 보상 방법 등
▪ 화면 설계 등
▪ 평가 측정 기준 수립 본 마케팅 프로그램의 성과 측정 방법 기준
[화면 설계서] [프로세스 구성도]
12. ○ 프로그램 정책 수립
○ 화면 설계
○ 평가 측정 기준 수립
요구되는 지식
○ 디지털 마케팅 커뮤니케이션에 대한 이해도
○ 웹 개발에 대한 지식
○ 웹 디자인 에 대한 이해
○ 에 대한 이해도
의 지식
13.
14. 디자인 제작단계
○ 화면 설계도를 기준으로 디자인 들을 활용하여 사용자에게 실제로 보여지는 이미지로
제작하는 단계
○ 원칙적으로는 화면 설계도 페이지만큼 제작된 이미지 페이지 개수도 동일
15. 웹 코딩 단계
○ 이미지 영상 플래쉬 파일로 제작된 디자인 산출물을 웹 브라우저를 통해 볼 수 있도록 변환
시키는 작업 단계
○ 사용되는 주 언어가 임에 따라 코딩 이라고도 부름
이미지 영상 플래쉬 에 적합한 구조
16. 웹 코딩 단계
○ 코딩 의 사전적 의미
▪ 자료 처리를 자동화하기 위해 일정한 규칙에 따라 품목별로 대상번호 또는 문자를 부여하는 것
▪ 즉 기계가 알 수 있는 언어를 일정한 명령문에 따라 문자 또는 숫자를 사용해 기호화하는 것을 말한다
17. 웹 코딩 단계
○ 웹코딩 단계의 활용 언어
▪ 웹브라우저가 인식하는 대표 언어
※ 문서의 글자크기 글자색 글자모양 그래픽 문서이동 하이퍼링크 등을 정의하는 명령어
※ 에서 사용하는 명령어는 태그 라고 하는데 꺽쇠괄호 를 사용하여 나타낸다
에서 부족한 기능을 보완하는 언어
▪
※ 을 이용해서 웹 페이지를 제작할 경우 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만 웹 페이지의 스타일 작성형식 을
미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로 문서 전체의 일관성을
유지할 수 있고 작업 시간도 단축된다
※ 글자의 크기 글자체 줄간격 배경 색상 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지 보수도 간편하게 할 수 있다
▪ 계열
※ 정적인 언어를 보완하기 위해 개발된 언어
※ 스크립트는 문서 속에 직접 기술하며 라는 태그를 사용한다
22. 개발 단계 개발코딩
○ 웹 개발 언어 서버 프로그래밍 언어
▪ 웹서버 서버로 구분되어 사용되는 개발 언어가 각기 다름
▪ 웹서버
• 페이지 이미지 영상 파일 등을 저장 → 사용자 요청에 따라 해당 파일을 브라우저를 통해 전송하는 서버
• 서버 에 따라 개발하는 언어가 다름
• 계열
• 계열
• 리눅스 계열
▪ 서버
• 데이터 베이스로 저장하고 있다가 결과값을 보여주거나 로 저장해야 하는 요청 등을 처리하는 서버
• 구조화 질의어
23. 서버에 해당 검색어의 검색 결과를 요청
요청하는 언어가
로그인 요청 시 입력되는 결과에 따라
적합한 페이지 전송