GS 리테일 홈페이지 수정안

By 노 윤 아

※ 상단 이미지는 스크립트 미동작 캡쳐 화면입니다 .

1. 본문 바로가기 버튼 추가2. 메인 메뉴 gnb 內 그림이 h1( 로고 ) 다음에 위치 → 순서변경 및 background 처리3. footer: 명도 대비값 높임 .4. 메인메뉴 → h2 / 하단메뉴 ( 각각 ) → h3 로 순서 정렬5. Family site: div 로 구성된 부분을 dl-dt/dd 로 의미에 맞게 변경 .

>> Js 미동작시

6. 롤링배너에 해당 이벤트 내용 확인 가능토록 행사내용 (text) 표기 : 스크립트 동작시 - 배너 img / 스크립트 미동작시 - 대체 텍스트 노출7. Footer family site 우측 빈 공간으로 사이트 목록을 볼 수 있도록 함 .

www.nya.co.kr/gsre-tail/main.php

①

③⑤

⑥

1. <h2> 회사소개 </h2> 로 묶여 background 처리된

부분을 따로 분리하여 alt 에 설명 text 입력 .

2. 고객감동 실현부분 : dl dt/dd-ul-li 로 수정

3. 현재페이지 : dt/dd 로 변경

4. <h3> 로 되어있는 경영이념 타이틀을 <h1>으로 변경하여 검색 접근성을 높임 .

5. Fair 부분 : ol 로 코딩되어 있으나 , 의미상 ul 에 부합하므로 변경

6. Friendly, Fresh, Fun 부분 : dl dt/dd-ul-li 변경

7. 이미지표 부분 : 현재 통이미지로 삽입되어 있으며 , 이미지표 부분에 대한 설명이 없다 . text 를 분리하고 이미지표 부분에 대한 설명을 alt 값에 삽입 .

8. contents( 경영이념 ) 을 앞쪽에 코딩 , aside 메뉴 부분을 후반부에 코딩하여 접근성을 높임 .

www.nya.co.kr/gsretail/sub_text.php

①

②

③④

⑤

⑥

⑦

1. <h2> 신선 Story</h2> 로 묶여 background 처리된 부분을 따로 분리하여 alt 에 관련 내용 입력 .

2. 현재페이지 : dt/dd 로 변경

3. <h3> 로 되어있는 우수산지 Story 타이틀을 <h1> 으로 변경하여 검색 확률을 높임 .

4. ‘ 경기 여주 신선한 버섯’ 부분 <h3> 적용

5. 버섯 설명부분 : 이미지 내의 디테일 설명 (alt) 없이 통이미지 사용 -> 이미지를 크게 3 개로 분리 , alt 값과 title 값을 사용하여 상세 내용 기재 -> 회색 바탕 페이지 이미지부분의 경우 , 大제목부분 이미지를 분리하여 <h4> 순서 적용

>> Js 미동작시

6. 식재료 롤링배너의 숨겨진 이미지를 모두 보여줄 수 있도록 변경 .

7. 카테고리별 보기 내용확인이 가능하도록 변경 .

8. 전체메뉴보기 내용확인 불가 ( 카테고리별 보기와 내용 중복으로 삭제처리 )

www.nya.co.kr/gsretail/sub_image.php

①

②

③

④

⑤

⑥

⑦ ⑧

1. table 로 구성되어있는 고객정보 입력란을 dl dt/dd 로 변경

2. 현재페이지 : dt/dd 로 변경

>> Js 미동작시

3. 연락처 / 구분 / 상담구분 부분 선택부분 사라지는 현상 교정 (select)

4. 기존의 개인정보 수집 동의 페이지는 팝업창으로 뜨기 때문에 스크립트 미동작시 접근 불가능하므로 , 고객의 소리와 고객정보 사이쪽으로 페이지 내부로 위치 이동

www.nya.co.kr/gsretail/sub_textbox.php

①

②

③

< ④ >

③ ③

1.<h3> 로 되어있는 공지사항 타이틀 <h1> 으로 변경하여 검색 접근성을 높임 .

www.nya.co.kr/gsretail/sub_board.php

①