기본 구성 (레이아웃)
1. 톱 배너(네비)
스크롤을 내려도 따라오는 구조로 홈으로 이동하는 로고, 홈, 투표, 그래프 캐릭터 정보등으로 바로 갈수있게 링크를 걸어둠
# 화면이 작아지면 이 부분이 길어지게 되서 화면을 가리게되는데 햄버거 메뉴등으로 작아지게해서 압축하고싶음(미구현)
2. 홈페이지 이름
홈페이지 이름을 나타내며 홈으로 이동가능
3. 푸터(footer)
홈페이지 이름을 copyright로 표기해둠
페이지 구성
1. 홈 화면 (index)
투표, 그래프, 캐릭터정보 등을 볼수있게 이미지에 링크를 걸어둠
2. 투표 화면 (vote)
시즌에 맞춰 캐릭터의 이미지와 이름을 표기하고 그 아래에 라디오 버튼과 결정 버튼을 눌러 투표를 하는 방식 결정버튼을 누르면 확인 창이 뜬다
각 캐릭터들의 이미지에는 캐릭터정보를 볼수있게 링크를 걸어두었고
아래에는 discus에서 제공하는 댓글시스템을 적용시켜둬서 캐릭터투표를 한 사람들이 댓글을 쓰면서 즐길수있게 만들어두었다
3. 그래프 화면 (result)
시즌에 맞춰 캐릭터들의 투표결과를 나타내는창으로
# top3 이외의 캐릭터들의 결과도 나타낼수있게끔 하려함(미구현)
# 구글에서 제공한 그래프시스템을 적용시켜두었지만 기능적인 측면에선 적용되지않아있다.(투표값 미구현)
disucus댓글시스템은 이곳에도 적용시켜두었다.
4. 캐릭터 정보 리스트 화면 (character_info)
시즌별로 캐릭터들의 섬네일 사진과(프로필사진) 이름이 나열되있고 클릭하면 캐릭터 정보를 보여주는 화면이 나온다
5. 캐릭터정보 화면 (캐릭터 이름.html)
프로필 사진의 원본 이미지가 메인으로 나오고 캐릭터의 이름, 나이, 특기, 취미 등의 정보와 원작, 캐릭터를 만든분, 사이트 등을 링크를 걸어 어디서 캐릭터가 태어났는가를 알려준다
disucus댓글시스템을 적용시켜 유저들이 그 캐릭터에대한 더 좋은 정보나 응원글로 즐길수있게 한다.
#연관 캐릭터, 이 캐릭터와 비슷한 캐릭터 등의 링크도 걸어주면 좋을것같음(미구현)
#그리고 신고, 수정요청 버튼을 만들어 캐릭터의 정보가 잘못되있거나 추가사항이 있다면
#메세지와 함께 관리자에게 요청하여 관리자가 볼수있도록 쪽지를 보낼수있는 시스템을 적용시키고 싶음 (미구현)
# 6. 관리자에게 신고,수정 요청 메세지 화면(미구현)
# 텍스트필드와 이미지 삽입등을 구현해서 보내기 버튼을 만들어 관리자에게 보내는 메세지화면
# 7. 관리자 페이지 메세지를 받아서 확인하는 화면(미구현)
# 유저들이 보낸 메세지 화면 관리자가 확인가능한 페이지