GS 리테일 홈페이지 수정안

GS리테일 홈페이지 수정안 By 노 윤 아

① ⑥ www.nya.co.kr/gsretail/main.php ⑤ ③ ※상단 이미지는 스크립트 미동작캡쳐 화면입니다. 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/gsretail/sub_text.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_image.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_textbox.php < ④ > ① 1. table로 구성되어있는 고객정보 입력란을 dl dt/dd로 변경 2. 현재페이지 : dt/dd로 변경 >> Js미동작시 3.연락처/구분/상담구분 부분 선택부분 사라지는 현상 교정(select) 4. 기존의 개인정보 수집 동의 페이지는 팝업창으로 뜨기 때문에 스크립트 미동작시 접근 불가능하므로, 고객의 소리와 고객정보 사이쪽으로 페이지 내부로 위치 이동 ③ ③ ③

① www.nya.co.kr/gsretail/sub_board.php 1.<h3>로 되어있는 공지사항 타이틀 <h1>으로 변경하여 검색 접근성을 높임.

GS 리테일 홈페이지 수정안