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

틀린 설명은 커뮤니케이션 디자인이 운동과 시선을 중시하는 디자인이라는 부분이다.
커뮤니케이션 디자인의 핵심은 기호를 매개로 의미를 전달·공유하는 것이며, 운동과 시선을 중심에 두는 것이 아니다.
'나누다·공유하다'는 뜻의 라틴어에서 유래했다는 설명은 어원 설명에 해당한다.
둘 이상의 개체가 기호를 매개로 무언가를 공유한다는 설명은 정의에 부합한다.
사람 사이에서 기호로 의미를 전달하는 과정이라는 설명도 정의에 부합한다.

색료 혼합(감법혼합)은 빛의 가법혼합과 달리 색료를 섞을수록 어두워진다. 3원색 색료(CMY)를 모두 섞으면 검은색(K)이 되며, 흰색이 되지 않는다. 보기 1~3은 모두 정확한 색료 혼합 결과다: M+Y=R(적색), Y+C=G(녹색), M+C=B(청색). 따라서 M+Y+C=흰색이라는 보기 4번이 틀렸다.

명도가 낮아 움츠려 보이는 색은 수축색이다.
어둡고 낮은 명도의 색은 실제보다 작아 보이는 반면, 밝은 색은 커 보인다.
진출색은 앞으로 튀어나와 보이는 색으로 거리감에 관한 용어이다.
후퇴색은 뒤로 물러나 보이는 색으로 거리감에 관한 용어이며 크기감과는 다르다.
팽창색은 명도가 높아 실제보다 커 보이는 색이라 반대이다.

점·선·면이 연장·발전·변화하며 이루어지는 요소는 형태이다.
점이 움직여 선이 되고 선이 움직여 면이 되며, 이들이 모여 형(形)과 형태를 이룬다.
색채는 색상·명도·채도로 이루는 별개의 시각 요소이다.
크기는 점·선·면의 변화에서 생기는 형태가 아니라 별개의 시각 요소이다.
질감은 표면의 느낌을 가리키는 별개의 시각 요소이다.

동질의 부분이 조합될 때 이루어지는 것은 유사이다.
같은 성질을 지닌 요소가 어울릴 때 유사 조화가 이루어진다.
대비는 상반된 성질의 요소가 만나 서로 차이가 드러나는 것이다.
대조는 성질이 극단적으로 다른 요소를 맞세워 차이를 강조하는 것이다.
점이는 한 요소에서 다른 요소로 단계적으로 변해 가는 것이다.

성격이 다른 하나는 나뭇결 무늬이다.
망점·스크린 톤·주사선은 인쇄·영상 장치가 만들어 내는 기계적 질감이고, 나뭇결은 자연물에서 생긴 질감이다.
사진의 망점은 인쇄 과정에서 생기는 기계적 질감이다.
스크린 톤은 인쇄·만화에서 쓰는 기계적 질감이다.
텔레비전 주사선은 영상 장치가 만드는 기계적 질감이다.

틀린 설명은 디자인이 기존 것을 유지하며 예술적 가치를 기준으로 한다는 부분이다.
디자인은 합목적성(실용성)과 심미성을 함께 갖추어 새로운 것을 계획·창출하는 활동이므로, 기존 것의 유지와 예술성만 내세우는 설명은 맞지 않는다.
프랑스어 '데셍(dessin, 소묘)'에서 유래했다는 설명은 어원 설명에 해당한다.
도안·밑그림·소묘·계획·설계 등의 의미를 포함한다는 설명은 어원적 의미에 부합한다.
De와 Sign으로 나누어 기존 형식을 벗어나 새것을 만든다고 보는 설명은, 디자인이 새로움을 계획한다는 의미를 강조하는 해석이다.

