[웹디자인개발기능사 필기] 12년 2회차 기출문제 정답·해설 페이지

입체의 개념과 분류를 다루는 문항이다. 소극적 입체는 현실적 형, 확실히 지각되는 형이 아니라 추상적이고 관념적인 형을 의미한다.
소극적 입체는 물리적으로 존재하지 않지만 시각적으로 암시되거나 인지되는 입체를 말하며, 반대로 적극적 입체가 현실적이고 확실히 지각되는 형태이다.
'면이 이동한 자취': 입체가 2차원 면의 이동으로 생성되는 정의이다.
'면의 이동·회전에 의해 생김': 면의 평행이동 또는 회전에 의해 입체가 형성되는 생성 방식이다.
'구, 원통, 육면체': 기하학적으로 순수하고 규칙적인 형태의 입체를 올바르게 설명하고 있다.

강약이 규칙적으로 연속될 때 생기는 디자인 원리는 율동(리듬)이다.
율동은 반복·점이·방사처럼 시각적 힘의 강한 부분과 약한 부분이 규칙적으로 이어질 때 생기는 움직임의 느낌이다.
조화는 부분들이 서로 어울려 통일된 느낌을 주는 관계(유사·대비)이며, 힘의 강약이 규칙적으로 이어지는 것을 뜻하지 않는다.
균형은 대칭·비례 등으로 이루는 시각적 안정 상태이다.
강조는 특정 요소에 시선을 모아 중심이 되는 부분을 만드는 것이다.

제품 디자인과 거리가 먼 것은 영상 디자인이다.
영상 디자인은 영상 매체로 정보를 전달하는 시각 디자인 분야에 속한다.
완구 디자인은 입체 물건을 만드는 제품 디자인이다.
가전 디자인은 가정용 전기·전자 제품을 다루는 제품 디자인이다.
가구 디자인은 생활용 입체 제품을 다루는 제품 디자인이다.

스펙트럼을 7색으로 분리한 사람은 뉴턴이다.
뉴턴은 프리즘으로 태양광을 분해해 빨·주·노·초·파·남·보 7색의 스펙트럼으로 나누었다.
먼셀은 색상·명도·채도의 3속성으로 색을 체계화한 표색계를 만든 사람이다.
오스트발트는 24색상환과 흰색·검정·순색의 혼합비로 색을 나타내는 표색계를 만든 사람이다.
돈더스는 색각 이론(단계설)을 연구한 사람으로, 스펙트럼 분리와는 다르다.

쇠라의 점묘 작품에 쓰인 혼합은 병치 혼합이다.
쇠라는 물감을 팔레트에서 섞지 않고 작은 색점을 나란히 찍어 멀리서 보면 눈 속에서 섞여 보이게 했다.
회전 혼합은 색을 칠한 원판을 빠르게 돌려 섞이게 하는 방식으로, 점을 찍어 나란히 두는 점묘와 다르다.
가산 혼합은 색광을 겹쳐 밝아지는 혼합으로, 물감을 쓰는 회화 기법이 아니다.
색료 혼합은 물감 등을 실제로 섞어 어두워지는 혼합인데, 점묘는 물감을 섞지 않고 점으로 찍는다.

저채도 배색이 주는 느낌은 부드러운 느낌이다.
채도가 낮으면 색이 탁하고 자극이 약해 차분하고 부드러운 인상을 준다.
명쾌한 느낌은 선명하고 대비가 분명한 배색에서 오는 느낌이다.
화려한 느낌은 채도가 높은 선명한 색의 배색에서 오는 느낌이다.
활기찬 느낌은 채도가 높고 밝은 난색 계열 배색에서 오는 느낌이다.

통일성을 부여하는 방법으로 거리가 먼 것은 요소를 분리시키는 것이다.
통일은 요소들이 하나로 묶여 보이게 하는 것인데, 분리는 요소를 따로 떼어 놓아 통일감을 약하게 만든다.
근접시키면 요소들이 한 덩어리로 인식되어 통일감이 커진다.
반복시키면 같은 요소가 되풀이되어 일관된 인상을 준다.
연속시키면 요소들이 하나의 흐름으로 이어져 보여 통일감이 생긴다.

