메인페이지 제작 가이드

Download Report

Transcript 메인페이지 제작 가이드

메인페이지
1.
2.
3.
백그라운드 고정 (백그라운드 이미지 제공)
가운데 콘텐츠 영역만 스크롤 시 이동 (참고 URL : http://www.drjart.com/)
상단 고정 없음
콘텐츠 영역
메인페이지 제작 가이드
1.
롤링 배너 (5초 후 배너 롤링) / 관리자 페이지 (디자인 > 움직이는 배너) 활용하고자 합니다
2.
이미지로 레이아웃 설정 (클릭 시 사용방법 페이지로 이동)
현재 사용방법 페이지가 없는 관계로 링크 값만 임의로 주면 별도 수정하겠습니다.
1
2
메인페이지 제작 가이드
1.
마우스 오버 전 (Baby face, Lifting Care, Moisture Care)
마우스 오버 후 (동안케어, 리프팅케어, 수분케어)
2.
시스템으로 상품 긁어오는 것이 아닌 이미지로만 등록할 예정 (각 카테고리 별로 이미지 및 링크값 전달 예정)
1
2
메인페이지 제작 가이드
1
1.
이미지로 등록 예정 (클릭 시 해당 컨텐츠로 이동)
2.
이미지로 등록 예정 (최대 롤링 개수 10개, 클릭 시 해당 컨텐츠로 이동)
3.
1번, 2번 모두 코딩으로 쉽게 수정가능만 가능하면 됩니다.
2번에 화살표는 마우스 오버시 컬러값이 주어집니다.(ex: 우측화살표)
2
메인페이지 제작 가이드
1.
미디어 메뉴에 있는 콘텐츠를 불러오는데 최근에 등록한 5개만 불러옵니다.
(등록한 이미지, 제목, 내용) / More +누르면 미디어 메뉴 링크로 이동됩니다
2.
3번에 해당되는 영상 프로그램의 방송 로고가 등록됩니다.
3.
최근에 노출된 유튜브 영상만 고정으로 노출시킬 예정입니다.
동영상 소스 및 제목, 내용 텍스트 수정할 수 있게만 해주면 됩니다.
링크 URL : https://www.youtube.com/watch?v=-Ysv5fG-iMg
2
1
3
메인페이지 제작 가이드
1.
별도 액션 없이 이미지만 등록
메인페이지 제작 가이드
1.
소 배너 이미지 4개 각각 레이아웃 설정
2.
공지사항, 제품문의, 제품후기(일반후기) 최신글 5개 노출
공지사항 최신글 5건
제품문의, 제품후기 (등록, 답변 포함)
마우스 오버 시 공지사항처럼 오버 효과 발생, 게시판 클릭 시 해당 게시판의 글이 출력
3.
1
2
메인페이지 제작 가이드
1.
모든 영역 텍스트로 배치
2.
운송장조회 URL : http://www.hanjin.co.kr/Delivery_html/inquiry/personal_inquiry.jsp
메인페이지 제작 가이드
1.
로고 이미지 등록
2.
모든 영역 텍스트
3.
아이콘 클릭시 해당 페이지로 이동
이니페이 : https://mark.inicis.com/mark/popup_v1.php?no=58233&st=1406273231
페이스북 : https://www.facebook.com/hwangwhooyeon
블로그 : http://blog.naver.com/sk1153
카카오톡 선물하기 : http://hwangwhooyeon.com/shop/board/view.php?id=notice&no=41
1
2
3