시각상 힘의 안정을 주어 명쾌한 안정감을 느끼게 하는 원리는 균형이다.
균형은 부분과 부분, 부분과 전체 사이에서 시각적 무게가 안정을 이루는 것이다.
조화는 요소들이 서로 어울려 이루는 통일감을 뜻한다.
비례는 부분과 전체, 부분과 부분 사이의 수적 비율을 뜻한다.
율동은 반복·점이 등으로 생기는 시각적 운동감을 뜻한다.

저드 색채 조화 원리에 해당하지 않는 것은 기호의 원리이다.
저드는 질서·친근감(숙지)·유사·명료성의 원리를 제시하였다.
질서의 원리는 저드의 조화 원리에 속한다.
유사의 원리는 공통성이 있는 색이 조화를 이룬다는 저드의 원리이다.
친근감의 원리는 익숙한 배색이 조화롭게 느껴진다는 저드의 원리이다.

성격이 다른 분야는 인테리어 디자인이다.
인테리어는 공간을 다루는 환경 디자인 분야이고, 나머지는 시각 전달 계열이다.
광고 디자인은 시각 디자인에 속하는 분야이다.
편집 디자인은 시각 디자인에 속하는 분야이다.
시각 디자인은 정보를 시각적으로 전달하는 분야 그 자체이다.

먼셀 무채색 11단계의 중간 명도는 4~6 단계이다.
검정(0)에서 흰색(10)까지의 눈금에서 가운데 부분이 중명도이다.
0~3은 검정에 가까운 어두운 쪽으로 저명도이다.
7~8은 흰색에 가까운 밝은 쪽으로 고명도이다.
9~10은 흰색에 가장 가까운 매우 밝은 쪽이다.

물체 표면의 특징 차이를 시각과 촉각으로 느끼는 성질은 질감이다.
질감(텍스처)은 매끄럽다·거칠다처럼 손으로 만져 느끼는 촉각적 질감과 눈으로 보아 느끼는 시각적 질감으로 나뉜다.
색감은 색에서 받는 느낌으로, 촉각으로 느끼는 표면 특징이 아니다.
항상성은 조명·거리 등 조건이 바뀌어도 물체의 색·크기·형태를 같게 지각하는 현상이다.
고유성은 대상만이 지닌 특유의 성질을 뜻하는 말로, 표면의 촉감 차이를 가리키지 않는다.

옳지 않은 설명은 자연세계를 상징하고 표현하는 데 중점을 두었다는 부분이다.
데 스틸은 자연의 형태를 버리고 직선·직각·삼원색 등 순수한 요소로 구성하는 추상 조형을 추구하였다.
네덜란드 중심의 신조형 운동이며 요소주의라고도 부른다는 설명은 맞다.
두스부르크·몬드리안·리트벨트가 주요 인물이라는 설명은 맞다.
바우하우스 조형사상에 큰 영향을 주었다는 설명은 맞다.

인간의 의사와 정보를 시각적으로 전달하는 영역은 시각디자인이다.
시각디자인은 그래픽·광고·편집처럼 눈으로 보는 매체로 정보를 전하는 분야이다.
제품디자인은 사용하는 물건의 형태·기능을 설계하는 분야이다.
환경디자인은 건축·실내·도시 등 생활 공간을 다루는 분야이다.
공예디자인은 손으로 만드는 조형을 다루는 분야이다.

색끼리의 영향으로 색상 차이가 더 크게 느껴지는 현상은 색상 대비이다.
예를 들어 서로 다른 색상이 이웃하면 각 색상의 차이가 과장되어 보인다.
한란 대비는 차가운 색과 따뜻한 색의 온도감 차이에 의한 대비이다.
명도 대비는 밝고 어두움의 차이에 의한 대비이다.
채도 대비는 선명함과 탁함의 차이에 의한 대비이다.