먼셀 색입체 설명으로 틀린 것은 실제 사용하는 모든 물체색이 색입체에 포함되어 있지 않다는 설명이다.
먼셀 색입체는 색상·명도·채도를 좌표로 삼는 열린 구조라 새로운 색이 생겨도 그 자리에 넣을 수 있어, 실제 물체색을 모두 포함할 수 있다는 것이 장점으로 꼽힌다.
3속성을 3차원 좌표로 나타내 색 감각으로 보기 쉽다는 설명은 먼셀 체계의 장점으로 맞다.
CIE 표색계와 연관 짓기 쉽다는 설명은 맞다. 먼셀 색표는 수정 먼셀 체계를 거쳐 CIE 값과 대응된다.
색상마다 채도의 최대 위치가 달라 배색 체계로 응용하기 어렵다는 설명은 먼셀 색입체의 단점으로 맞다.

검은 바탕에서 노랑보다 멀게 보이는 파랑은 후퇴색이다.
파랑 같은 한색은 같은 거리에서도 뒤로 물러나 멀어 보이고, 노랑 같은 난색은 앞으로 나와 보인다.
진출색은 가까이 튀어나와 보이는 색으로, 이 경우에는 노랑 쪽에 해당한다.
팽창색은 실제보다 커 보이는 색(밝은 난색 등)이다.
수축색은 실제보다 작아 보이는 색인데, 발문은 크기가 아니라 거리감을 묻고 있다.

원근법으로 표현할 때 유의할 원리는 점증이다.
창문 크기, 난간, 가로등이 멀어질수록 점점 작아지는 것은 크기와 간격이 단계적으로 커지거나 작아지는 점증(율동의 한 형태)이다.
조화는 요소들이 서로 어울려 통일감을 주는 관계이다.
대칭은 중심선을 기준으로 같은 모양을 마주 놓는 배치이다.
균형은 시각적 무게가 안정되게 배분된 상태이다.

파파넥이 말한 복합 기능에 포함되지 않는 것은 효과이다.
파파넥의 복합 기능은 방법·용도·필요·텔레시스·연상·미학이다. 따라서 효과는 여기에 들어가지 않는다.
방법은 도구·재료를 목적에 맞게 쓰는 기능으로 복합 기능에 포함된다.
연상은 사람에게 기존 경험을 떠올리게 하는 기능으로 복합 기능에 포함된다.
미학은 아름다움을 느끼게 하는 기능으로 복합 기능에 포함된다.

서로 다른 부분의 조합으로 시각적 힘의 강약 효과를 주는 원리는 대비이다.
대비는 성질이 다른 요소를 함께 두어 차이가 뚜렷이 느껴지게 하는 원리이다.
변칙은 규칙적인 질서에서 벗어난 파격으로 단조로움을 깨는 것이다.
통일은 요소들이 하나로 묶여 일관된 인상을 주는 것이다.
반복은 같은 요소를 되풀이해 규칙적 느낌을 주는 것이다.

웹디자인은 시각 디자인에 속한다.
웹디자인은 화면 위의 문자·이미지·색채 등 시각 요소로 정보를 전달하는 분야이다.
제품 디자인은 완구·가전·가구처럼 입체 물건을 만드는 분야이다.
환경 디자인은 건축·실내·조경 등 생활 공간을 다루는 분야이다.
건축 디자인은 건물을 설계하는 분야로 환경 디자인에 속한다.

틀린 설명은 창업자를 잘못 말한 것이다. 구글은 래리 페이지와 세르게이 브린이 만들었다.
데이비드 필로는 제리 양과 함께 야후를 만든 사람이므로 해당 설명이 틀린 것이다.
키워드 검색 방식을 사용한다는 설명은 맞다.
스톱워드(the, of처럼 흔한 단어)를 검색에서 제외해 속도를 높인다는 설명은 교재 기준으로 맞다.
저장된 페이지(캐시)를 이용한 미리보기를 제공한다는 설명은 맞다.

