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

색의 3속성 중 사람의 눈은 명도에 가장 예민하므로, 가장 강하게 반응하는 대비는 명도대비이다.
명도대비는 밝기가 다른 두 색이 맞닿을 때 밝은 색은 더 밝게, 어두운 색은 더 어둡게 보이는 현상이다.
색상대비는 색상 차이에 따른 대비로, 눈은 색상 차이보다 명도 차이에 더 예민하다.
보색대비는 보색 관계의 두 색이 서로를 더 선명하게 보이게 하는 대비로, 3속성 중 하나에 대응하는 대비가 아니다.
채도대비는 채도 차이에 따른 대비로, 채도는 3속성 중 눈이 가장 둔하게 반응하는 속성이다.

주목성은 명도와 채도가 높은 색일수록 높으므로, 명도와 채도가 낮은 색이 주목성이 높다는 설명이 옳지 않다.
주목성은 색 자체가 사람의 시선을 끄는 힘으로, 고명도·고채도 색과 난색이 눈길을 강하게 끈다.
명시도가 높아 배경 속에서 잘 보이는 색은 주목성도 높다는 설명은 맞다.
배경과의 채도 차이가 클수록 색이 두드러져 주목성이 높아진다는 설명은 맞다.
빨강은 채도가 높은 난색이라 중성색인 초록보다 주목성이 높다는 설명은 맞다.

비례는 부분과 부분, 부분과 전체의 크기 관계를 다루는 원리이므로, 균형을 가장 많이 고려해 구성한다는 설명이 잘못되었다.
비례는 균형(무게감의 평형)과 구분되는 별도의 원리로, 황금비처럼 수량적 비율로 나타난다.
부분과 부분, 부분과 전체의 관계가 잡혀 있음을 뜻한다는 설명은 비례의 정의에 맞다.
구성하는 단위의 크기를 정하는 일이 비례의 역할이라는 설명은 맞다.
황금비처럼 수학적 비율에 근거해 객관적 질서를 드러낸다는 설명은 비례의 성격에 맞다.

저채도 배색은 색이 탁하고 약해서 부드럽고 차분한 느낌을 준다.
채도가 낮을수록 색의 자극이 줄어들어 순하고 조용한 인상이 된다.
명쾌한 느낌은 맑고 선명한 색이 주는 인상이라 탁한 저채도 배색과 맞지 않는다.
화려한 느낌은 채도가 높은 색들이 만드는 인상이다.
활기찬 느낌은 선명하고 강한 고채도 색에서 나오는 인상이다.

실용성과 요구되는 기능을 모두 갖추었는지를 뜻하는 조건은 합목적성이다.
합목적성은 디자인이 사용 목적에 맞게 기능을 충실히 수행하는지를 따지는 조건이다.
독창성은 남과 다른 새로운 아이디어와 개성을 뜻한다.
심미성은 눈에 아름답고 감각적으로 만족스러운 정도를 뜻한다.
경제성은 적은 비용과 노력으로 큰 효과를 얻는 정도를 뜻한다.

먼셀의 색체계에서 색상(Hue)은 빨강(R), 황적색(YR), 노랑(Y), 황록색(GY), 초록(G), 청록색(BG), 파랑(B), 남색(PB), 자주색(P), 빨강자주색(RP)의 10가지 기본색으로 구성된다. 보기 중 PR은 먼셀 색체계의 표기가 아니며, RP(Red-Purple, 빨강자주색)이 정식 표기이다. 2번 P(자주색), 3번 YR(황적색), 4번 GY(황록색)는 모두 기본 10색에 포함되므로 포함되지 않는 색은 1번이다.

문자 대신 그림으로 뜻을 전달하는 그림 문자는 픽토그램입니다.
그림에는 검은 바탕에 흰 단순 도형으로 그린 표지 세 개가 있습니다. 헬리콥터(헬기장), 치마 입은 사람과 바지 입은 사람(여자·남자 화장실), 휠체어 탄 사람(장애인 시설)으로, 글자 없이 누구나 바로 알아보는 공공 안내 그림 문자입니다.
캐릭터: 동물·사물 등을 의인화해 성격을 부여한 형상으로, 정보 안내용 그림 문자가 아닙니다.
로고타입: 기업·상품의 이름을 문자로 디자인한 것입니다.
다이어그램: 수량·관계·구조를 선과 도형으로 나타낸 도표입니다.