틀린 설명은 대비의 원리를 "공통되는 상태와 속성을 가질 때 조화된다"고 쓴 부분이다.
공통되는 속성을 가진 색끼리 조화를 이룬다는 것은 유사(공통성)의 원리에 해당하고, 대비는 서로 반대되는 속성의 배색을 말한다.
질서의 원리: 계획에 따라 질서 있게 선택된 색채에서 조화가 생긴다는 설명으로 옳다.
비모호성의 원리: 모호함 없이 명료한 배색에서 조화를 얻는다는 설명으로 옳다.
동류의 원리: 가까운 색채끼리의 배색이 친근감을 주어 조화를 느끼게 한다는 설명으로 옳다.

eval()은 문자열로 된 수식을 실제로 계산해 그 결과값을 돌려준다(예: eval("3*2.5") → 7.5). parseFloat()는 문자열 앞부분의 숫자만 실수로 바꿀 뿐 수식을 계산하지 않는다. confirm()과 alert()는 대화상자를 띄우는 함수이다.
※ 정답 정정(2026-09-23): 종전 등록 정답 4번을 3번으로 바로잡았습니다. eval()은 '3*4+2.5' 같은 수식 문자열을 계산(평가)해 그 결과 값을 반환하는 내장 함수이고, parseFloat()는 문자열 앞부분의 숫자 표기만 실수로 변환할 뿐 수식을 계산하지 못함('3*4' → 3). 발문의 '수식으로 되어 있는 문자열을 계산하여'는 eval의 정의.

새로고침은 IE 6.0의 [편집] 메뉴가 아니라 [보기] 메뉴에 있는 항목이다.
[편집] 메뉴는 문서 내용을 다루는 잘라내기·복사·붙여넣기·모두 선택·찾기 같은 명령으로 구성된다.
잘라내기: 선택한 내용을 옮기는 편집 명령으로 [편집] 메뉴에 있다.
이 페이지에서 찾기: 현재 페이지의 텍스트를 검색하는 명령으로 [편집] 메뉴에 있다.
모두 선택: 페이지 전체를 선택하는 명령으로 [편집] 메뉴에 있다.

텍스트 위주로만 제작하는 것은 웹 페이지 제작 시 고려할 사항과 거리가 멀다.
웹은 이미지·색상·레이아웃으로 정보를 전달하므로, 로딩 속도를 고려하되 텍스트만 쓰라는 것은 지나친 제한이다.
디자인이 산만하면 내용이 좋아도 보기 불편하다는 설명은 시각적 정리를 강조하는 올바른 고려 사항이다.
배경색과 문자 색상의 대비를 고려해 가독성을 높이는 것은 필수적인 고려 사항이다.
일관성을 유지하면서 사용성을 높이는 것은 웹 디자인의 기본 원칙이다.

설명에 해당하는 프로그램은 웹 브라우저이다.
웹 브라우저는 웹 서버가 보낸 하이퍼텍스트 문서를 해석해 화면에 보여 주고, 멀티미디어 재생과 하이퍼미디어 기능을 지원한다.
플러그인: 브라우저가 기본으로 처리하지 못하는 형식을 재생하도록 기능을 덧붙이는 부가 프로그램이지, 문서를 보여 주는 프로그램 자체가 아니다.
플래시: 벡터 기반 애니메이션을 저작하고 재생하는 도구이다.
매크로미디어: 플래시·드림위버 등을 만든 회사 이름이며 프로그램의 종류가 아니다.

서버에 있는 파일의 위치를 표시하는 표준은 URL이다.
URL은 프로토콜, 서버 주소, 경로, 파일명으로 자원의 위치를 나타내는 표기 방식이다.
IP: 네트워크상의 컴퓨터를 구별하는 주소 체계이며 파일 위치까지 나타내지는 않는다.
TCP: 데이터를 신뢰성 있게 주고받게 하는 전송 계층 프로토콜이다.
HTML: 웹 문서를 작성하는 마크업 언어이다.

