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

커뮤니케이션 디자인의 설명으로 틀린 것은 운동과 시선을 중시하는 디자인이라는 설명입니다.
커뮤니케이션 디자인은 기호를 매개로 의미를 전달·공유하는 과정에 초점을 두며, 운동과 시선 중시는 이 정의에 들어 있지 않습니다.
라틴어 Communicare(나누다·공유하다)를 어원으로 한다는 설명은 옳습니다.
두 개 이상의 개체가 기호를 매개로 무언가를 공유한다는 설명은 정의에 해당합니다.
사람과 사람 사이에서 기호로 의미를 전달하는 과정이라는 설명도 정의에 해당합니다.

파파넥의 디자인 복합 기능에 포함되지 않는 것은 효과입니다.
파파넥이 말한 복합 기능은 방법·용도·필요·텔레시스·연상·미학의 여섯 가지입니다.
방법은 복합 기능에 포함됩니다.
연상은 복합 기능에 포함됩니다.
미학은 복합 기능에 포함됩니다.

제시문의 "1910~1935년 러시아(구소련)", "조형의 추상성과 기하학적 간결함", "재료의 경제성에 입각한 디자인", "스탈린 탄압으로 종결"은 러시아 구성주의(Constructivism)의 특징이다. 구성주의는 산업 재료와 기술을 활용해 기하학적 형태의 조형을 추구한 사회주의적 예술·디자인 운동이다.
기능주의: 형태보다 기능을 우선하는 일반 원리
역사주의: 과거 양식의 재현
미래주의: 이탈리아에서 일어난 속도와 기계 예찬 운동
이들은 시기와 지역, 성격이 다르다.

그림의 설명들과 관계있는 디자인은 웹 디자인이다.
인터넷상에서 시공간을 넘어 세계에 정보를 전달하고, 사용자 중심 인터페이스와 쌍방향성·일관성·통일성을 고려해야 한다는 것은 웹 디자인의 특성이다.
제품 디자인: 생활용품·기기 같은 물리적 제품의 형태와 기능을 설계하는 분야로, 결과물이 인터넷상에 존재하지 않는다.
그린 디자인: 재활용·에너지 절감 등 환경 친화를 목표로 하는 디자인으로, 인터넷 정보 전달이 핵심이 아니다.
금속 디자인: 금속 소재를 가공해 장신구·공예품 등을 만드는 분야로, 쌍방향 인터페이스와 무관하다.

게슈탈트의 형태 지각 법칙에 해당하지 않는 것은 통일입니다.
통일은 전체에 일체감을 주는 디자인 원리 쪽 용어이고, 게슈탈트 법칙은 근접·유사·폐쇄·연속처럼 요소가 묶여 지각되는 방식을 말합니다.
근접은 가까이 있는 요소끼리 한 덩어리로 묶여 보이는 법칙입니다.
유사는 모양·색 등이 비슷한 요소끼리 묶여 보이는 법칙입니다.
연속은 부드럽게 이어지는 방향의 요소들이 하나의 흐름으로 보이는 법칙입니다.

오스트발트 색상환은 24개의 색상이 무채색 축(회백축)을 중심으로 원형으로 배열되어 있다. 오스트발트는 순색 12색을 기본으로 하되, 각 순색 사이에 중간색을 삽입하여 총 24개 색상으로 확장한 색체계를 개발했으며, 이는 무채색(검은색, 회색, 흰색)으로 이루어진 중심축을 둘러싸고 있는 구조이다.

율동에 해당하는 것은 점이, 반복입니다.
율동(리듬)은 반복·점이·대립·변이·방사처럼 요소가 질서 있게 되풀이되거나 변해 가며 시각적 운동감을 주는 원리입니다.
대칭·비례는 시각적 안정을 이루는 균형의 요소입니다.
통일·변화는 전체의 질서와 다양성의 조화를 다루는 원리로, 율동의 요소가 아닙니다.
유사·대비는 조화 원리의 두 유형으로 다룹니다.