가시광선은 380nm~780nm 범위의 전자기파로 인간의 눈이 감지할 수 있는 영역이다.
라디오나 텔레비전, 휴대폰의 파장범위를 포함한다는 설명과 달리, 라디오파와 텔레비전, 휴대폰의 전자파는 가시광선보다 파장이 훨씬 길어서 가시광선 범위에 포함되지 않는다 — 이들은 모두 적외선 이하의 영역에 속하는 별도의 전자기파이다.
380nm~780nm 범위 설명: 파장 범위를 정확히 정의하고 있다.
프리즘 색띠 설명: 백색광이 프리즘으로 분산되어 나타나는 스펙트럼이 가시광선임을 올바르게 설명한다.
전자기파 스펙트럼 설명: 가시광선은 전자기파 스펙트럼의 일부이므로 맞다.

이웃하는 두 항의 비가 일정한 수열은 등비수열이다.
주어진 수열은 이웃한 항의 비가 모두 같다.
$\dfrac{2}{1}=\dfrac{4}{2}=\dfrac{8}{4}=\dfrac{16}{8}=2$
등차수열은 이웃한 항의 차가 일정한 수열인데, 이 수열은 $2-1=1$, $4-2=2$로 차가 달라진다.
피보나치수열은 각 항이 앞의 두 항의 합이 되는 수열인데, $1+2=3$이므로 이 수열의 다음 항 4와 맞지 않는다.
조화수열은 각 항의 역수가 등차를 이루는 수열인데, 역수 $1,\dfrac{1}{2},\dfrac{1}{4}$의 차가 일정하지 않다.

LCD와 LED 조명등은 빛의 삼원색인 빨강·초록·파랑(RGB)을 섞어 다양한 색을 표현하므로 가산혼합을 사용한다. 감산혼합은 물감·잉크처럼 색료를 섞는 방식이며, 계시가법혼합과 중간혼합은 해당 조명 방식의 기본 혼합 원리가 아니다.

초록 잎 사이에 핀 빨간 꽃처럼 한 곳이 주위와 달라 시선을 끄는 원리는 강조이다.
강조는 보색이나 반대되는 요소를 한 곳에 두어 시선의 중심을 만든다.
비례는 부분과 전체의 크기 비율에 관한 원리이다.
율동은 같은 요소의 반복이나 점증으로 움직임을 만드는 원리이다.
점이는 크기나 색이 단계적으로 서서히 변하는 것이다.

서로 다른 요소를 맞세워 균형을 유지하면서 극적 효과와 긴장감을 주는 원리는 대비이다.
대비는 성질이 반대되는 요소가 함께 놓여 서로를 돋보이게 한다.
변칙은 규칙에서 벗어남을 뜻하는 말로, 대립 요소를 맞세워 긴장감을 만드는 원리를 가리키지 않는다.
통일은 전체에 일관된 느낌을 주는 원리이다.
반복은 같은 요소를 되풀이해 리듬을 만드는 원리이다.

표면의 특징 차이를 시각과 촉각으로 느끼는 성질은 재질감(질감)이다.
질감은 거칠고 매끄럽고 부드러운 정도처럼 물체 표면에서 받는 느낌이다.
색감은 색에서 받는 느낌이다.
항상성은 조건이 바뀌어도 대상을 같은 것으로 지각하는 성질이다.
고유성은 그 대상만이 지닌 특성을 가리킬 뿐, 표면의 촉각적 차이를 뜻하지 않는다.

가로등이나 창문 크기를 일정한 단계로 변하게 해 원근을 표현하는 원리는 점증이다.
점증은 크기나 간격이 점점 커지거나 작아지는 단계적 변화로 리듬과 깊이를 만든다.
조화는 요소들이 서로 어울리는 상태를 뜻한다.
대칭은 축을 중심으로 같은 형태가 마주하는 균형이다.
균형은 시각적 무게감이 평형을 이루는 상태이다.

사용자의 신체와 감촉에 알맞은지를 따지는 것은 합목적성이다.
의자의 용도에 맞게 신체 치수와 재료·구조를 맞추는 것은 기능과 실용을 충족하는 일이다.
심미성은 아름다움을 평가하는 조건이다.
독창성은 새롭고 독자적인 아이디어를 평가하는 조건이다.
경제성은 비용 대비 효과를 평가하는 조건이다.

