4. 갤러리 및 동영상 게시판 관련 페이지 제작
* 제작 시 고려해야 할 사항
- 갤러리 및 동영상 게시판 관련 페이지 제작 시 게시판의 용도나 목적에 맞는 폼으로 제작되어야 합니다. 게시판이 사용하는 목적에 따라 폼이나 형식이 다르며 웹사이트 제작 시 제공되는 기획서에 기초하여 만들어져야 합니다. 갤러리 및 동영상 게시판은 일반 게시판과 달리 목록 페이지를 이미지나 동영상을 미리 볼 수 있는 썸네일 형태의 리스트로 디자인해야 합니다. 또한 보기 페이지에는 이미지나 동영상을 보여주는 프레임 또는 동영상 플레이어를 함께 디자인하는 것이 좋으며, 프로그램 연동에 문제가 없도록 일반적인 형태의 디자인을 해야 합니다.
(1) 게시판 목록/보기/올리기 페이지 제작
- 게시판 목록/보기/올리기 페이지는 서브페이지와 동일한 색상 컨셉으로 게시판의 주제와 어울리게 디자인해야 합니다. 먼저 적절한 크기의 서체를 사용하여 타이틀 이미지를 제작합니다.
- 타이틀 이미지 우측 부분에는 현재 위치를 나타내는 텍스트 이미지를 배치합니다.
- 제작하고자 하는 게시판의 주제와 어울리는 일러스트 아이콘 이미지를 상단 좌측에 배치합니다.
- 적절한 서체를 이용하여 메인 타이틀 텍스트와 서브 타이틀 텍스트를 일러스트 아이콘 이미지 우측 적절한 위치에 정돈하여 배치합니다.
- 이미지들을 적절한 크기로 나열하여 이미지 아래 제목과 날짜를 함께 배치합니다.
- 동일한 방법으로 이미지들을 나열하여 갤러리 목록을 추가한 후 하단에 페이지 현재 위치 번호를 배치하여 게시판 목록 페이지 제작을 완성합니다.
- 게시판 보기 페이지는 게시판 목록 페이지와 동일한 색상을 사용하여 게시판 타이틀 라인을 배치합니다.
- 첫 번째 행에는 제목 항목을 추가한 후 제목 텍스트를 입력하여 배치합니다.
- 두 번째 행 좌측에는 작성자 항목을 추가한 후 텍스트를 입력하여 배치합니다.
- 두 번째 행 우측에는 작성일, 조회 항목을 차례로 추가한 후 텍스트를 입력하여 배치합니다.
- 각각의 항목 아래 사진 이미지를 추가한 후 중앙에 배치합니다.
- 페이지 하단 좌측에 이전 그림을 볼 수 있는 「이전그림」버튼을 추가하여 배치합니다.
-「이전그림」버튼과 동일한 모양으로 「목록보기」「다음그림」「답변쓰기」버튼을 제작한 후 배치하여 게시판 보기 페이지 제작을 완성합니다.
- 갤러리 게시판 올리기 페이지는 게시판 목록 페이지와 동일한 색상을 사용해 게시판 타이틀 라인을 배치합니다.
- 첫 번째 행에는 좌측에 이름 항목과 한 줄 입력 상자를 추가하고, 우측에 비밀번호 항목과 한 줄 입력 상자를 추가하여 배치합니다.
- 두 번째 행에는 이미지 항목과 이미지를 첨부할 수 있는 이미지 선택 상자를 추가하여 배치합니다.
- 세 번째 행에는 제목 항목과 한 줄 입력 상자를 추가하여 배치합니다.
- 네 번째 행에는 내용 항목과 글 입력 상자를 추가하여 배치합니다.
- 페이지 하단 중앙에 「저장하기」와「취소하기」버튼을 제작하여 배치한 후 게시판 올리기 페이지 제작을 완성합니다.