반지/도자기 공예

이색 데이트 코스 어린이의 EQ 발달을 위한

농장 체험

지친 현대인들을 위한

힐링 공간 면역력을 높여주는

아로마 테라피

Main 메인비주얼, 친환경 펜션/목공/스토어 소개 상단 팝업존, 시설소개section 슬라이더

소개 인사말, 비전, 주변 관광지 소개, 오시는 길

친환경펜션 슬라이드 사용으로 객실 상세 안내, 황토집/통나무집 하단에 작은 이미지로 갤러리 사용

목공체험 목공체험 절차/요금/타입/이용시간 안내 아코디언 타입으로 자주하는 질문 작성

스토어 허브 관련 상품(캔들, 화분), 목공예품

예약하기 요금 안내, 날짜 예약

Index.html 참고 사이트 포스코 section별로 친환경 펜션, 목공체험, 스토어 소개

pension.html 참고 사이트 HAPPYCALL 자연스러운 슬라이더 사용

제주 펜션 갤러리 타입

wood.html 참고 사이트 현대카드 라이브러리 about 세로 메뉴, 아코디언, 인디케이터, 절차적 구조

프로젝트 명 title date Page no.

화면 구성 화면 제목

location

Description

8

타운

home

전체사이즈: 1920px 컨텐츠사이즈: 1000px 좌측메뉴 position:fixed 제이쿼리 1. 팝업존 2. 메인비주얼 동영상 3. 펜션 소개 탭브라우징 4. 부속시설 소개 미니 슬라이더

3차 프로젝트 타운

Main Visual 오시는 길 : 풍력발전기, 성산일출봉 사진

1300평 규모의 넓은 펜션 부지 다양한 체험

친환경 펜션 소개

store

목공 체험 소개

상세보기

소개

친환경펜션

목공체험

부속시설

스토어

예약하기

제주특별자치도 서귀포시 성산읍 일출로 284-12

store store store

부속시설 소개 허브 유리온실 조랑말 마구간

< >

팝업존 1

2

4

탭브라우징

3 탭브라우징

탭브라우징

제주숲 힐링타운

프로젝트 명 title date Page no.

화면 구성 화면 제목

location

Description

10

타운

Home > 친환경펜션

해피콜 참조 http://www.happycall.kr/#close 펜션 사이트 http://plantemp.cafe24.com/temp10/ 제이쿼리 1. 탭브라우징 2. 글자 움직임 3. 갤러리

예약하기 버튼 => 예약하기 메뉴로 이동 가격정보

3차 프로젝트 타운

제주특별자치도 서귀포시 성산읍 일출로 284-12

슬라이더 이미지 1

갤러리1 갤러리2 갤러리3

황토방 이미지에 대한 상세 설명입니다.

황토방

황토방1

소개

친환경펜션

목공체험

부속시설

스토어

예약하기

1

3

2

예약하기 버튼

종류 이용요금 비고

황토방 성수기 평일20, 주말 25 비수기 평일15, 주말 20

2인 기준(최대 6명) 1인당 추가금 2만원

목조펜션1 황토방1 목조펜션1

제주숲 힐링타운

프로젝트 명 title date Page no.

화면 구성 화면 제목

location

Description

11

타운

Home > 목공체험

현대카드 라이브러리 참조 http://library.hyundaicard.com/travel/about.hdc 1. 이용방법에서 클릭하면 좌측에 관

련 이미지가 나옴

제이쿼리 인디케이터 사진fixed 아코디언 예약하기 버튼 => 예약하기 메뉴로 이동

3차 프로젝트 타운

제주숲 힐링타운

제주특별자치도 서귀포시 성산읍 일출로 284-12

IMAGE 이용 방법

신청 제작 배송

요금 안내

테이블

이용시간

월-토 09:00 - 20:00

소개

목공예란….

자주하는 질문

아코디언 방식

1

소개

친환경펜션

목공체험

부속시설

스토어

예약하기

지 침 인식의 용이성(Perceivable) 5.1(대체 텍스트) 텍스트 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다.

검사항목 5.1.1 적절한 대체 텍스트 제공 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.

적용사례

1. 이미지에 alt 속성 값을 빠짐 없이 적어 대체 텍스트를 제공함

지 침 운용의 용이성(Operable) 6.1(입력장치 접근성) 콘텐츠는 다양한 입력장치로 접근할 수 있어야 한다.

검사항목 6.1.1 입력장치 사용 보장 모든 기능은 키보드만으로도 사용할 수 있어야 한다.

적용사례

1. 키보드 하나로 모든 레이어창을 컨트롤 할 수 있습니다

지 침 운용의 용이성(Operable) 6.4(쉬운 내비게이션) 콘텐츠는 쉽게 내비게이션할 수 있어야 한다.

검사항목 6.4.1 반복 영역 건너뛰기 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.

적용사례

1. GNB 하단에 ‘본문바로가기’버튼을 배치하여, 반복 영역을 건너 뛸 수 있게 하였음

지 침 견고성(Robust) 8.2(웹 애플리케이션 접근성) 웹 애플리케이션은 접근성이 있어야 한다.

검사항목 8.2.1 웹 애플리케이션 접근성 준수 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.

적용사례

1. IE8 이상, 크롬, 파이어폭스, 사파리, 오페라 등의 브라우저에서 모두 동일한 화면을 보여줌