편집디자인은 책·잡지 지면 등 정보를 전달하는 시각디자인 분야이므로 2차원 제품 디자인에 속하지 않는다.
2차원 제품 디자인은 직물·벽지처럼 제품 표면의 평면 무늬와 색을 다룬다.
텍스타일디자인은 직물의 무늬와 색을 평면으로 설계하는 제품 디자인이다.
벽지디자인은 벽면에 붙이는 평면 무늬를 설계하는 제품 디자인이다.
인테리어 직물디자인은 커튼·카펫 등 직물류의 무늬를 설계하는 제품 디자인이다.

디자인의 의미를 설명하는 보기들을 검토하면, 1·2·3번은 모두 정확한 설명이다. 1번은 디자인이 심적 계획 과정을 포함한다는 넓은 의미, 2번은 생활환경 개선을 위한 조형행위라는 좁은 의미, 3번은 'designare'(지시하다, 계획을 세우다, 스케치하다)라는 사전적 어원이 모두 타당하다. 반면 4번은 두 가지 오류를 담고 있다. 디자인이 도안·의장을 의미하는 것은 맞으나, '주어진 목적에 관계없이' 행위한다는 표현은 틀렸다. 디자인은 본질적으로 특정한 목적과 기능을 달성하기 위한 의도적 행위이며, 무목적적 행위가 아니다. 또한 디자인은 비실체적만이 아니라 건축, 가구, 제품 등 실체적 결과물도 포함한다.

빛의 혼색 실험 결과에 기초한 표색계는 혼색계(A), 물체의 색을 표시하는 표색계는 현색계(B)이므로 '혼색계, 현색계'가 맞습니다.
혼색계는 심리·물리적인 빛의 혼합 실험을 바탕으로 색을 수치로 나타내며, 대표적으로 CIE XYZ 표색계가 있습니다. 현색계는 실제 물체색 샘플을 체계적으로 배열해 표시하며, 먼셀·NCS 표색계가 대표적입니다.
심리계, 지각계: 빛의 혼색 실험 결과를 바탕으로 색을 수치로 표시하는 체계의 명칭은 혼색계이므로 A 자리에 맞지 않습니다.
현색계, 혼색계: 두 개념이 서로 뒤바뀐 순서입니다.
물리계, 지각계: 지문의 '물리적'은 혼색 실험의 성격을 설명하는 말이고, 그 실험에 기초한 체계(A)는 혼색계, 물체의 색을 표시하는 체계(B)는 현색계라고 부릅니다.

<SUB> 태그는 아래 첨자를 표시하는 태그이며, 위 첨자는 <SUP> 태그로 표시한다. 1번 <B>는 굵은 글자(강조)를 표시하고, 2번 <CITE>는 출처나 참고 자료 인용을 나타내며, 4번 <CODE>는 프로그램 코드를 monospace 글꼴로 표시하므로 모두 옳다. 따라서 3번이 옳지 않은 설명이다.

A:hover는 <body>의 속성으로 직접 대응되지 않으므로 3번이 틀렸다. A:link, A:active, A:visited는 각각 body의 link, alink, vlink 속성과 대응되지만, A:hover는 CSS의 동적 의사 클래스로 HTML의 body 속성에는 존재하지 않는다. 또한 보기 3에 나타난 "hink"는 오타이며, 실제로는 hover에 대응하는 body 속성이 없다.

브라우저 버전은 도움말 메뉴의 정보 항목에서 확인한다.
인터넷 익스플로러에서는 도움말 메뉴의 정보 항목에 프로그램 버전이 표시된다.
파일 메뉴는 문서 열기·저장·인쇄 등을 다룬다.
편집 메뉴는 복사·붙여넣기·찾기 등을 다룬다.
보기 메뉴는 도구 모음, 글꼴 크기, 소스 확인 등 화면 표시를 다룬다.

PDA는 휴대용 정보 단말 장치이지 인터넷 서비스가 아니다.
인터넷 서비스는 인터넷을 통해 제공되는 기능을 가리키고, PDA는 그 기능을 쓰는 기기이다.
E-mail은 메시지를 주고받는 인터넷 서비스이다.
FTP는 파일을 전송하는 인터넷 서비스이다.
Telnet은 원격 컴퓨터에 접속해 사용하는 인터넷 서비스이다.