공용 IP 주소만을 이용하는 것은 보안 강화 방법과 거리가 멀다.
공용 IP는 외부에서 직접 접근할 수 있는 주소이므로, 그것만 쓴다고 해서 접근 통제나 도청 방지가 되지 않는다.
방화벽: 허가되지 않은 외부 접근을 차단하는 대표적인 보안 수단이다.
프록시 서버: 내부 컴퓨터를 대신해 외부와 통신하므로 내부 주소를 숨기고 접근을 통제한다.
암호화: 전송 중인 데이터를 가로채도 내용을 알아보지 못하게 하는 보안 방법이다.

배경색은 document.bgColor 속성에 값을 지정해 바꾼다.
bgColor는 문서의 배경색을 나타내는 document 객체의 속성이며, window 객체에는 배경색 속성이 없다.
window.bgColor 로 쓴 문장: window 객체에는 bgColor 속성이 없고, 따옴표가 겹쳐 쓰여 문법 오류이기도 하다.
window.background 로 쓴 문장: window 객체에는 배경색을 지정하는 background 속성이 없다.
document.background 로 쓴 문장: 문서의 배경색 속성 이름은 background가 아니라 bgColor이다.

[내용] 탭에서 설정할 수 있는 것은 인증서이다.
IE 6.0의 [내용] 탭에는 내용 관리자, 인증서, 개인 정보 항목이 있다.
쿠키: 쿠키 수준은 [개인정보] 탭에서 다룬다.
언어 추가: 언어 설정은 [일반] 탭의 언어 버튼에서 한다.
HTML 편집: HTML 편집기 지정은 [프로그램] 탭에서 한다.

실행문을 먼저 처리한 뒤 조건을 검사해 최소 한 번은 실행되는 반복 제어문은 do while이다.
형식은 do { 실행문 } while (조건); 으로, 조건 검사가 블록 뒤에 있어 조건이 처음부터 거짓이어도 블록이 한 번 실행된다.
switch: 식의 값에 따라 해당 case로 분기하는 선택문으로, 반복문이 아니다.
for: 반복 전에 조건을 먼저 검사하므로 조건이 처음부터 거짓이면 한 번도 실행되지 않는다.
while: 조건을 먼저 검사한 뒤 실행하므로 역시 한 번도 실행되지 않을 수 있다.

<hr> 태그의 속성에 포함되지 않는 것은 height이다.
<hr>는 수평선을 긋는 태그로, 선의 굵기는 size, 너비는 width로 지정한다.
size: 수평선의 두께를 지정하는 속성이다.
noshade: 수평선의 입체(그림자) 효과를 없애는 속성이다.
align: 수평선의 정렬 위치를 지정하는 속성이다.

국내 검색엔진이 아닌 것은 야후이다.
야후는 미국에서 출발한 해외 포털·검색 서비스이다.
엠파스: 국내에서 서비스한 검색 포털이다.
네이버: 국내 대표 검색 포털이다.
다음: 국내 포털로 자체 검색 서비스를 제공한다.

URL의 기본 구조는 프로토콜://호스트/경로 형태이며, :// 앞에 오는 부분이 바로 프로토콜이다. 예를 들어 http://www.example.com/index.html에서 http가 프로토콜이고, https://192.168.1.1:8080/admin에서 https가 프로토콜이다. IP주소는 ://뒤에 오고, 포트번호는 호스트 뒤 콜론(:) 뒤에, 디렉토리명은 슬래시(/) 뒤에 위치한다.

설명에 해당하는 결선 방식은 버스형이다.
버스형은 하나의 공통 전송 선로(버스)에 여러 노드를 T자형으로 연결하며, 중앙 제어 없이 각 노드가 분산 제어한다.
성형: 중앙 노드에 모든 노드가 연결되는 집중 제어 구조이다.
링형: 노드를 원형으로 연결하고 각 노드가 신호를 재생해 다음 노드로 넘기는 구조이다.
나무형: 최상위 노드에서 계층적으로 가지를 뻗어 나가는 구조이다.

웹 페이지 저작도구로 알맞은 것은 드림위버이다.
드림위버는 HTML 문서를 시각적으로 편집하고 코드를 작성할 수 있는 웹 저작 프로그램이다.
마야: 3D 모델링·애니메이션 프로그램이다.
3D 스튜디오 맥스: 3D 모델링·렌더링 프로그램이다.
소프트이미지: 3D 애니메이션 프로그램이다.

