Page 285 고등학교 컴퓨터 그래픽 교과서

2 포토샵을 활용한 웹 이미지 제작

길잡이 웹 페이지 디자인은 어떻게 만들어질까?

Tip
홈페이지를 만드는 도구에는 여러 가지가 있다. 각종 프로그램 에디터를 활용할 수 설치형 홈페이지 제작 도구 사이트
① 워드프레스
도 있고 워드프레스나 제로보드에서 발전한 XE 등의 설치형 홈페이지 제작 도구도 ko.wordpress.org
② 제로보드 XE
과거에 비해 전문 지식 없이도 쉽게 만들 수 있다. 기본적인 웹 페이지 틀과 소스를 www.xpressengine.com
제공하는 메이크샵, 카페24, 고도몰 등의 홈페이지 제작 업체를 통하여 긴 시간을 투 ③ 메이크샵
www.makeshop.co.kr
자하지 않아도 웹 페이지 제작이 가능하다. 하지만 모든 홈페이지 제작 도구 활용의 ④ 카페24
www.cafe24.com
기본은 홈페이지 콘셉트에 맞는 웹 페이지 이미지 제작이라 할 수 있다. ⑤ 고도몰
www.godo.co.kr

실 습 예 제 포토샵을 활용하여 메인 화면 이미지 분할하기
6

웹 디자인 프로세스 중 페이지 디자인 제작 단계에서 완성된 메인 페이지에 포토샵의 슬라이스 도구

(Slice Tool, )를 이용하여 이미지를 분할 저장해 보자.

기능 요약

• 포토샵의 슬라이스 도구 익히기
• 이미지 저장 방법 익히기

제공 파일
• 한국문화원 홈페이지 메인
화면.jpeg

3. 웹 디자인 283