HTML 문서에 대한 정보를 제공하는 자바스크립트 객체는 document이다. document 객체는 현재 로드된 HTML 문서 전체에 접근하고, 문서의 DOM(Document Object Model) 구조, 요소, 속성 등을 제어할 수 있는 객체다. frame은 프레임 창에 대한 정보를 다루고, history는 방문 기록을 관리하며, location은 URL 정보를 제공하므로 HTML 문서 자체의 내용과 구조를 다루는 것은 아니다.

새 창을 열어 연결 문서를 띄우는 target 값은 _blank입니다.
그림은 하이퍼링크를 만드는 a 태그의 href·target 속성 부분으로, 인쇄에서 태그 이름 a 가 빠져 있습니다. 올바르게 쓰면 <a href="http://hrdkorea.or.kr" target="_blank">이며, 링크를 누를 때 새 창이 열립니다.
_self: 링크가 있던 현재 창(프레임)에 문서를 엽니다.
_parent: 현재 프레임을 담고 있는 상위 프레임셋에 엽니다.
_top: 프레임을 모두 해제하고 창 전체에 엽니다.

전송 대역폭 기준으로 구별되는 방식은 회선 교환이다.
회선 교환은 통신하는 동안 전용 회선(대역폭)을 고정 할당하지만, 나머지는 회선을 공유하는 축적 교환 계열이다.
메시지 교환은 메시지 전체를 저장했다가 전달하는 축적 교환 방식이다.
데이터그램 패킷 교환은 패킷마다 경로를 독립적으로 정해 공유 회선으로 보낸다.
가상 회선 패킷 교환은 논리적 경로를 설정하지만 물리 회선은 다른 통신과 공유한다.

인트라넷의 장점이 아닌 것은 특정 플랫폼만 지원하는 것이다.
인트라넷은 인터넷의 표준 기술(TCP/IP·HTML)을 쓰므로 운영체제에 관계없이 이용할 수 있다.
저렴한 구축비용은 기존 인터넷 기술과 브라우저를 활용하므로 장점이다.
사내 표준화는 사내 정보와 업무를 하나의 체계로 통일할 수 있어 장점이다.
표준화된 문서 환경은 HTML 같은 표준 형식을 써서 장점이다.

내비게이션 설명으로 틀린 것은 사이트 분위기·홍보·커뮤니티를 내비게이션의 역할로 본 설명이다.
내비게이션은 사이트 안에서의 이동과 탐색을 돕는 체계이며, 분위기 결정이나 홍보는 디자인 컨셉과 콘텐츠에 가깝다.
콘텐츠를 분류·체계화하고 연결해 이용하게 하는 체계라는 설명은 맞다.
일관된 아이콘과 그래픽으로 길을 잃지 않게 한다는 설명은 맞다.
이동경로·방법·구조·인터페이스를 모두 포함한다는 설명은 맞다.

전자메일 프로토콜이 아닌 것은 NNTP이다.
NNTP는 유즈넷 뉴스 그룹 기사를 전송하는 프로토콜이다.
IMAP은 서버에 둔 메일에 접근해 읽는 메일 수신 프로토콜이다.
POP3는 서버의 메일을 내려받는 메일 수신 프로토콜이다.
SMTP는 메일을 보내고 서버 간에 전달하는 프로토콜이다.

인터넷으로 원하는 정보를 얻는 일련의 작업은 정보검색이다.
정보검색은 목적에 맞는 정보를 찾아 취득하는 과정(작업) 자체를 가리킨다.
검색엔진은 정보검색을 도와주는 도구(서비스)이지 작업 자체가 아니다.
월드 와이드 웹은 하이퍼텍스트로 정보를 연결해 제공하는 인터넷 서비스이다.
위즈윅(WYSIWYG)은 화면에 보이는 대로 결과가 나오는 편집 방식이다.