틀린 설명은 차가운 한색이 따뜻한 난색보다 주목성이 높다는 것입니다.
주목성은 명시도·명도·채도가 높을수록, 그리고 난색일수록 높아지므로 한색이 난색보다 높다는 서술은 반대입니다.
명시성이 높은 색은 주목성도 높아진다는 설명은 옳습니다.
주목성이 색이 시선을 끄는 힘이라는 설명은 정의에 맞습니다.
명도와 채도가 높은 색이 주목성이 높다는 설명은 옳습니다.

색 점이 서로 가깝게 놓여 망막에서 섞여 보이고 명도·채도가 떨어지지 않는 혼합은 병치혼합입니다.
병치혼합은 작은 색점이나 색실을 나란히 배치해 멀리서 볼 때 눈 속에서 섞이는 중간혼합의 하나로, 혼합된 색의 명도가 두 색의 평균 정도로 유지되어 탁해지지 않습니다. 점묘화·모자이크·직물·컬러 TV 화면 등이 예입니다.
가산혼합은 색광을 같은 자리에 겹쳐 비추어 섞는 혼합으로, 섞을수록 명도가 높아집니다. 색점이 나란히 놓여 망막에서 섞이는 방식을 가리키는 이름은 아닙니다.
감산혼합은 물감·잉크 같은 색료를 섞는 혼합으로, 섞을수록 명도·채도가 낮아져 문제의 조건과 반대입니다.
보색혼합은 보색 관계의 색을 섞는 경우를 가리킬 뿐, 색점이 나란히 놓여 망막에서 섞이는 방식을 뜻하지 않습니다.

제시문의 '우아·매력·유연·여성적인 섬세함과 동적인 표정'은 곡선이 주는 느낌이다.
곡선은 방향이 끊임없이 부드럽게 바뀌어 유연하고 동적이며, 우아하고 여성적인 인상을 준다.
직선: 곧게 뻗어 명쾌·강직·단순하며 남성적인 느낌을 준다.
절선: 꺾인 선으로 방향이 급격히 바뀌어 날카롭고 불안·긴장된 느낌을 준다.
점선: 선이 끊어져 이어지는 단속적인 선으로 경쾌하거나 약한 느낌을 주며, 우아·유연의 상징과는 거리가 멀다.

서로 다른 부분의 조합으로 시각적 힘의 강약에 의한 감정효과를 주는 원리는 대비입니다.
대비는 성질이 다른 요소를 함께 두어 서로의 특징을 강하게 드러내며, 그 결과 강약의 효과가 생깁니다.
변칙은 규칙적인 질서에서 벗어난 예외적 요소로 변화를 주는 것으로, 서로 다른 부분의 조합에서 생기는 강약 효과 자체를 가리키지 않습니다.
통일은 부분들을 하나로 묶어 전체에 일체감을 주는 것입니다.
반복은 같은 요소를 되풀이해 리듬을 만드는 것입니다.

웹 디자인 설명과 거리가 먼 것은 기업·단체·행사의 특징과 성격에 맞는 시각적 상징물이라는 설명입니다.
이는 심벌마크·로고 같은 상징물을 가리키는 설명이고, 웹 디자인은 웹페이지를 설계하고 제작하는 일을 뜻합니다.
웹페이지를 디자인하고 제작하는 것이라는 설명은 웹 디자인의 뜻에 맞습니다.
개인용 홈페이지 외에 기업용·상업용 등 다양하다는 설명도 맞습니다.
웹과 디자인이라는 두 개념이 결합된 것이라는 설명도 맞습니다.

기계적 질감에 해당하지 않는 것은 나뭇잎입니다.
나뭇잎은 자연이 만든 자연적 질감이고, 기계적 질감은 인쇄·방송 장치 등 기계로 만들어지는 질감입니다.
사진의 망점은 인쇄 과정에서 기계적으로 생기는 질감입니다.
인쇄상의 스크린 톤도 기계적 질감입니다.
텔레비전 주사선도 기계 장치가 만드는 기계적 질감입니다.

틀린 설명은 대비의 원리로 서술된 보기입니다.
그 서술인 '배색된 색채들이 서로 공통되는 상태와 속성을 가질 때 조화된다'는 유사의 원리의 내용이며, 대비는 공통성과 반대 개념입니다.
질서의 원리는 질서 있는 계획에 따라 선택된 색채에서 조화가 생긴다는 설명으로 옳습니다.
비모호성의 원리는 모호함 없이 명료한 배색에서 조화를 얻는다는 설명으로 옳습니다.
동류의 원리는 가까운 색끼리의 배색이 친근감을 준다는 설명으로 옳습니다.