인터넷의 시조로, 미 국방성이 군사 목적으로 UCLA·스탠퍼드 대학 등의 컴퓨터를 연결한 네트워크는 ARPANET입니다.
ARPANET 은 1969년 미 국방성 고등연구계획국(ARPA)이 구축했고, 이후 TCP/IP 채택(1983)과 NSFNET(1986)을 거쳐 오늘날의 인터넷으로 발전했습니다.
USENET: 주제별 뉴스그룹에서 글을 주고받는 토론 게시 서비스입니다.
FTP: 컴퓨터 사이에서 파일을 주고받는 전송 프로토콜입니다.
WAIS: 여러 서버의 데이터베이스에서 키워드로 문서를 찾는 광역 정보 검색 서비스입니다.

NNTP는 전자메일이 아니라 뉴스그룹(유즈넷) 기사를 전송하는 프로토콜이다.
전자메일은 보내는 프로토콜과 받는 프로토콜의 조합으로 동작한다.
IMAP은 서버에 둔 메일을 읽는 수신용 프로토콜이다.
POP3는 메일 서버에서 메일을 내려받는 수신용 프로토콜이다.
SMTP는 메일을 보내는 송신용 프로토콜이다.

다운로드를 마치지 않고 받으면서 바로 재생하는 기법은 Streaming이다.
스트리밍은 데이터를 조금씩 받아 곧바로 재생해 대기 시간을 줄인다.
UMS는 음성·팩스·전자메일 등을 통합해 다루는 메시징 서비스이다.
FPLMTS는 IMT-2000으로 이어진 차세대 이동통신 체계의 초기 명칭이다.
Roaming은 가입한 지역 밖에서도 이동통신을 이용하게 하는 서비스이다.

배경색은 문서 객체의 속성이므로 document.bgColor = "blue";가 적합하다.
자바스크립트에서 document 객체의 bgColor 속성에 색 값을 대입하면 문서 배경색이 바뀐다.
window.bgColor는 브라우저 창을 가리키는 window 객체에 붙인 것이라 문서 배경색 속성이 아니다.
window.background도 window 객체에 붙인 것이라 문서 배경색을 바꾸지 못한다.
document.background는 문서 배경색 속성인 bgColor가 아니므로 배경색을 지정하지 못한다.

신호 증폭과 회복을 통해 전송거리를 확장하는 것은 물리계층(Layer 1)에서 동작하는 Repeater의 고유한 기능이다. Repeater는 수신된 신호를 그대로 증폭하여 재전송함으로써 감쇠된 신호를 복원하고 네트워크 범위를 확대한다.
Bridge는 데이터링크계층에서 MAC 주소 기반 필터링을 수행한다.
Router는 네트워크계층에서 IP 기반 라우팅을 수행한다.
Gateway는 상위계층에서 프로토콜 변환을 수행한다.
따라서 이들은 단순 신호 증폭과는 무관하다.

좁은 지역의 컴퓨터를 빠른 회선으로 묶는 근거리 통신망은 LAN이다.
LAN은 건물이나 사무실 같은 한정된 범위 안에서 기기 간 통신을 가능하게 한다.
MAN은 도시 규모의 중간 범위를 잇는 통신망이다.
WAN은 국가나 대륙처럼 넓은 지역을 잇는 광역 통신망이다.
VAN은 통신 회선을 빌려 부가 서비스를 더해 제공하는 부가가치통신망이다.

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

배경 이미지 파일은 BG가 아니라 BACKGROUND 속성으로 지정하므로 이 연결이 올바르지 않다.
<BODY>의 속성은 이름 그대로 배경색, 글자색, 링크색 등을 지정한다.
BGCOLOR는 배경색을 지정하는 속성으로 연결이 맞다.
TEXT는 일반 글자색을 지정하는 속성으로 연결이 맞다.
LINK는 링크 글자색을 지정하는 속성으로 연결이 맞다.

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

