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

수행 과제
포트폴리오 웹 사이트 만들기

나만의 포트폴리오를 만들어 보자.
준비물
• 아이디어 스케치 도구 1. 4시간 안에 제작 완료한다.
• 스캐너 2. 콘텐츠는 브라우저 화면의 중앙에 배치하고, 배경색은 ‘#ABE6EC’로 지정한다.
• 포토샵 프로그램
• 프로필 사진, 작품 이미지 3. 버튼 기능이 있는 모든 요소에 임시 링크를 적용한다.
4. 제시되지 않은 각 요소들의 컬러, 사이즈, 형태 등은 디자인과 각 요소의 특성에 맞게
제작한다.

관련 사이트
www.wix.com
www.makeshop.co.kr
www.godo.co.kr

수행 Tip
• 포트폴리오의 콘셉트를 정하고
아이디어 스케치 및 기획을 한다.
• 디자인하기 전 관련 사이트를
참고하여 분석한다.
• 영역을 지정하여 컬러를 삽입
할 수 있어야 한다.
• 적절한 폰트를 선정하여 크기
를 조절하고 배치할 수 있어야
한다.
• 홈페이지 메인 컬러를 선정하
여 포트폴리오 콘셉트에 맞게 다음과 같이 웹 디자인 기능사 자격증 시험 문제의 기준에 맞추어 제작해 보자.
활용할 수 있어야 한다.
1. 최종 결과물은 HTML 문서로 구현되도록 한다.
2. 주어진 화면 설계 기획서에 부합한 구조를 갖춰야 하고, 기획서에서 요구하는 조건을
충족해야 한다.
3. HTML 문서와 디렉터리의 이름 및 구성은 데이터의 관리 및 업데이트의 용이성, 호환
성을 고려하여 합리적으로 구성하여야 한다(예: 이미지 폴더에 이미지 파일 저장 등).
4. 콘텐츠를 제작할 때는 각 페이지의 통일성과 일관성을 유지하는 것이 중요하다. 스타일
시트를 적용하는 것을 예로 들 수 있는데, 화면 설계 기획서에서 지정한 스타일 시트를
반드시 적용한다.
5. 이미지와 동영상은 사용 용도와 환경에 맞는 최적화한 파일 포맷 및 일정한 해상도, 크
기 등으로 변환하여 실행한다.
6. 화면 설계 기획서에서 제시하지 않은 각 요소의 컬러와 사이즈, 형태 등은 페이지의 디
자인과 각 요소의 특성에 맞게 임의로 제작한다.
7. 요구 서체가 사용 컴퓨터 및 소프트웨어와 맞지 않을 때에는 가장 인접한 서체를 사용
하고, 오자 및 탈자 등이 있으면 수정하여 표기한다.

292 Ⅳ. 컴퓨터 그래픽 디자인의 활용