배색에 대한 틀린 설명은 목적에 관계없이 아름다움을 우선하고 눈에 띄는 색으로 배색해야 한다는 것입니다.
배색은 사용 목적·기능·사용자를 고려해야 하며, 목적을 무시하고 튀는 색만 쓰면 기능과 주변 환경에 어울리지 않습니다.
성능이나 기능에 부합하고 주변과 어울리게 배색한다는 설명은 옳습니다.
사용자의 성별·연령을 고려해 편안한 느낌을 준다는 설명도 옳습니다.
색의 이미지를 통해 전달하려는 목적이나 기능을 기준으로 배색한다는 설명도 옳습니다.

같은 크기의 원이 작은 원들에 둘러싸이면 커 보이고, 큰 원들에 둘러싸이면 작아 보이는 주변과의 대비에 의한 착시이다(에빙하우스 착시).
그림에서 왼쪽 중심 원은 그보다 작은 원 8개에, 오른쪽 중심 원은 그보다 훨씬 큰 원 6개에 둘러싸여 있어 크기 대비로 왼쪽 원이 더 커 보인다.
반복원리: 같은 요소를 되풀이해 율동감을 주는 원리로, 중심 원의 크기를 다르게 지각하게 하는 원인이 아니다.
폐쇄원리: 끊기거나 불완전한 도형을 완결된 형태로 보는 지각 원리인데, 그림에는 끊긴 도형이 없다.
연속원리: 같은 방향으로 이어지는 요소를 하나로 묶어 보는 원리인데, 그림에는 이어지는 선이나 흐름이 없다.

받침점이 가운데가 아닌 판 위에서 크기가 다른 두 원이 평형을 이루는 그림은 비대칭 균형을 나타낸다.
작은 원은 받침점에서 멀리(왼쪽 끝), 큰 원은 받침점 가까이(오른쪽)에 놓여 무게와 거리를 조절해 평형을 잡는다. 양쪽이 같은 모양·같은 거리로 맞서는 대칭과 달리 시각적 무게의 배분으로 안정을 얻는 것이 비대칭이다.
조화: 둘 이상의 요소가 유사하거나 대비되며 어울리는 관계를 말하며, 받침점 위 무게 평형을 나타내는 원리가 아니다.
강조: 특정 부분에 변화를 주어 시선을 집중시키는 원리로, 그림은 한 요소의 부각이 아니라 양쪽 무게의 평형을 보여 준다.
율동: 반복·점이 등으로 생기는 시각적 흐름인데, 그림에는 반복되거나 점차 변하는 요소가 없다.

굿 디자인의 조건은 합목적성, 경제성, 심미성, 독창성이다.
실용적 기능, 비용 대비 효과, 아름다움, 새로움이 함께 갖춰져야 좋은 디자인으로 평가된다.
합목적성·실용성·경제성·효용성은 실용성·효용성이 합목적성과 겹치는 말이고, 심미성과 독창성이 빠져 있다.
합목적성·심미성·모방성·경제성의 모방성은 독창성과 반대되는 성질이다.
합목적성·심미성·질서성·독창성은 경제성이 빠져 있다.

가장 큰 글씨로 출력할 때 쓰는 태그는 <H1>입니다.
제목 태그는 H1부터 H6까지 있으며 숫자가 작을수록 글씨가 크므로 H1이 가장 크고 H6이 가장 작습니다.
<H3>은 H1보다 작은 중간 크기 제목입니다.
<H5>는 H3보다도 작은 제목입니다.
<H6>은 제목 태그 중 가장 작은 글씨입니다.