스팸 메일은 불특정 다수에게 일방적으로 보내는 대량 광고성 메일이다.
수신자가 원하지 않는데도 대량으로 전달된다는 점이 핵심이다.
수신자의 허가 하에 전달된다는 설명: 허가 없이 보내는 것이 스팸이므로 정반대이다.
그룹 구성원을 가리키는 대체명: 메일의 별칭(alias)에 대한 설명이다.
그룹 소속원에게 정기적으로 보내는 메일: 메일링 리스트에 대한 설명이다.

옳은 설명은 제5세대 - 멀티미디어 활성화이다.
컴퓨터그래픽의 세대는 하드웨어 소자에 따라 진공관(1세대) → 트랜지스터(2세대) → 집적회로(3세대) → 고밀도 집적회로(4세대)로 나누고, 그 이후 5세대에 멀티미디어가 활성화되었다.
제4세대 - 트랜지스터: 트랜지스터는 2세대의 소자이다.
제3세대 - 에니악: 진공관을 쓴 에니악은 1세대에 해당한다.
제2세대 - 대규모 집적회로: 대규모(고밀도) 집적회로는 4세대의 소자이다.

자바스크립트의 연산자가 아닌 것은 <<< 를 포함한 <<, <<< 묶음이다.
자바스크립트에는 왼쪽 시프트 << 는 있지만 <<< 연산자는 없다.
|, ||: 비트 OR와 논리 OR 연산자이다.
&, &&: 비트 AND와 논리 AND 연산자이다.
>>, >>>: 부호 있는 오른쪽 시프트와 부호 없는 오른쪽 시프트 연산자이다.

ASP, JSP, PHP는 웹 서버에서 실행되어 클라이언트의 요청에 따라 데이터를 처리하고 동적으로 결과 문서를 생성하는 서버 측 스크립트 언어이다. 반면 XML은 데이터를 저장·구조화·전달하기 위한 마크업 언어이므로 해당하지 않는다.

좌우 검색어를 모두 포함하는 데이터를 찾는 연산자는 AND이다.
AND는 두 조건을 동시에 만족하는 결과만 찾는다.
OR: 둘 중 하나라도 포함하면 찾는다.
NOT: 해당 검색어를 포함한 결과를 제외한다.
AND NOT: 앞의 검색어는 포함하되 뒤의 검색어는 제외한다.

거리가 먼 프로그램은 CorelDraw이다.
CorelDraw는 벡터 방식의 일러스트레이션·드로잉 프로그램으로, 웹 애니메이션 제작이 주된 용도가 아니다.
Flash: 웹 애니메이션과 배너 광고 제작에 널리 쓰인다.
Image Ready: 애니메이션 GIF를 만들어 웹용 이미지를 최적화하는 프로그램이다.
Director: 멀티미디어 콘텐츠와 애니메이션을 저작하는 프로그램이다.

틀린 설명은 애니메이션을 2차원만의 영역이라고 한 부분이다.
애니메이션은 2D뿐 아니라 클레이 애니메이션 같은 3D(입체) 기법도 포함한다.
생명을 부여하는 기술: 정지된 그림에 움직임을 준다는 설명으로 옳다.
아니마투스: 라틴어 animare/animatus(생명을 불어넣다)에서 유래했다는 설명으로 옳다.
프레임: 애니메이션의 프레임은 낱개의 정지 이미지라는 설명으로 옳다.

틀린 설명은 GIF가 1670만 가지 색상을 인덱스 색상으로 쓴다는 부분이다.
GIF는 최대 256색(8비트)의 인덱스 컬러만 지원하며, 1670만 색은 24비트 트루컬러에 해당한다.
투명: 이미지의 일부를 투명하게 지정할 수 있다.
애니메이션: 여러 프레임을 담아 움직이는 이미지를 만들 수 있다.
인터레이스: 이미지가 점진적으로 나타나는 방식을 지원한다.