JavaScript는 HTML 및 웹 브라우저와의 상호작용뿐만 아니라 VRML, 플러그인 등 다양한 인터넷 자원과도 상호작용할 수 있으므로, VRML과 상호작용할 수 없다는 설명이 틀렸다. JavaScript의 범용성과 확장성은 브라우저 환경 내에서 여러 형식의 콘텐츠와 통신 가능하다는 특징이다.
변수명이 숫자나 특수문자로 시작할 수 없다는 설명은 맞다.
대소문자를 구분하는 것은 JavaScript의 기본 특성이다.
eval() 함수는 JavaScript의 내장함수로 문자열을 코드로 실행하는 역할을 한다.
JavaScript의 특성과 기능을 정확히 파악해야 하는 문항이다.

한글 파일명이 정상 표시되지 않을 때는 URL을 항상 UTF-8로 보냄 항목을 해제한다.
한글 주소를 UTF-8로 보내는 설정이 서버의 인코딩과 맞지 않으면 파일명이 깨져 보이므로 이 항목을 해제한다.
인터넷 업데이트는 프로그램 업데이트를 설치하는 기능으로 URL 인코딩 설정과 다르다.
필요할 때 추가 기능 설치 가능은 필요한 구성 요소를 내려받아 설치하게 하는 설정이다.
SSL 3.0은 암호화 통신을 위한 보안 프로토콜 설정으로 한글 주소 인코딩과 별개이다.

전자 메일 링크는 mailto: 로 설정한다.
href 속성에 mailto: 뒤에 주소를 쓰면 클릭 시 메일 프로그램이 열린다.
mail: 로 시작하는 형태는 메일 링크용 접두어로 정해져 있지 않다.
mailsend: 로 시작하는 형태도 메일 링크용 접두어로 정해져 있지 않다.
접두어 없이 주소만 쓰면 메일 주소가 아니라 같은 위치의 파일명(상대 경로)으로 해석된다.

alert() 함수는 자바스크립트에서 경고 메시지 창(팝업)을 띄우는 명령이다. 따라서 해당 스크립트가 head 태그 안에 삽입되면 페이지가 로드될 때 "Welcome to the Morning Glory" 문구가 담긴 알림창이 자동으로 나타난다. 플래시 출력, 타이핑 효과, 이메일 전송과는 무관하다.

하나의 회선으로 전화·팩스·통신 등을 제공하는 종합 통신망은 ISDN이다.
ISDN은 음성·데이터·영상을 하나의 디지털 회선으로 통합해 제공하는 종합 정보 통신망이다.
LAN은 건물·구내 같은 좁은 지역을 잇는 근거리 통신망이다.
WAN은 국가나 대륙 단위로 먼 지역을 잇는 광역 통신망이다.
MAN은 도시 규모의 지역을 잇는 도시권 통신망이다.

ac.kr은 국내 교육기관에 부여되는 도메인이므로 대학교 웹 페이지 주소는 www.abc.ac.kr로 표기한다. re.kr은 연구기관, go.kr은 정부기관, co.kr은 영리 목적의 기업에 사용된다.

줄바꾸기에 쓰는 태그는 br 태그이다.
br 태그는 그 자리에서 줄을 바꾸는 빈 태그이다.
embed 태그는 동영상·소리 같은 멀티미디어 파일을 삽입하는 태그이다.
p 태그는 문단을 구분하며 문단 위아래 여백을 두는 태그이다.
title 태그는 문서의 제목을 지정하는 태그이다.

자바스크립트 설명으로 옳지 않은 것은 컴파일 후 삽입한다는 설명이다.
자바스크립트는 인터프리터 방식으로, 소스를 컴파일하지 않고 HTML에 넣어 브라우저가 한 줄씩 해석해 실행한다.
브라우저만 있으면 운영체제와 관계없이 실행된다는 설명은 맞다.
객체가 프로토타입 객체의 프로퍼티를 상속받는다는 설명은 맞다.
클라이언트 측 자바스크립트가 HTML 문서 안에서 브라우저를 제어한다는 설명은 맞다.