ADSL은 비대칭 통신으로 다운로드와 업로드 속도가 다르지만, 음성 전화와 데이터 통신을 동시에 이용할 때 속도 저하가 발생하지 않는다. 따라서 데이터통신 속도가 절반으로 떨어진다는 설명이 오류다.
ADSL은 주파수 분할 기술(필터링)을 통해 음성(저주파)과 데이터(고주파)를 분리하므로 전화 사용 여부와 무관하게 데이터 속도를 유지한다.
Asymmetric Digital Subscriber Line의 약자라는 설명은 맞다(발코어 등 초기 개발사).
가입자와 전화국간 데이터 교환 속도가 다르다는 비대칭성은 ADSL의 핵심 특징으로 맞다.
하나의 회선으로 데이터 통신과 일반 전화를 이용할 수 있다는 설명도 하나의 구리선 회선으로 음성·데이터 동시 전송이 가능한 특징으로 맞다.

하이퍼텍스트 문서 전송을 위한 통신 규약은 HTTP입니다.
HTTP(HyperText Transfer Protocol)는 웹 서버와 브라우저 사이에서 웹 문서를 주고받는 규약입니다.
TELNET은 원격 컴퓨터에 접속해 사용하는 프로토콜입니다.
USENET은 주제별 뉴스그룹에서 글을 주고받는 서비스입니다.
FTP는 컴퓨터 간에 파일을 전송하는 프로토콜입니다.

인터넷 쇼핑몰의 특징으로 볼 수 없는 것은 인터넷 쇼핑몰의 활성화가 지역사회를 활성화시키는 계기가 된다는 설명입니다.
인터넷 쇼핑몰은 시간과 장소의 제약 없이 거래한다는 점이 핵심이므로 특정 지역사회의 활성화와는 직접 관련이 없습니다. 오히려 소비가 온라인으로 옮겨 가면 지역 오프라인 상권은 위축될 수 있습니다.
언제 어디서든 이용할 수 있다는 설명은 시공간 제약이 없다는 특징 그대로입니다.
판매자와 구매자가 직접 만나지 않으므로 신뢰 구축이 중요하다는 설명도 옳습니다.
구매·검색 기록으로 고객 취향을 파악해 타깃 마케팅이 가능하다는 설명도 옳습니다.

컴퓨터통신을 위해 서로 미리 정해 둔 약속은 프로토콜(Protocol)입니다.
프로토콜은 통신 장치들이 데이터를 주고받는 절차와 규칙을 정한 것입니다.
접속(Connection)은 통신 상대와 연결을 맺는 동작이지 약속 자체가 아닙니다.
레이어(layer)는 통신 기능을 나눈 계층, 또는 겹쳐 놓는 층을 뜻합니다.
브라우저(browser)는 웹 문서를 읽어 화면에 표시하는 프로그램입니다.

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

스팸메일에 대한 옳은 설명은 불특정 다수에게 일방적으로 전달되는 대량의 광고성 전자우편입니다.
스팸메일은 수신자의 동의 없이 일방적으로 대량 발송되는 점이 특징입니다.
수신자의 허가 하에 전달되는 전자우편은 동의를 받은 메일이라 스팸과 반대입니다.
사용자 그룹의 구성원을 가리키는 대체명은 별칭(alias)에 대한 설명입니다.
어떤 그룹 사람들에게 정기적으로 메시지를 보내는 전자우편은 메일링 리스트에 가까운 설명입니다.

틀린 설명은 하나의 그림에 하나의 문서나 사이트만 연결할 수 있다는 것입니다.
이미지 맵을 쓰면 한 그림을 여러 영역으로 나눠 영역마다 서로 다른 링크를 연결할 수 있습니다.
Markup 태그를 이용해 제작한다는 설명은 HTML이 마크업 언어이므로 옳습니다.
다양한 멀티미디어 포맷의 파일을 연결할 수 있다는 설명도 옳습니다.
위지윅 방식은 직접 코드를 입력하지 않고도 페이지를 구성할 수 있다는 설명도 옳습니다.

HTML 태그의 특징으로 올바른 것은 태그 안에 속성을 정의할 수 있다는 것입니다.
예를 들어 이미지·링크 태그 안에 src, href 같은 속성을 넣어 동작과 모양을 지정합니다.
여는 태그만 있고 닫는 태그가 없다는 설명은 틀리며, 대부분 여는 태그와 닫는 태그가 짝을 이루고 줄바꿈 같은 일부만 닫는 태그가 없습니다.
대소문자를 명확히 구별해야 한다는 설명은 틀리며, HTML 태그는 대소문자를 구별하지 않습니다.
들여쓰기가 브라우저에 적용된다는 설명은 틀리며, 소스의 연속 공백은 하나로 표시됩니다.

