1. 사이트구축하기 문제 1-1 다음조건에따라쇼핑몰템플릿과타이틀을등록하여설정하시오. 등록조건 쇼핑몰메인디자인템플릿 casual_style 타이틀 (Title) 관리 korcham! 따라올수없는퀄리티에스타일을더하다 ~ 적용화면

Transcription

1 1. 사이트구축하기 문제 1-1 다음조건에따라쇼핑몰템플릿과타이틀을등록하여설정하시오. 등록조건 쇼핑몰메인디자인템플릿 casual_style 타이틀 (Title) 관리 korcham! 따라올수없는퀄리티에스타일을더하다 ~

2 문제 1-2 다음조건에따라장바구니에상품을담을경우페이지이동여부를묻는기능을설정하 고, 노출순서를조정하시오. 등록조건 장바구니에담을경우페이지이동여부현재화면에서상품만장바구니담기 ( 레이어형식 ) 장바구니노출순서조정상품명순 2

3 2. 쇼핑몰디자인적용 문제 2-1 다음조건에따라쇼핑몰상단을개별디자인하여설정하시오. 제작조건 n 새파일가로 (230pixels), 세로 (110pixels), 해상도 (72pixels/inch), 컬러모드 (RGB), 배경컬러 (White) [ 텍스트설정 ] n K Script Mt Bold, 100pt, Strong, #ff6c92 n orcham Script Mt Bold, 50pt, Strong, #bebebe n 늘 ~ 아름다운그대의... Pyunji R( 휴먼편지체 ), 18pt, Strong, #bebebe Faux Bold( 포볼드 ) 저장조건 logo.gif 등록조건 로고 제작한 logo.gif 이미지로변경클릭시메인화면으로이동마우스오버시 "korcham" 텍스트표시왼쪽정렬 주메뉴 주메뉴오른쪽끝에 이용안내 메뉴추가 ( 로그인여부와관계없이노출되도록설정 ) 이용안내 클릭시이용안내페이지로이동 주메뉴롤오버시색상변경 : #ff6c92 적용화면 로고이미지마우스오버시 주메뉴이미지마우스오버시 3

4 문제 2-2 다음조건에따라쇼핑몰메인화면을개별디자인하여설정하시오. 메인이미지 c:\ebiz\main.jpg 이미지로변경 진열마법사하이라이트 추천상품과신상품사이에노출되도록설정 진열마법사하이라이트설정 하이라이트사용및기본설정 사용여부전체사이즈상품이미지상품사이즈상품 <-> 상품여백 ( 가로 ) 상품 <-> 상품여백 ( 세로 ) 상품전환시간 사용함가로 750px 세로 250px 리스트 / 메인이미지가로 140px 세로140px 10px 10px 2초 디자인텍스트설정 상품테두리설정 상품명노출 두께 1px, 색상 #dddddd 노출함 상품명폰트설정돋움, 크기 12px, 색상 # 상품가격노출 노출안함 양쪽화살표노출설정 양쪽화살표버튼사용버튼모양버튼색상버튼숨김기능 사용함세번째모양 #9a9a9a, 마우스오버시 #ff6c92 사용안함 진열상품선택카테고리별로등록된상품모두진열진열상품하이라이트노출위치추천상품과신상품사이에노출되도록설정 4

5 5