TCP 설명으로 옳지 않은 것은 비연결형 서비스라는 설명이다.
TCP는 데이터 전송 전에 연결을 맺는 연결형 프로토콜이며, 비연결형은 UDP의 특징이다.
데이터 전송 순서를 보장한다는 설명은 맞다.
데이터 손실과 중복을 해결한다는 설명은 맞다.
에러 제어와 흐름 제어를 제공한다는 설명은 맞다.

메타 검색엔진은 여러 개의 검색엔진에 동시에 질의하여 결과를 수집하고, 중복을 제거한 후 자체 순위 알고리즘으로 재정렬하여 출력하는 검색엔진이다. 문제에서 설명하는 '여러 검색엔진 활용, 중복 통일, 자체 순위 결정'의 특징은 메타 검색엔진의 정의와 정확히 일치한다.
주제별 검색엔진은 특정 주제 영역에 특화된 검색을 제공한다.
키워드 검색엔진은 입력한 키워드와 정확히 일치하는 페이지를 찾는 방식이다.
자연어 검색엔진은 자연어 질의를 이해하여 의미 기반 검색을 수행한다.

HTML 주석은 느낌표와 두 개의 하이픈으로 시작하는 형태로 쓴다.
주석 내용은 꺾쇠 괄호, 느낌표, 하이픈 두 개로 열고 하이픈 두 개와 닫는 꺾쇠로 닫는다.
퍼센트 기호로 시작하는 형태는 서버 측 스크립트 영역 표기와 비슷할 뿐 HTML 주석 구문이 아니다.
별표로 시작하는 형태는 HTML에 정의된 주석 구문이 아니다.
골뱅이 기호로 시작하는 형태도 HTML에 정의된 주석 구문이 아니다.

장면을 연속으로 보여 움직이는 것처럼 표현하는 기술은 애니메이션이다.
애니메이션은 조금씩 다른 여러 장면을 연속 재생해 움직임의 환영을 만드는 기술이다.
맵핑은 3차원 물체 표면에 이미지를 입히는 기법이다.
모델링은 3차원 물체의 형상을 만드는 작업이다.
크로마키는 특정 색(청색·녹색)을 제거해 다른 화면과 합성하는 기법이다.

컴퓨터 그래픽스 개념과 가장 거리가 먼 것은 디자이너에게 다양한 아이디어를 제공하고 발전시킨다는 설명이다.
컴퓨터 그래픽스는 디자이너의 아이디어를 표현하고 작업을 돕는 도구이며, 아이디어를 내고 발전시키는 일은 디자이너의 몫이다.
디자인·순수예술·영상산업 등 활용 영역이 넓다는 설명은 맞다.
단순·반복 작업을 편리하게 처리할 수 있다는 설명은 컴퓨터 그래픽스의 장점으로 맞다.
현재 가장 많이 쓰이는 디자인 도구라는 설명은 도구로서의 위상을 말한 것으로 맞다.

정사각형 픽셀이 모여 이미지를 구성하는 방식은 비트맵이다.
비트맵은 이미지를 픽셀(점)의 집합으로 저장·표현하는 방식이다.
포스트스크립트는 페이지를 수식·명령으로 기술하는 언어로 벡터 방식 출력에 쓰인다.
일러스트레이터는 벡터 방식으로 그리는 프로그램이다.
벡터라이징은 비트맵 이미지를 벡터 이미지로 바꾸는 작업이다.

클릭하면 다른 텍스트나 이미지로 이동·전환되는 것은 하이퍼링크이다.
하이퍼링크는 문서의 텍스트·이미지 등에 다른 대상으로 가는 연결을 걸어 둔 것이다.
테이블은 행과 열로 내용을 배치하는 표이다.
프레임은 브라우저 창을 나누어 여러 문서를 보여 주는 기능이다.
태그는 HTML 문서의 구조와 속성을 지정하는 표시 명령이다.