미디어 데이터를 처리·재생해 브라우저 기능을 확장하는 것은 플러그인입니다.
플러그인은 브라우저가 기본으로 처리하지 못하는 동영상·사운드 등을 다루도록 추가로 설치하는 프로그램입니다.
쿠키는 방문한 사이트가 사용자 컴퓨터에 저장하는 작은 정보 파일입니다.
책갈피는 자주 가는 페이지 주소를 저장해 두는 기능입니다.
다이어그램은 구조나 관계를 나타내는 도식으로 브라우저 확장 기능이 아닙니다.

IP 주소를 대신해 기억하기 쉽게 만든 것은 도메인 이름입니다.
숫자로 된 IP 주소 대신 문자로 된 이름을 쓰고, DNS가 이를 IP 주소로 변환합니다.
파일이름은 컴퓨터 안의 파일을 구분하는 이름입니다.
주소 클래스는 IP 주소를 네트워크 규모에 따라 A·B·C 등으로 나눈 구분입니다.
패킷은 네트워크로 전송하기 위해 데이터를 잘라 만든 전송 단위입니다.

포탈 검색 방식은 웹 페이지를 자동으로 수집·인덱싱하는 검색 엔진 기반의 방식이 맞으나, "방문하여 읽어 온 모든 내용을 인덱스 형태로 제공"한다는 표현은 정확하지 않다.
포탈은 검색 엔진, 뉴스, 이메일, 카페 등 다양한 서비스를 통합 제공하는 통합 정보 서비스 플랫폼이며, 포탈이 자체적으로 크롤러를 통해 수집한 페이지만 인덱싱하고 모든 웹 페이지의 내용을 제공하지는 않는다.
주제별 검색(디렉토리 검색)은 인간이 수작업으로 정리한 카테고리 제공이 맞다.
키워드 검색의 설명은 정확하다.
메타 검색의 설명도 정확하다.

제시된 두 조건은 인터넷 익스플로러 6.0 개인정보 설정의 높음 수준 설명이다.
높음은 타사 쿠키에 한정하지 않고 모든 웹 사이트의 쿠키를 대상으로, 압축 개인정보 보호정책이 없거나 명시적 동의 없이 개인 식별 정보를 사용하면 차단한다.
보통 높음: 차단 대상이 모든 웹 사이트가 아니라 주로 타사 쿠키이며(압축 정책이 없거나 명시적 동의 없이 개인 식별 정보를 쓰는 타사 쿠키), 자사 쿠키는 묵시적 동의 없이 개인 식별 정보를 쓸 때만 차단한다.
보통: 압축 정책이 없거나 묵시적 동의 없이 개인 식별 정보를 쓰는 타사 쿠키를 차단하고, 자사 쿠키는 차단이 아니라 제한하는 수준이다.
낮음: 압축 정책이 없는 타사 쿠키 등을 차단하지 않고 제한만 하는 수준이다.

관련 있는 페이지 사이를 자유롭게 이동할 수 있는 구조의 문서는 하이퍼텍스트입니다.
하이퍼텍스트는 문서 안의 링크를 통해 다른 문서로 비순차적으로 이동하는 구조입니다.
워드문서는 문서 편집 프로그램으로 만든 파일을 뜻합니다.
그림문서는 이미지 중심 문서로 페이지 간 이동 구조를 뜻하지 않습니다.
자바스크립트는 웹 페이지 동작을 제어하는 스크립트 언어입니다.

드림위버(Dreamweaver)에서 제공하는 Behaviors(비헤이비어) 기능은 마우스 클릭, 페이지 로드 등의 사용자 이벤트에 자동으로 자바스크립트 코드를 삽입하여 인터렉티브한 페이지를 만드는 도구다. 코드를 직접 작성하지 않고도 메뉴 기반의 간단한 조작으로 자바스크립트 동작을 추가할 수 있다. Layer는 레이아웃 요소, Form은 입력 폼 구성, CSS는 스타일링 기능으로 자바스크립트 삽입과는 무관하다.