대분류, 중분류, 소분류로 찾아 들어가는 방식은 주제별 검색엔진(디렉터리형)이다.
도서관의 분류 체계처럼 주제 계층을 따라 내려가며 자료를 찾는다.
단어별 검색엔진은 입력한 검색어가 들어 있는 자료를 찾는 방식이다.
메타 검색엔진은 여러 검색엔진에 한꺼번에 질의해 결과를 모아 보여준다.
통합 검색엔진은 검색어를 입력해 여러 출처의 결과를 함께 보여주는 방식이라 분류 단계를 따라 내려가지 않는다.

OR는 좌우 검색어 중 하나라도 들어 있는 자료를 찾는 연산자이다.
다른 연산자는 설명이 서로 뒤바뀌어 있다.
구절검색은 묶어 입력한 단어들이 순서대로 연속해서 나오는 자료를 찾는 방식이다.
AND는 좌우 검색어를 모두 포함한 자료를 찾는 연산자이다.
NOT은 뒤쪽 검색어를 포함한 자료를 제외하는 연산자이다.

작은 축소 이미지인 썸네일을 쓰면 먼저 불러오는 용량이 줄어 속도가 빨라진다.
필요한 사용자만 원본을 열도록 하면 전송량을 줄일 수 있다.
이미지 크기를 최대화하면 파일 용량이 커져 로딩이 느려진다.
캐시 메모리를 쓰지 않으면 같은 이미지를 매번 새로 받아야 해서 느려진다.
배경 이미지를 여러 개 쓰면 내려받을 파일이 늘어나 로딩이 느려진다.

OSI 7계층에 관리 계층은 없다.
OSI 7계층은 물리, 데이터링크, 네트워크, 전송, 세션, 표현, 응용 계층이다.
세션 계층은 통신 세션의 설정과 유지를 맡는 계층이다.
전송 계층은 종단 간 데이터 전달을 맡는 계층이다.
응용 계층은 사용자 응용 프로그램에 서비스를 제공하는 계층이다.

테이블 내부의 선(셀과 셀 사이 경계선)의 두께를 정의하는 속성은 cellspacing이다. cellspacing 값이 커질수록 셀 사이 간격이 벌어져 내부 선이 굵게 표시된다. border는 테이블 바깥 테두리의 두께, cellpadding은 셀 경계선과 셀 내용 사이의 여백을 지정하며, size는 HTML 테이블 속성이 아니다.

홈사이트는 HTML 소스를 직접 편집하는 코드 중심 에디터라 위지윅 에디터가 아니다.
위지윅 에디터는 완성될 화면을 보면서 그대로 편집한다.
나모 웹 에디터는 화면을 보며 편집하는 위지윅 에디터이다.
프론트 페이지는 화면을 보며 편집하는 위지윅 에디터이다.
넷스케이프 컴포저는 화면을 보며 편집하는 위지윅 에디터이다.

웹 브라우저와 웹 서버 간의 통신 규약은 HTTP(HyperText Transfer Protocol)이다. SNMP는 네트워크 관리 프로토콜, HTML은 웹 문서의 마크업 언어, WWW는 인터넷 정보 서비스의 총칭으로 통신 규약이 아니다.

Protocol structure는 내비게이션 구조의 유형이 아니다.
내비게이션 구조에는 순차·계층·그리드·네트워크형 등이 있다.
Sequential structure는 순서대로 이어지는 순차형 구조이다.
Hierarchical structure는 상하위로 나뉘는 계층형 구조이다.
Grid structure는 격자 형태로 연결되는 그리드형 구조이다.

4세대는 고밀도 집적회로를 쓰고 래스터 스캔 CRT가 보급된 시기로 연결이 바르다.
컴퓨터 그래픽스의 세대는 기본 소자에 따라 진공관(1세대), 트랜지스터(2세대), 집적회로(3세대), 고밀도 집적회로(4세대)로 나뉜다.
1세대는 진공관 시기가 맞지만, 리플레시형 CRT는 1960년대에 쓰인 출력장치라 1세대(1946~50년대 말)와 맞지 않는다.
2세대의 기본 소자는 트랜지스터이고, 집적회로는 3세대 소자이다.
고밀도 집적회로는 4세대 소자이고, X-Y 플로터는 1세대에 개발된 출력장치라 3세대와 맞지 않는다.