웹사이트 개발은 프로젝트 기획, 웹사이트 기획, 웹사이트 구축, 유지 및 관리 순서로 진행된다.
기획이 먼저 이뤄져야 구축할 수 있고, 유지 및 관리는 구축 후 마지막 단계이다.
유지 및 관리를 웹사이트 기획과 구축보다 앞에 두면, 만들기 전에 운영하는 모순이 된다.
구축을 프로젝트 기획보다 앞에 두면, 계획 없이 제작하게 되어 맞지 않는다.
유지 및 관리를 구축보다 앞에 두면, 완성되지 않은 사이트를 운영하는 모순이 된다.

먼저 촬영한 실사 필름 위에 셀을 올려 애니메이션을 그려 넣는 기법은 로토스코핑입니다.
로토스코핑은 실사 장면을 바탕으로 그림을 그리거나 덧입히는 방식이라 실사와 애니메이션 합성에 많이 쓰입니다.
모션캡쳐: 사람 몸에 센서나 마커를 달아 실제 동작을 데이터로 기록한 뒤 캐릭터에 적용하는 기술입니다.
플립북: 종이에 조금씩 다른 그림을 그려 빠르게 넘기며 움직임을 보는 방식입니다.
모핑: 한 형체가 다른 형체로 서서히 바뀌어 가는 변형 효과입니다.

동영상 편집에 가장 적당한 프로그램은 프리미어이다.
프리미어는 영상 클립을 시간순으로 편집·합성하는 동영상 편집 프로그램이다.
쿼크 익스프레스는 책·신문 같은 출판물의 페이지를 편집하는 DTP 프로그램이다.
일러스트레이터는 벡터 방식 그림을 그리는 프로그램이다.
포토샵은 비트맵 이미지를 편집·보정하는 프로그램이다.

비트맵 이미지는 픽셀 단위로 색상 정보를 저장하는 래스터 방식이므로, 확대 시 각 픽셀이 커지면서 계단 현상(앨리어싱)이 발생한다(3번 참). Photoshop은 비트맵 편집의 대표 소프트웨어이며(4번 참), 픽셀의 집합으로 이미지를 표현한다(1번 참). 반면 로고나 심벌처럼 정교한 선이 필요한 작업은 벡터 이미지(Illustrator 등)가 적합하며, 비트맵은 확대 손상, 용량 증가 등의 단점이 있어 이 용도에는 부적절하다.

웹 페이지 제작 시 고려할 사항과 거리가 먼 것은 획일성이다.
웹 페이지는 정보를 체계적으로 구성하되 사이트마다 개성 있고 다양하게 만드는 것이 바람직해 모든 것을 똑같이 만드는 획일성은 고려 대상이 아니다.
조직성은 정보를 체계적으로 구조화해 찾기 쉽게 하는 것으로 고려사항이다.
경제성은 비용과 자원, 데이터 용량을 효율적으로 쓰는 것으로 고려사항이다.
일관성은 페이지 전반의 디자인과 구조를 통일감 있게 유지하는 것으로 고려사항이다.

애니메이션에서 각 장면을 표현하는 단위는 프레임이다.
애니메이션은 정지 화상(프레임)을 연속으로 재생해 움직임을 만들며, 프레임이 가장 작은 한 장의 화면 단위이다.
모션은 움직임 자체를 뜻하는 말로 화면 한 장을 세는 단위가 아니다.
씬은 여러 컷이 모여 하나의 사건이나 장소를 이루는 큰 단위이다.
컷은 카메라가 한 번에 이어서 촬영한 영상 덩어리로 여러 프레임을 포함한다.

해상도에 관한 옳은 설명은 이미지를 몇 개의 픽셀(도트)로 표현했는지의 정도라는 것이다.
해상도는 단위 면적당 픽셀 수로 나타내며 dpi나 ppi를 쓰고, 높을수록 이미지가 정교하다.
작은 화소 단위는 해상도가 아니라 픽셀 자체의 정의이다.
해상도가 높을수록 세밀해져 이미지의 질은 좋아지므로 질이 떨어진다는 설명은 반대이다.
bps는 데이터 전송 속도의 단위이며 해상도는 dpi나 ppi로 나타낸다.