웹 브라우저는 인터넷 웹 페이지를 열고 표시하는 소프트웨어를 의미한다. 넷스케이프, 익스플로러, 모자이크는 모두 웹 브라우저의 대표적인 예시로, 특히 초기 인터넷 시대의 주요 브라우저들이다. 반면 드림위버는 웹 페이지 제작 및 편집을 위한 저작도구(HTML 에디터)로, 웹 콘텐츠를 만드는 프로그램이지 웹 페이지를 열어 보는 브라우저가 아니다.

원격 컴퓨터에 접속해 자기 컴퓨터처럼 쓰게 해 주는 서비스는 TELNET입니다.
TELNET은 인터넷을 통해 원격 접속하여 그 컴퓨터를 직접 조작하듯 사용하는 서비스입니다.
FTP는 파일을 주고받는 서비스입니다.
E-MAIL은 전자우편을 주고받는 서비스입니다.
www는 하이퍼텍스트 문서를 열람하는 서비스입니다.

ActiveX는 Microsoft에서 개발한 컴포넌트 기술으로, 웹 브라우저에서 실행되는 객체나 제어 기능을 제공하는 프로토콜이며 에디터가 아니다. 따라서 ActiveX는 웹에디터의 종류가 아니다.
웹 페이지 제작에 사용하는 웹에디터는 HTML, CSS, JavaScript 등의 코드를 작성하거나 시각적으로 디자인할 수 있는 도구를 말한다.
Notepad(메모장)는 텍스트 에디터로서 HTML 코드 작성에 사용된다.
UltraEdit와 Dreamweaver는 전문 웹에디터로 분류된다.

오브젝트를 원하는 각도로 기울여 주는 메뉴는 Shear입니다.
Shear는 입력한 각도만큼 오브젝트를 기울이는(비스듬히 늘이는) 변형 메뉴입니다.
Move는 오브젝트의 위치를 옮기는 메뉴입니다.
Scale은 오브젝트의 크기를 조절하는 메뉴입니다.
Rotate는 오브젝트를 회전시키는 메뉴입니다.

웹 디자인 프로세스를 바르게 나열한 것은 주제선정 → 자료수집 → 콘티 및 스토리보드 제작 → 레이아웃 구성 → 그래픽 작업 및 기술적 요소 구현 → 결과물 수정 보완 → 서버에 자료 업로드 → 검색엔진 등록 순서입니다.
무엇을 만들지 주제를 먼저 정해야 필요한 자료를 모을 수 있고, 수정·보완을 마친 결과물을 서버에 올려 공개한 뒤에야 그 주소를 검색엔진에 등록할 수 있습니다.
검색엔진 등록 뒤에 서버에 업로드하는 순서는 공개되지 않은 사이트를 먼저 등록하는 것이라 맞지 않습니다.
자료수집을 주제선정보다 먼저 두고, 수정 보완 전에 서버에 업로드하는 순서는 앞뒤가 바뀌었습니다.
검색엔진 등록이 두 번 들어가고 업로드보다 먼저 오는 순서도 맞지 않습니다.

클릭하면 다른 텍스트·이미지·멀티미디어 요소로 연결되는 것은 하이퍼링크입니다.
하이퍼링크는 텍스트나 이미지에 연결 정보를 걸어 클릭 시 다른 대상으로 이동·변경되게 합니다.
테이블은 자료를 행과 열로 배치하는 표입니다.
프레임은 브라우저 화면을 여러 영역으로 나누는 기능입니다.
태그는 HTML 문서를 구성하는 마크업 표시 요소입니다.

공백에서도 버튼이 작동하게 하려면 버튼 심벌의 히트(Hit) 프레임에 사각형을 그려 줍니다.
히트 프레임은 마우스에 반응하는 영역을 정하는 프레임이므로, 글자 사이 공백까지 사각형으로 덮으면 공백에서도 버튼이 작동합니다.
스테이지에서 사각형 그래픽 심벌을 버튼 밑에 놓는 방법은 그 사각형이 버튼의 반응 영역이 아니라 공백에서 버튼이 작동하지 않습니다.
문자를 그래픽 심벌로 만들어 버튼 심벌을 만드는 방법은 반응 영역이 글자 모양에 그쳐 공백 문제가 해결되지 않습니다.
버튼 심벌에서 레이어를 추가하는 것만으로는 반응 영역이 달라지지 않습니다.