링크를 한 곳으로만 지정하는 설계는 이동 경로를 제한해 사용성을 해치므로 틀렸다.
사용자 인터페이스는 이용자가 원하는 곳으로 쉽게 이동하도록 설계한다.
방문 목적을 빠르게 이해하도록 설계하는 것은 사용성의 기본 원칙이다.
스크롤해도 링크 버튼이 보이게 해야 이동에 어려움이 없다.
누구나 쉽게 쓰도록 편의성을 제공하는 것은 인터페이스 설계의 목표이다.

인쇄용 광고 디자인 결과물을 만든다는 설명은 컴퓨터 애니메이션의 정의가 아니라 틀렸다.
애니메이션은 라틴어 animare/animatus(생명을 불어넣다)에서 온 말로 움직임을 만드는 기법이다.
무생물이나 상상의 물체에 인위적 조작으로 움직임을 준다는 설명은 맞다.
라틴어에서 유래했다는 설명은 맞다.
정지된 그림을 빠르게 연속시켜 움직이는 것처럼 보이게 한다는 설명은 맞다.

컴퓨터 그래픽스 시스템의 출력장치는 처리된 그래픽 정보를 사용자가 인식할 수 있도록 외부로 표현하는 장치이다. '프린터, 모니터, 디지타이저'라는 설명이 틀린 이유는 디지타이저는 입력장치이기 때문이다.
디지타이저는 아날로그 정보(펜, 터치 등)를 디지털 데이터로 변환하여 컴퓨터에 입력하는 장치로, 출력장치가 아니다.
프린터와 모니터는 처리된 그래픽 정보를 사용자에게 출력하는 대표적인 출력장치이다.
빔 프로젝터도 영상을 스크린에 확대 투영하는 출력장치이다.
모든 처리 결과는 출력장치를 통해 표현된다.

제한된 수의 색을 점묘처럼 섞어 배치해 중간색을 시각적으로 만들어 내는 기법은 디더링입니다.
그림의 설명은 점묘와 같이 제한된 색상을 시각적으로 섞는다는 것과, 적은 수의 색상을 반복해 그래픽 파일의 용량을 줄인다는 것입니다. 팔레트에 없는 색을 인접 픽셀의 색 패턴으로 흉내 내는 디더링의 특징입니다.
모핑: 한 이미지가 다른 이미지로 서서히 변해 가도록 두 영상을 결합하는 기법입니다.
커스텀 팔레트: 이미지에 맞게 사용자가 직접 구성한 색상표로, 색을 섞어 보이게 하는 기법이 아닙니다.
팔레트 플래싱: 서로 다른 팔레트를 쓰는 이미지가 표시될 때 화면 색이 순간적으로 깜빡이거나 바뀌는 현상입니다.

압축하지 않는 BMP는 같은 이미지를 저장해도 파일 용량이 가장 크다.
BMP는 픽셀 정보를 거의 그대로 저장하지만 다른 형식은 압축을 거친다.
PNG는 무손실 압축을 해 용량이 줄어든다.
JPG는 손실 압축으로 용량을 크게 줄인다.
GIF는 256색으로 제한하고 압축해 용량이 작다.

스토리보드는 웹 사이트의 화면 구성과 가상경로를 미리 계획한 설계도로, 제작 과정에서 구체적인 작업 지침서 역할을 한다. 시안은 완성 화면의 예시이고, 레이아웃은 화면 요소의 배치, 내비게이션은 사이트 내 이동 체계이다.

로고·심볼 제작에는 Illustrator가 가장 적합하다.
Illustrator는 패스(베지어 곡선) 기반의 벡터 그래픽 프로그램이라 확대·축소해도 선이 깨지지 않아 로고처럼 다양한 크기로 쓰이는 이미지에 알맞다.
Flash는 벡터 기반이지만 주로 애니메이션·인터랙티브 콘텐츠 제작용이다.
3D MAX는 3차원 모델링·렌더링 프로그램이라 평면 로고 제작용이 아니다.
Dream Weaver는 웹 문서를 작성하는 저작 도구로 그래픽 제작용이 아니다.

GIF는 LZW 압축 알고리즘을 사용하며, 최대 256색의 색상 수를 지원하므로 사진보다 색상이 단순한 그래픽이나 아이콘에 효과적이다. JPEG는 사진 압축에 적합하고, BMP는 일반적으로 비압축 방식이며, PNG는 무손실 압축을 사용하지만 LZW 방식은 아니다.

