선수 학습

• 웹 디자인, 웹 콘텐츠
• 웹 디자인에 필요한 프로그램
• 내비게이션, 메인·서브 페이지

선수 활동

• 사이트 컨셉 디자인

수행 순서

가. 웹 페이지 내용을 정리한다.

주제를 선정했으면 홈 페이지에 담을 내용을 수집·정리해야 한다. 책이나 통신을 이용하면 많은 정보를 얻을 수 있지만 무엇보다 중요한 것은 참신한 아이디어이다. 많은 사람들이 이미 알고 있거나, 인터넷에서 많이 제공되는 정보를 선택하기보다는 본인의 독창적인 생각이 필요하다.

나. 화면을 디자인한다.

아무리 좋은 내용이라도 멋지게 포장하지 않으면 네티즌의 관심을 끌기 어렵다. 사용하기 편하면서 일목요연하게 정보를 제공할 수 있도록 화면을 설계해야 한다. 종이 위에 화면을 직접 그려보고, 다른 홈페이지들과 비교•분석하면서 자신의 색깔을 담을 수 있는 사용자 인터페이스를 설계해야 한다.

다. 필요한 자료를 검색한다.

웹 페이지에 사용할 이미지, 소리, 동영상과 같은 자료는 직접 제작하는 것이 가장 바람직하다. 그러나 처음부터 모든 자료를 준비하기 어려우므로 무료로 제공되는 멀티미디어 자료들을 구해서 활용하는 것도 좋은 방법이다.

라. 스토리보드에 따른 메인 페이지와 서브 페이지 설계

필요한 자료를 정리하였으면 위에서 구상한 스토리 보드에 따라서 메인 페이지와 그에 맞는 서브 페이지(회원가입, 결제, 상품상세설명, 상품검색 등)를 구상하고 설계한다. 쇼핑몰에 있어서 서브 페이지의 필수적인 요소를 알아보면 로그인, 회원 등록, 회원 수정, 회원 탈퇴, 게시판 목록, 게시판 글쓰기, 게시판 내용 상세 보기 게시판 답변 쓰기, 게시판 수정, 게시판 삭제, 상품 검색, 장바구니, 내역보기, 주문결제, 배송확인, 화면 설계, 메인 페이지, 회원 가입 정도가 있다. 서브 페이지를 설계할 때에는 위의 요소를 필수로 생각하며 그밖에 필요한 항목이 있다면 그 항목도 생각하여 설계해야한다.

마. 웹 페이지를 제작한다.

모든 준비가 끝났으면 웹 페이지를 제작해야 한다.  Sublime Text, Atom, Visual Studio Code 같은 편집기를 이용해서 제작하거나 Wix, 아임웹, 카페24와 같은 홈페이지 제작 서비스를 이용해서 제작할 수도 있다. 자신이 알고 있는 정보를 네티즌들과 공유한다는 기쁜 마음을 갖고 집을 꾸민다면 멋진 홈 페이지가 완성될 것이다.