GIF의 설명으로 틀린 것은 1670만 가지 색상을 인덱스 색상으로 사용할 수 있다는 것입니다.
GIF는 인덱스 컬러 방식으로 최대 256색까지 표현하며, 1670만 색은 트루컬러(24비트) 영역입니다.
이미지의 일부분을 투명하게 만들 수 있다는 설명은 옳습니다.
애니메이션 효과를 만들 수 있다는 설명도 옳습니다.
이미지가 점진적으로 나타나는 인터레이스 효과를 낼 수 있다는 설명도 옳습니다.

주변 픽셀들의 값을 평균적으로 계산해 새 픽셀을 만들고, 사진처럼 음영 변화가 복잡한 이미지에서 가장 정밀한 결과를 내는 방식은 Bicubic(쌍입방 보간)이다.
바이큐빅은 새 픽셀 주변의 4×4, 즉 16개 픽셀을 참조해 계산하므로 처리는 느리지만 계조가 부드럽고 세부 묘사가 가장 정밀하다.
Bilinear: 주변 2×2, 즉 4개 픽셀만 선형으로 평균하는 방식으로, 품질이 중간 정도라 가장 사실적인 세부 묘사를 내는 방식이 아니다.
Resolution: 단위 길이당 픽셀 수를 뜻하는 해상도로, 픽셀 값을 계산하는 리샘플링 알고리즘이 아니다.
Nearest Neighbor: 가장 가까운 픽셀 값을 그대로 복사할 뿐 주변 픽셀을 평균하지 않아 계단 현상이 생긴다.

입력 장치가 아닌 것은 플로터이다.
플로터는 펜이나 잉크로 도면·그래픽을 종이에 그려 내는 출력 장치이다.
키보드는 문자와 명령을 입력하는 장치이다.
마우스는 화면상의 위치를 지정해 좌표를 입력하는 장치이다.
스캐너는 원본 이미지를 읽어 디지털 데이터로 입력하는 장치이다.

벡터 이미지에 대한 설명으로 틀린 것은 래스터 이미지라 한다는 부분이다.
래스터 이미지는 픽셀의 집합으로 이루어진 비트맵을 가리키는 용어이며, 벡터와 대비되는 방식이다.
좌표 변환과 수학적 계산으로 정의된 선과 곡선으로 구성된다는 설명은 벡터의 정의로 옳다.
선의 색상·위치·크기를 바꿔도 품질이 유지된다는 설명은 벡터의 장점으로 옳다.
해상도에 영향을 받지 않는다는 설명은 확대·축소해도 윤곽이 유지되는 벡터의 특성으로 옳다.

물체의 모서리 선만으로 형상을 표현하는 방식은 와이어프레임 모델링이다.
와이어프레임은 점과 꼭짓점을 잇는 선(곡선)만으로 뼈대를 나타내므로 면·부피 정보가 없다.
솔리드 모델링은 내부까지 채워진 입체로 부피·질량 정보를 갖는 방식이다.
CSG 모델링은 기본 입체 도형을 합·차·교 같은 불리언 연산으로 조합해 형상을 만든다.
B-Reps 모델링은 물체를 둘러싼 경계면들의 집합으로 표현하므로 선만 쓰는 방식이 아니다.

'이미지 제작'은 실제 그래픽 자산을 만드는 행위로, Production(실제 제작) 또는 그 이후 단계에 해당되므로 Pre-Production 범위를 벗어난다.
웹디자인의 Pre-Production 단계는 실제 제작 전 계획 및 설계 단계로, 디자인 방향과 전략을 수립하는 과정이며, 다음은 모두 Pre-Production에 포함된다.
'디자인 계획 수립': 프로젝트 목표·타겟·일정을 정하는 초기 기획 활동
'콘셉트 구상': 전체 디자인의 기본 개념을 구상하는 단계
'디자인 구체화': 와이어프레임이나 목업으로 레이아웃을 정의하는 설계 활동