6 3. 상품콘텐츠개발하기 문제 3 다음조건에따라이미지를제작하여팝업창으로노출되도록설정하시오. 제작조건 n 새파일 가로 (500pixels), 세로 (500pixels), 해상도 (72pixels/inch), 컬러모드 (RGB), 배경컬러 (White) 편집에필요한모든이미지는 C:\ebiz\ 폴더에있는이미지를불러와사용하시오. 주어진 font가없을경우기본글꼴로설정하시오 ( 한글 : 돋움, 영어 :Arial) n 이미지삽입 frame.png 이미지삽입 n 배경이미지 paper.png 이미지 n 리본제작 앞 : 색상 (#bfdb4a) Drop Shadow( 그림자효과 ) Distance( 거리 ) : 7px, Spread( 스프레드 ) : 6%, Size( 크기 ) : 13px 뒤 : 색상 (#82ae27) n 레이어마스크 flowers.jpg 이미지세로방향으로흐릿하게 n Custom Shape( 사용자정의모양도구 ) Confetti( 색종이조각 ) : #fff568 Opacity( 불투명도 ) : 56% Outer Glow( 외부광선 ) Spread( 스프레드 ) : 1%, Size( 크기 ) : 9px n Custom Shape( 사용자정의모양도구 ) Ornament5( 장식 5) : #ffffff 3 개의장식을팝업창좌측위, 좌측아래, 우측아래에배치 [ 텍스트설정 ] n 게릴라 HY 헤드라인 M, 34pt, Strong, #ffffff, Faux Italic( 포이탤릭 ), Drop Shadow( 그림자 ) n SALE Baskerville Old Face, 34pt, Strong, #5b793d, Faux Italic( 포이탤릭 ), Drop Shadow( 그림자 ) n 50 Baskerville Old Face, 111pt, Strong, #a31d1c, Faux Italic( 포이탤릭 ), Drop hadow( 그림자 ) n % Baskerville Old Face, 50pt, Strong, #a31d1c, Faux Italic( 포이탤릭 ), Drop hadow( 그림자 ) n 봄과함께찾아온이벤트 Pyunji R( 휴먼편지체 ), 27pt, Strong, #ffffff 6

7 저장조건 popup.gif 작업할이벤트팝업창선택 - 1 번순위팝업창이벤트시작일 / 이벤트마감일 : 팝업창이보이도록임의세팅이벤트창크기 : 가로 500 픽셀 세로 515 픽셀이벤트창위치 : 왼쪽에서 0 픽셀을이동한후, 위에서 0 픽셀만큼아래로이동합니다. 이벤트창타입 : 팝업이벤트창스크롤바 : 스크롤바있음팝업창재표시기간 : 하루동안열리지않음열리지않음체크기본값 : 체크하지않음이미지등록 : popup.gif 이미지링크 : 대분류 [HOT DEAL] 페이지로이동이미지링크속성 : 열린창에서페이지보기 개별디자인을이용하여기본이벤트팝업의이미지가보이지않게설정 7

8 4. 판매상품설정하기 문제 4-1 다음의조건에따라가상대분류를등록하고임의의상품을 5 개이상복사하여설정하시오. 분류타입분류명중분류 대분류 가상분류복사상품 상품명 가상대분류 HOT DEAL 사용안함 ACC ACC SHOES ONE-PIECE ONE-PIECE 스퀘어델보미니백레이스파나마햇스판발목조임워커프릴원피스체크앞트임롱원피스 8

9 문제 4-2 ONE-PIECE 대분류의 체크앞트임롱원피스 에다음과같은옵션을등록하고, 멀티옵션으 로설정하시오. 필수옵션명옵션값사용옵션저장 사이즈 44, 55, 66 Y 컬러베이지, 그레이 Y 원피스옵션 으로저장 상품상세멀티옵션사용함 9

10 5. 전자상거래마케팅 문제 5-1 다음의조건에따라공지사항을입력하여설정하시오. 제목 내용 무료배송받으세요! 쇼핑몰리뉴얼기념으로 3 만원이상구입시무료배송이벤트를진행합니다. 상품후기이벤트상품리뷰를사진과함께남겨주시는고객님께사은품을드립니다. 10

11 문제 5-2 다음조건에따라출석체크기능을설정하여쇼핑몰메인화면에노출되도록설정하시오. 출석체크기능설정 출석체크시작일 / 마감일 출석형태 이벤트성공조건 적립금 / 쿠폰 / 포인트자동지급방법 오늘날짜 ~ 두달뒤 자유출석형 총출석일이 30 일이상출석시성공 적립금지급이벤트성공조건을달성할경우 5000 원적립금이자동지급됩니다. 출석체크방법버튼형수동출석체크 ( 출석체크버튼을클릭 ) 출석체크배너노출 이벤트참여권한 노출함 회원전용 출석체크디자인설정 출석체크달력템플릿선택 : 세번째디자인선택 11