안티 앨리어싱은 계단현상을 완화하는 기법이다.
저해상도에서 곡선·사선이 계단 모양으로 보이는 현상을 경계 부분의 색을 중간 톤으로 채워 부드럽게 보이게 한다.
경계가 매끈하지 않고 계단처럼 보이는 효과는 안티 앨리어싱이 아니라 앨리어싱 자체를 설명한 것이다.
가로·세로 격자로 이동·편집을 정확히 돕는 것은 그리드 기능이다.
이미지가 점차 변해 가는 것은 변화 효과에 관한 설명이며 경계를 매끈하게 하는 기법이 아니다.

벡터 방식의 특징이 아닌 것은 비트맵보다 파일 용량이 크다는 설명이다.
벡터는 점과 곡선의 수학적 정보만 저장하므로 일반적으로 비트맵보다 파일 용량이 작은 편이다.
베지어 곡선으로 이루어진다는 설명은 벡터 방식의 특징이라 소거한다.
확대·축소해도 거칠어지지 않는다는 설명은 벡터의 대표 장점이라 소거한다.
미세한 그림이나 점진적인 색 변화를 표현하기 어렵다는 설명은 벡터의 한계로 알려져 있어 소거한다.

Texturing은 타이포그래피의 구성요소가 아니다.
타이포그래피는 글자의 모양과 배열을 다루며 서체의 형태, 행간, 자간 같은 요소로 구성된다. Texturing은 표면에 질감을 입히는 3D 그래픽 용어다.
Serif는 글자 획 끝의 돌기로 서체 분류의 기본 요소다.
Line-spacing은 행과 행 사이 간격인 행간이다.
Letter-spacing은 글자와 글자 사이 간격인 자간이다.

해상도는 이미지를 표현하기 위해 사용된 픽셀 또는 도트의 개수를 나타내는 척도로, 가로×세로 픽셀 수(예: 1920×1080)로 표현된다.
'작은 화소 단위'는 해상도가 아닌 화소(pixel) 자체의 정의이다.
'해상도가 높을수록 이미지의 질은 떨어진다'는 오류로, 해상도가 높을수록 더 많은 픽셀로 표현되어 이미지 질이 향상된다.
'bps로만 나타낸다'는 부정확하다. 해상도는 ppi(pixels per inch), dpi(dots per inch), 또는 총 픽셀 수로 나타나며 bps(bits per second)는 데이터 전송 속도의 단위이다.

웹페이지 제작·관리 순서는 주제 결정과 구성도 작성 → 자료 수집과 정리 → 홈페이지 제작 → 웹서버에 업로드 → 검색 엔진 등록과 홍보 → 내용 업데이트 및 유지보수 관리입니다.
무엇을 만들지 정하고 구성도를 그려야 필요한 자료를 모을 수 있고, 제작한 페이지를 웹서버에 올린 뒤에야 검색 엔진 등록·홍보가 가능합니다. 유지보수는 사이트가 공개된 뒤 계속되는 마지막 단계입니다.
유지보수 관리로 시작하는 순서: 아직 만들어지지 않은 사이트를 관리할 수 없습니다.
자료 수집 다음에 유지보수 관리가 오는 순서: 제작·업로드 전에 유지보수가 올 수 없고, 주제 결정과 구성도 작성이 맨 끝에 놓여 있습니다.
홈페이지 제작으로 시작하는 순서: 주제 결정과 구성도 작성이 제작·업로드 뒤에 놓여 순서가 거꾸로입니다.

이미지를 구성하는 최소 단위는 픽셀이다.
비트맵 이미지는 색 정보를 가진 작은 점(픽셀)이 가로·세로로 모여 만들어진다.
원자는 물질을 이루는 입자 단위로 이미지와 관계가 없다.
분자도 물질의 구성 단위일 뿐 이미지의 단위가 아니다.
해상도는 단위 길이당 픽셀 수 같은 이미지의 조밀도를 나타내는 값이다.

정지화면 하나하나는 Frame이라 한다.
애니메이션은 정지된 프레임을 빠르게 연속 재생해 움직이는 것처럼 보이게 한다.
Key Frame은 동작 변화의 기준이 되는 핵심 프레임이다.
Tweening은 키 프레임 사이의 중간 프레임을 채워 넣는 과정이다.
Onion Skin은 앞뒤 프레임을 반투명하게 겹쳐 보여 주는 보조 기능이다.