PNG 설명으로 틀린 것은 압축 기법을 사용하지 않는다는 부분이다.
PNG는 무손실 압축을 사용하는 포맷이므로 압축을 쓰지 않는다는 말은 사실과 다르다.
GIF와 JPEG의 장점을 합친 무손실 압축 포맷이라는 설명은 PNG의 성격에 맞는다.
8비트 256컬러와 24비트 트루컬러로 저장할 수 있다는 설명은 PNG-8과 PNG-24에 해당한다.
인터레이스 로딩, 디더링 옵션, 투명도 지정이 가능하다는 설명도 옳다. 디더링은 256컬러(PNG-8)로 줄여 저장할 때 색 단계를 점 패턴으로 보완하는 옵션이다.

포토샵, 일러스트레이터, 페인트샵은 이미지 편집·일러스트 제작 등 웹 그래픽 제작에 활용되는 그래픽 툴이다. 오토캐드는 건축·기계 설계와 같은 CAD 도면 작성을 주된 목적으로 하므로 웹 그래픽 제작과 가장 거리가 멀다.

쉐이프트위닝(Shape Tweening)에서 도형이 꼬이거나 예상치 못한 모양으로 변형되는 문제는 Flash가 시작 도형과 끝 도형의 대응 포인트를 정확히 인식하지 못할 때 발생한다. 이를 해결하기 위해 Shape Hint를 사용하면 시작 및 끝 프레임의 도형에 대응점을 명시적으로 지정하여 변형 경로를 제어할 수 있다.
Motion Tweening은 인스턴스나 그룹 객체의 위치·크기·회전 변화에만 사용된다.
Expand Fill은 채우기 확장 옵션이다.
Break Apart는 도형 분해 기능이다.
이들은 이 문제를 근본적으로 해결하지 못한다.

해상도가 높다는 의미로 틀린 것은 이미지의 용량이 적다는 말이다.
해상도가 높을수록 단위 면적당 픽셀 수가 늘어 이미지 용량은 오히려 커진다.
이미지가 선명하다는 말은 픽셀이 촘촘해 세밀하게 표현된다는 뜻으로 옳다.
이미지 질이 좋다는 말도 같은 이유로 옳다.
일정 단위의 크기에 많은 픽셀을 포함한다는 말은 해상도의 정의 자체이다.

두 이미지나 모델 사이의 변화 과정을 서서히 보여 주는 기법은 모핑이다.
모핑은 한 형태가 다른 형태로 부드럽게 변형되도록 중간 단계를 자동 생성한다.
로토스코핑은 실제 촬영한 영상을 한 프레임씩 따라 그려 애니메이션을 만드는 기법이다.
미립자 시스템은 불·연기·비처럼 다수의 입자를 한꺼번에 움직여 표현하는 기법이다.
중첩액션은 한 동작이 끝나도 다른 신체 부위가 계속 움직이는 동작 원리이다.

위지위그 프로그램이 아닌 것은 PDF이다.
PDF는 문서를 어느 환경에서나 같은 모양으로 볼 수 있게 하는 문서 파일 형식이며, 웹페이지를 제작하는 편집 프로그램이 아니다.
프론트페이지는 화면에서 보이는 모습 그대로 편집하는 웹 에디터이다.
드림위버는 시각적 편집과 코드 편집을 함께 지원하는 웹 저작 도구이다.
나모 웹에디터도 보이는 그대로 웹페이지를 만드는 국산 웹 에디터이다.

틀린 설명은 스타일시트로 배경 이미지의 반복 횟수를 증가시킨다는 부분이다.
CSS의 배경 반복은 반복 여부와 방향(가로·세로·반복 안 함)만 지정할 뿐 횟수를 지정하지 못한다.
배경 이미지가 크면 용량이 커져 로딩이 늦어진다는 설명은 옳다.
메뉴를 현실의 사물에 빗대는 메타포로 디자인한다는 설명은 옳다.
배경 색상을 영역별로 나누면 프레임을 쓴 것처럼 보인다는 설명은 옳다.