내비게이션 구조 유형에 해당하지 않는 것은 Protocol structure이다.
Protocol은 통신 규약을 뜻하는 용어이며, 내비게이션 구조의 유형이 아니다.
Grid: 격자형으로 연결하는 구조이다.
Hierarchical: 상위·하위로 가지를 뻗는 계층 구조이다.
Sequential: 순서대로 이어지는 순차 구조이다.

틀린 설명은 2D 그래픽이 주로 입체감을 표현하는 데 쓰인다는 부분이다.
입체감과 공간감 표현은 3D 그래픽의 특징이며, 2D는 평면 위에서 그림을 그리고 편집하는 개념이다.
붓과 물감: 종이에 붓·물감으로 그리듯 작업하는 개념이라는 설명으로 옳다.
정지화상: 정지 이미지를 수정하고 창조할 수 있다는 설명으로 옳다.
합성: 여러 사진을 합성하는 작업도 포함된다는 설명으로 옳다.

순서를 옳게 나열한 것은 컨셉 → 사이트 맵 → 기본디자인 → 세부디자인이다.
사이트의 방향(컨셉)을 먼저 정하고, 그에 맞춰 구조(사이트 맵)를 짠 뒤, 전체 틀부터 세부 순으로 디자인을 구체화하는 흐름이다.
사이트 맵 → 기본디자인 → 컨셉 → 세부디자인: 기본디자인을 구상한 뒤에야 컨셉을 정하는 순서라 어긋난다.
사이트 맵 → 컨셉 → 기본디자인 → 세부디자인: 방향(컨셉) 없이 구조를 먼저 짜는 순서라 어긋난다.
컨셉 → 기본디자인 → 세부디자인 → 사이트 맵: 사이트 맵이 맨 끝이라 구조 설계 없이 세부 디자인까지 끝낸 뒤 구조를 그리는 순서가 되어 어긋난다.

타이포그래피 구성요소가 아닌 것은 Texturing이다.
Texturing은 표면에 질감을 입히는 그래픽 작업 용어이며 글자 구성요소가 아니다.
Serif: 글자 획 끝의 장식(삐침)으로 서체의 구성요소이다.
Line-spacing: 행과 행 사이의 간격(행간)이다.
Letter-spacing: 글자와 글자 사이의 간격(자간)이다.

파일 용량 순서는 BMP > PNG > JPG이다.
BMP는 압축을 하지 않아 가장 크고, PNG는 무손실 압축으로 BMP보다 작으며, JPG는 손실 압축으로 가장 작다.
BMP > JPG > PNG: 손실 압축인 JPG가 무손실 압축인 PNG보다 대체로 작으므로 어긋난다.
PNG > BMP > JPG: 압축한 PNG가 비압축 BMP보다 커지는 것은 일반적이지 않다.
PNG > JPG > BMP: 비압축 BMP를 가장 작다고 한 배열이라 정반대이다.

틀린 것은 해상도가 높으면 이미지 용량이 적다는 말이다.
해상도가 높으면 단위 면적당 픽셀이 많아 선명하지만 저장할 정보가 늘어 용량은 커진다.
선명: 픽셀이 많을수록 이미지가 선명하다.
질(Quality): 세밀하게 표현되어 이미지 질이 좋아진다.
픽셀 수: 일정 단위 크기에 포함된 픽셀이 많다는 것이 해상도가 높다는 뜻이다.