레이아웃 설계 시 적합하지 않은 것은 세부 콘텐츠를 먼저 배치한 뒤 중요한 콘텐츠를 두는 것이다.
레이아웃은 중요한 콘텐츠를 먼저 눈에 띄게 배치하고 세부 내용을 뒤따르게 해야 사용자가 핵심 정보를 쉽게 찾는다.
단순하고 간결하게 구성해 콘텐츠를 쉽게 찾게 하는 것은 바람직한 설계이다.
콘텐츠의 연결이 일관되고 논리적이어야 하는 것은 탐색 구조의 기본 원칙이다.
텍스트와 그래픽을 적절히 조화시키는 것은 가독성과 시각적 균형을 위해 필요하다.

주변 픽셀들의 값을 넓게 참조해 새 픽셀 색을 구하고 가장 사실적인 세부를 얻는 리샘플링 방식은 Bicubic입니다.
Bicubic(쌍입방)은 새 픽셀 둘레 4×4 = 16개 픽셀을 참조해 값을 구하므로, 사진처럼 음영과 색 변화가 복잡한 이미지를 매끄럽게 처리하는 데 적합합니다.
Bilinear: 둘레 2×2 = 4개 픽셀만 평균하는 방식으로, Bicubic 보다 참조 범위가 좁아 세부 표현이 덜 정밀합니다.
Resolution: 해상도를 뜻하는 말로, 리샘플링 알고리즘의 이름이 아닙니다.
IBM PC: IBM 사의 개인용 컴퓨터 이름입니다.

두 컴퓨터 시스템·장치 사이를 기능적으로 이어 데이터를 주고받게 하는 것은 인터페이스(Interface)입니다.
인터페이스는 서로 다른 장치나 시스템이 만나는 접점으로, 이를 통해 정보를 상호 교환합니다.
오토캐드(AutoCAD): 오토데스크 사의 설계·제도용 CAD 프로그램입니다.
포토샵(Photoshop): 어도비 사의 비트맵 이미지 편집 프로그램입니다.
레이아웃(Layout): 화면이나 지면에 글·그림 같은 요소를 배치하는 일입니다.

출력장치 설명으로 옳지 않은 것은 프린터, 플로터와 함께 스캐너를 대표적 출력장치로 꼽은 것이다.
스캐너는 이미지나 문서를 읽어 컴퓨터로 넣는 입력장치이다.
정보를 외부로 내보내는 것이 출력이라는 설명은 옳다.
화면 디스플레이도 결과를 보여 주는 출력장치에 속한다.
프린트 작업은 결과를 종이로 내보내는 출력 작업에 속한다.

그래픽 편집 프로그램 설명으로 옳지 않은 것은 3D 이미지와 방송 영상만 제작한다는 설명이다.
그래픽 편집 프로그램은 2D 그림·문자·도형 편집, 페인팅, 리터칭, 합성 등을 폭넓게 다루며 3D·영상만 만드는 도구가 아니다.
그림이나 문자, 도형을 편집하는 프로그램이라는 설명은 옳다.
도안 작업, 페인팅, 리터칭, 합성을 하는 프로그램이 해당된다는 설명은 옳다.
포토샵, 페인터, 일러스트레이터, 코렐드로우는 대표적인 그래픽 편집 프로그램이다.

해상도별로 사이트가 보일 모습을 정하고 구성 요소의 크기를 비례감 있게 잡아 일관된 작업을 하게 하는 것은 Grid System입니다.
그리드 시스템은 화면을 일정한 단(column)과 간격으로 나눈 격자 틀로, 요소를 그 틀에 맞춰 배치해 페이지 전체의 통일감을 줍니다.
Programming: 컴퓨터가 수행할 명령을 작성하는 일입니다.
GUI: 아이콘·창·메뉴 같은 그래픽 요소로 컴퓨터를 조작하게 하는 사용자 인터페이스입니다.
Margin: 요소 바깥의 여백 자체를 가리키는 말로, 해상도별 화면 구성과 요소 크기의 비례를 정하는 배치 체계가 아닙니다.