3. 일반 게시판 관련 페이지 제작
* 제작 시 고려해야 할 사항
- 게시판 관련 페이지 제작 시 게시판의 용도나 목적에 맞는 폼으로 제작되어야 합니다. 게시판의 용도로는 방명록, 공지사항, 자유게시판, 문의게시판 등 게시판을 사용하는 목적에 따라 폼이나 형식이 다르며 웹사이트 제작 시 제공되는 기획서에 기초하여 만들어져야 합니다. 게시판은 기본적으로 목록, 보기, 쓰기 페이지가 한 세트로 구성돼야 합니다. 디자인만 고려하여 게시판 스킨을 디자인할 경우 코딩이나 프로그램 작업 시 문제가 발생할 수 있습니다. 따라서 프로그램과 연동이 용이한 일반적인 형태의 디자인을 해야 합니다. 또한 모든 페이지 및 아이콘 등이 동일한 디자인 패턴을 가져야 합니다.
(1) 게시판 목록/읽기/쓰기 페이지 제작
- 게시판 목록/읽기/쓰기 페이지는 서브페이지와 동일한 색상 콘셉트로 게시판의 주제와 어울리게 디자인합니다.
[목록 페이지 제작]
① 먼저 적절한 크기의 서체를 사용하여 타이틀 이미지를 제작합니다.
② 타이틀 이미지 우측 부분에는 현재 위치를 나타내는 텍스트 이미지를 배치합니다.
③ 제작하고자 하는 게시판의 주제와 어울리는 일러스트 아이콘 이미지를 상단 좌측에 배치합니다.
④ 적절한 서체를 이용하여 메인 타이틀 텍스트와 서브 타이틀 텍스트를 일러스트 아이콘 이미지 우측 적절한 위치에 정돈하여 배치합니다.
⑤ 서브 페이지 콘셉트와 동일한 색상을 사용하여 게시판 타이틀 바를 제작하여 배치합니다.
⑥ 게시판 타이틀바 위에 NO, 제목, 작성자, 작성일, 조회 등의 항목을 입력하여 배치합니다.
⑦ 각각의 항목별(NO, 제목, 작성자, 작성일, 조회) 내용을 입력하여 게시판 목록 텍스트를 배치합니다.
⑧ 게시판 하단에 현재 게시판의 위치를 나타내는 번호를 배치하여 게시판 목록 페이지 제작을 완성합니다.
[보기 페이지 제작]
① 게시판 보기 페이지는 게시판 목록 페이지와 동일한 색상을 사용하여 게시판 타이틀 라인을 배치합니다.
② 첫 번째 행에는 제목 항목을 추가한 후 제목 텍스트를 입력하여 배치합니다.
③ 두 번째 행 좌측에는 작성자 항목을 추가한 후 텍스트를 입력하여 배치합니다.
④ 두 번째 행 우측에는 작성일, 조회 항목을 차례로 추가한 후 텍스트를 입력하여 배치합니다.
⑤ 각각의 항목 아래 내용 텍스트를 입력한 후 배치합니다.
⑥ 페이지 하단 좌측에 게시판 목록 페이지로 이동할 수 있는 「목록보기」버튼을 추가하여 배치합니다.
⑦「목록보기」버튼과 동일한 모양으로 「수정하기」「삭제하기」「답변쓰기」버튼을 제작한 후 배치하여 게시판 읽기 페이지 제작을 완성합니다.
[쓰기 페이지 제작]
① 게시판 쓰기 페이지는 게시판 목록 페이지와 동일한 색상을 사용하여 게시판 타이틀 라인을 배치합니다.
② 첫 번째 행에는 좌측에 이름 항목과 한 줄 입력 상자를 추가하고, 우측에 비밀번호 항목과 한 줄 입력 상자를 추가하여 배치합니다.
③ 두 번째 행에는 이메일 주소 항목과 한 줄 입력 상자를 추가하여 배치합니다.
④ 세 번째 행에는 제목 항목과 한 줄 입력 상자를 추가하여 배치합니다.
⑤ 네 번째 행에는 내용 항목과 글 입력 상자를 추가하여 배치합니다.
⑥ 페이지 하단 중앙에 「등록하기」와「취소하기」버튼을 제작하여 배치한 후 게시판 쓰기 페이지 제작을 완성합니다.