A를 B로 만들려면 좌우를 뒤집는 Flip Horizontal(수평 뒤집기)이 필요합니다.
그림의 A는 소매가 왼쪽에 있고 검지가 오른쪽을 가리키며, B는 소매가 오른쪽으로 옮겨가 검지가 왼쪽을 가리킵니다. 두 그림 모두 검지는 위쪽, 접힌 손가락은 아래쪽에 있고 크기도 같으므로 좌우 거울상입니다.
Flip Vertical: 위아래를 뒤집으므로 검지가 아래쪽으로 가고 여전히 오른쪽을 가리킵니다.
Rotate: 회전만으로는 거울상을 만들 수 없으며, 180도 회전하면 왼쪽을 가리키더라도 검지가 아래쪽에 놓입니다.
Scale: 크기만 바꾸는 명령으로, 방향은 그대로입니다.

벡터 방식 기반이 아닌 것은 포토샵이다.
포토샵은 픽셀로 이미지를 다루는 비트맵(래스터) 기반 프로그램이다.
일러스트레이터: 패스 기반의 벡터 드로잉 프로그램이다.
코렐드로우: 벡터 방식의 드로잉 프로그램이다.
프리핸드: 벡터 방식의 드로잉 프로그램이다.

사진의 용량을 줄이려면 JPG로 압축해야 한다.
JPG는 손실 압축으로 사진 같은 연속 색조 이미지의 용량을 크게 줄이며 웹에서 널리 쓰인다.
FLA: 플래시의 원본 작업 파일 형식이다.
PSD: 포토샵의 레이어 보존용 원본 파일 형식으로 웹 최적화 용도가 아니다.
EPS: 포스트스크립트 기반의 인쇄·출판용 형식으로 웹 브라우저에서 바로 표시되지 않는다.

웹컬러 디자인의 목적과 맞지 않는 것은 레이아웃의 목적이다.
레이아웃은 요소의 배치에 관한 것이고, 색채가 담당하는 목적은 연상·심미·상징 등이다.
연상적: 색이 특정 이미지를 떠올리게 하는 목적이다.
심미적: 색으로 아름다움을 표현하는 목적이다.
상징적: 색으로 의미를 나타내는 목적이다.

입력 장치로 옳지 않은 것은 빔 프로젝션이다.
빔 프로젝션은 영상을 화면에 투사하는 출력 장치이다.
키보드: 문자를 입력하는 입력 장치이다.
마우스: 위치를 지정하는 입력 장치이다.
스캐너: 이미지를 읽어 들이는 입력 장치이다.

옳지 않은 것은 로딩 시간을 무시한 화려한 intro 페이지를 넣는 것이다.
intro가 길고 무거우면 접속자가 오래 기다려야 하므로 사용 편리함이 떨어진다.
저해상도 기본: 가볍게 불러오고 필요할 때만 고해상도를 링크하는 것은 편리함을 높인다.
링크 타이틀: 링크 내용을 텍스트로 설명하는 것은 사용성을 높인다.
과도한 정보 금지: 정보를 너무 많이 나열하지 않는 것은 사용성에 도움이 된다.

틀린 설명은 PNG가 압축 기법을 사용하지 않는다는 부분이다.
PNG는 무손실 압축을 사용하는 포맷이다.
GIF와 JPEG의 장점을 합친 무손실 압축 포맷이라는 설명으로 옳다.
8비트 256컬러와 24비트 트루컬러를 선택해 저장할 수 있다는 설명으로 옳다.
인터레이스·디더링·투명도를 지정할 수 있다는 설명으로 옳다.

홈페이지 컨셉을 이끌어내기 위해 종이에 최대한 많이 그려 봄으로써 여러 가지 구성을 만들어 보는 작업은 아이디어스케치다. 아이디어스케치는 디자인 초기 단계에서 수많은 아이디어를 빠르고 자유롭게 시각화하여 다양한 레이아웃과 컨셉을 탐색하는 기법이다.
브레인스토밍은 개념 단계의 아이디어 도출이다.
벤치마킹은 경쟁사나 참고 대상 분석이다.
콘텐츠디자인은 정보 구조 설계이다.
이들은 각각 다른 목적의 활동이며, 문항에서 요구하는 '그려봄으로써 여러 구성 탐색'의 특징은 아이디어스케치에만 해당한다.