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

연속대비라고도 하며 잔상과 관계가 깊은 대비는 계시대비이다.
계시대비는 한 색을 본 뒤 시간 간격을 두고 다른 색을 볼 때 생기는 대비이다.
색상대비: 서로 다른 색상을 나란히 볼 때 생기는 동시 대비의 한 종류다.
채도대비: 채도가 다른 색을 나란히 볼 때 생기는 동시 대비의 한 종류다.
명도대비: 명도가 다른 색을 나란히 볼 때 생기는 동시 대비의 한 종류다.

기계화·대량생산으로 인한 품질 저하에 반대해 모리스를 중심으로 일어난 운동은 미술공예운동이다.
이 운동은 수공예의 가치를 되살려 생활 용품의 질을 높이려 했다.
산업혁명: 기계화·대량생산을 이끈 변화 자체로 모리스가 반대한 대상이다.
아르 누보: 곡선적 장식을 특징으로 한 신예술 양식으로 품질 저하 반대 운동이 아니다.
대규모생산운동: 대량생산을 늘리는 방향이어서 품질 저하에 반대한 취지와 반대다.

피를 많이 보는 수술실에는 녹색 계열이 알맞다.
붉은 피를 오래 보면 보색인 청록 잔상이 생기는데, 녹색 계열은 이 잔상의 부담을 줄여 준다.
갈색계열: 붉은 계열과 가까운 어두운 색으로 보색 관계가 아니어서 잔상을 완화하지 못한다.
흰색계열: 붉은 피와 강하게 대비되고 흰 바탕에서는 잔상이 뚜렷이 나타난다.
보라색계열: 붉은색과 보색 관계가 아니어서 잔상을 완화하지 못한다.

관용색명은 자연물이나 음식을 기준으로 명명되는데, 1번 살구색(살구 과일), 2번 밤색(밤 견과류), 3번 레몬색(레몬 과일)은 모두 식물성 자연물을 근거로 한 색명이다. 반면 4번 상아색은 동물(코끼리)의 상아에서 유래한 색명으로, 동물성 재료를 기준으로 하는 점에서 성격이 다르다.

프리즘으로 햇빛을 굴절시켜 스크린에 나타난 여러 색의 띠를 스펙트럼이라 한다.
태양광은 파장에 따라 굴절 정도가 달라 색의 띠로 나뉜다.
전자파: 빛과 전파를 아우르는 전자기파의 총칭으로 색의 띠를 가리키지 않는다.
감마선: 파장이 매우 짧아 눈에 보이지 않는 방사선이다.
자외선: 가시광선보다 파장이 짧아 눈에 보이지 않는 빛이다.

인테리어 디자인은 공간을 다루는 환경디자인이고, 나머지는 시각 전달 디자인 분야이다.
광고·편집 디자인은 시각디자인에 속해 눈으로 정보를 전달하는 성격이 같다.
광고 디자인: 시각디자인의 한 분야로 시각 전달을 목적으로 한다.
편집 디자인: 책·잡지 등 출판물의 지면을 구성하는 시각디자인 분야다.
시각 디자인: 눈으로 정보를 전달하는 분야 자체여서 광고·편집과 같은 성격이다.

정확하고 긴장되며 기계적인 느낌을 주는 것은 기하학적인 선이므로 유기적인 선이라는 설명이 잘못이다.
유기적인 선은 자연스러운 곡선이어서 부드럽고 자유로운 느낌을 준다.
수직선은 세로로 된 선으로 숭고한 느낌을 준다: 선의 느낌으로 옳다.
수평선은 가로로 된 선으로 편안한 느낌을 준다: 선의 느낌으로 옳다.
사선은 비스듬한 선으로 동적인 움직임과 불안한 느낌을 준다: 선의 느낌으로 옳다.

성격이 다른 하나는 대리석 무늬이다.
사진의 망점·스크린 톤·모니터 주사선은 인쇄나 화면 표시 같은 기계적 처리 과정에서 점이나 선의 배열로 생기는 기계적 질감이고, 대리석 무늬는 돌이라는 자연 재료가 본래 지닌 자연적 질감이다.
사진의 망점은 인쇄할 때 점의 크기와 밀도로 명암을 나타내며 생기는 기계적 패턴이다.
인쇄상의 스크린 톤은 인쇄용으로 만든 점·선 패턴으로 기계적 질감에 속한다.
모니터 주사선은 화면이 가는 가로선의 배열로 영상을 그리면서 생기는 기계적 패턴이다.

체계적인 국가 정책 아래 공학적·기능적 디자인을 발전시킨 나라는 독일이다.
독일은 바우하우스·울름 조형대학 등 합리적이고 기능 중심의 디자인 전통으로 알려져 있다.
중국은 이런 정책·기능주의 디자인의 대표 국가로 꼽히지 않는다.
프랑스는 우아하고 장식적인 감성과 패션·예술 분야의 이미지가 강한 나라다.
스칸디나비아는 자연 소재와 따뜻한 인간 중심 감성을 살린 디자인이 특징이다.

색 점이 서로 가깝게 놓여 망막에서 섞여 보이는 방식은 병치혼합이다.
병치혼합은 중간혼합의 하나로, 혼합해도 색이 탁해지거나 어두워지지 않고 명도·채도가 유지되는 것이 특징이다.
보색혼합은 보색끼리 섞어 무채색에 가까워지므로 채도가 낮아진다.
가산혼합은 색광을 겹쳐 더할수록 밝아지는 혼합이며, 색 점을 가까이 배치해 눈 속에서 섞는 방식이 아니다.
감산혼합은 색료를 섞을수록 어두워지고 채도가 떨어지는 혼합이다.

소리를 들을 때 색이 느껴지는 현상은 색청이다.
색청은 공감각의 한 종류로, 청각 자극이 색 감각을 불러일으키는 경우를 가리킨다.
명시성은 배경과의 대비로 색이 얼마나 잘 보이는지를 뜻한다.
공감각은 한 감각이 다른 감각을 일으키는 포괄적인 현상 전체를 이르는 말로, 소리에서 색을 느끼는 경우만을 가리키는 이름은 아니다.
주목성은 명도·채도가 높은 색 자체가 눈길을 끄는 성질이다.

게슈탈트 시각 법칙에 해당하지 않는 것은 통일이다.
통일은 전체를 하나로 느끼게 하는 조형 원리이고, 게슈탈트 법칙은 요소들이 어떻게 묶여 지각되는지를 설명한다.
근접은 가까이 있는 요소끼리 한 덩어리로 묶여 보이는 법칙이다.
유사는 모양·색 등이 비슷한 요소끼리 묶여 보이는 법칙이다.
연속은 방향이 이어지는 요소를 하나의 흐름으로 보는 법칙이다.

2차원 디자인은 평면 위에서 시각적 요소를 배치하는 디자인을 의미한다. 타이포그래피(1)는 글자 디자인, 일러스트레이션(2)은 그림 표현, 편집디자인(4)은 책·잡지 등의 레이아웃 구성으로 모두 평면 기반이다. 반면 애니메이션(3)은 시간의 변화에 따라 움직이는 영상으로 시간 축을 포함하므로 3차원 이상의 개념에 해당하며 2차원 디자인에 포함되지 않는다.

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

먼셀 무채색 11단계에서 중간 명도는 4~6 단계이다.
무채색은 검정에서 흰색까지 단계로 나누며, 어두운 쪽을 저명도, 가운데를 중명도, 밝은 쪽을 고명도로 구분한다.
0~3은 검정에 가까운 어두운 단계, 즉 저명도이다.
7~8은 밝은 쪽에 속하는 고명도이다.
9~10은 흰색에 가장 가까운 고명도이다.

균형에 해당하지 않는 것은 율동이다.
율동(리듬)은 요소가 반복·점증되며 생기는 움직임의 느낌으로, 균형과는 별개의 디자인 원리다. 균형은 시각적인 힘이 안정을 이루는 상태이며 대칭, 비례, 주도와 종속이 이를 이루는 방식으로 묶인다.
대칭은 중심축을 기준으로 양쪽이 같게 놓여 균형을 이루는 가장 정형적인 형식이다.
비례는 부분과 부분, 부분과 전체 사이의 크기 관계가 균형을 이루는 것이다.
주도와 종속은 주가 되는 요소와 이를 보조하는 요소가 서로 보완하며 힘의 균형을 유지하는 관계다.

색채 계획에서 관련성이 가장 적은 것은 도덕성이다.
색채 계획은 사용 환경에서의 안정성, 비용, 아름다움 같은 실용·조형 조건을 고려하는 일이며 윤리적 기준은 색 선택의 직접 요소가 아니다.
안정성은 보는 사람이 편안함과 안정감을 느끼는지와 관련된 색채 계획의 고려 사항이다.
경제성은 색 사용에 드는 비용과 효율을 따지는 조건이다.
심미성은 색이 아름답게 조화되는지에 관한 조건이다.

모두가 실용적으로 쓸 수 있어야 한다는 조건은 합목적성이다.
합목적성은 디자인이 사용 목적에 맞게 기능을 충실히 수행하는 성질이다.
심미성은 아름답게 느껴지는 성질이다.
독창성은 새롭고 창의적인 성질이다.
경제성은 적은 비용으로 높은 효과를 얻는 성질이다.

'태그 내에 애플릿과 함께 사용한다'의 애플릿(applet)은 Java 애플릿을 실행하는 레거시 HTML 태그로, JavaScript와 함께 사용하는 방식이 아니며 현대 웹 표준에서도 폐기되었다. JavaScript 삽입 방법과 Java 애플릿은 전혀 다른 기술이다.
JavaScript를 HTML에 삽입하는 올바른 표준 방법은 세 가지다.
<head>나 <body> 태그 내에 <script> 태그로 직접 작성
.js 확장자 외부 파일을 <script src="">로 로드
함수로 정의해 호출

W3C가 1996년 HTML을 대체할 목적으로 제안했고 사용자가 새로운 태그를 정의할 수 있는 언어는 XML입니다.
XML(eXtensible Markup Language)은 이름의 '확장 가능'이 뜻하듯 태그를 미리 정해 두지 않고 문서 작성자가 필요한 태그를 만들어 구조화된 문서를 표현하고 전송할 수 있게 합니다.
CSS는 HTML 문서의 글꼴·색·배치 같은 표현을 지정하는 스타일시트로, 새 태그를 정의하는 언어가 아닙니다.
DHTML은 HTML·CSS·자바스크립트(DOM)를 묶어 동적인 페이지를 만드는 기술 묶음으로, 별도의 언어가 아닙니다.
SOAP는 XML 형식의 메시지를 주고받는 통신 규약(프로토콜)으로, 문서를 기술하는 언어가 아닙니다.

HTML 문서에서 본문을 나타내는 태그는 <Body>이다.
브라우저 화면에 보이는 글·이미지·표 등의 내용은 <body> 안에 작성한다.
<Meta>는 문자 인코딩·키워드 같은 문서 정보를 지정하는 태그다.
<Head>는 제목 등 문서 정보를 담는 머리말 영역이다.
<Tbody>는 표 안에서 본문 행들을 묶는 태그로, 문서 전체의 본문이 아니다.

제시문은 인터넷을 돌아다니며 정보를 모아 검색엔진 데이터베이스에 저장하는 수집 프로그램을 설명하며, 이와 관계없는 것은 bug입니다.
bug는 프로그램 안의 오류·결함을 가리키는 말로, 정보를 수집하는 프로그램이 아닙니다.
crawler는 웹 페이지를 차례로 따라가며 내용을 긁어 오는 수집 프로그램의 대표적인 이름입니다.
robot은 사람이 아니라 프로그램이 자동으로 수집한다는 뜻에서 붙은 이름으로, 검색엔진의 로봇 에이전트를 가리킵니다.
worm도 초기 검색엔진의 수집 프로그램을 부르던 이름으로, 1990년대 초의 World Wide Web Worm이 그 예입니다.

인터넷 서비스에 해당하지 않는 것은 허브이다.
허브는 여러 컴퓨터를 연결하는 네트워크 장비이고 서비스가 아니다.
텔넷은 원격 컴퓨터에 접속해 사용하는 서비스다.
전자우편은 편지를 주고받는 서비스다.
채팅은 실시간 대화 서비스다.

OSI 7계층은 하위 계층부터 물리계층 → 데이터링크계층 → 네트워크계층 → 전송계층 → 세션계층 → 표현계층 → 응용계층 순서이다. 따라서 제시된 순서와 일치하는 것은 3번이다.

최상위 도메인 edu와 같은 성격의 서브 도메인은 ac이다.
edu와 ac는 모두 교육 기관(대학 등)을 나타낸다.
go는 정부 기관을 나타낸다.
or는 비영리 단체·기구를 나타낸다.
re는 연구 기관을 나타낸다.

올바른 순서는 ARPANET → TCP/IP 표준 → NSFNET → WWW이다.
미국 국방부의 ARPANET이 1969년 시작되었고, 1983년 ARPANET이 TCP/IP를 표준 프로토콜로 채택했다. 이어 1986년 미국 과학재단의 학술망 NSFNET이 구축되었고, WWW는 1989년 팀 버너스리가 제안했다.
ARPANET → NSFNET → TCP/IP 표준 → WWW는 1986년의 NSFNET을 1983년의 TCP/IP 표준 채택보다 앞에 놓아 틀렸다.
TCP/IP 표준 → ARPANET → NSFNET → WWW는 1969년에 시작한 ARPANET보다 1983년의 표준 채택을 앞세워 틀렸다.
TCP/IP 표준 → NSFNET → ARPANET → WWW는 가장 먼저 시작한 ARPANET을 1986년의 NSFNET 뒤에 두어 틀렸다.

틀린 설명은 동영상 전송이 불가하다는 것이다.
웹은 문자뿐 아니라 이미지·소리·동영상 같은 멀티미디어 자료도 전달한다.
World Wide Web의 약자라는 설명은 옳다.
HTML로 하이퍼텍스트를 표현한다는 설명은 옳다.
HTTP 프로토콜을 사용한다는 설명은 옳다.

VRML은 3차원 공간을 기술하는 텍스트 파일이므로 용량이 작아 데이터 전송시간이 짧다. 따라서 전송시간이 길다는 설명은 틀리다. 웹 기반이어서 플랫폼에 독립적이고, HTML 문서와 연계할 수 있으며, 가상 쇼핑몰·3차원 채팅·가상학교 등을 만들 수 있다.

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

웹 페이지 저작도구로 알맞은 것은 드림위버이다.
드림위버는 HTML 문서를 편집하고 사이트를 관리하는 웹 저작 도구다.
마야는 3D 모델링·애니메이션 소프트웨어다.
3D 스튜디오 맥스는 3D 모델링·렌더링 소프트웨어다.
소프트이미지는 3D 애니메이션 소프트웨어다.

전자우편을 전송할 때 쓰는 프로토콜은 SMTP이다.
SMTP는 메일 서버로 메일을 보내는 규약이다.
FTP는 파일을 주고받는 프로토콜이다.
Telnet은 원격 컴퓨터에 접속하는 프로토콜이다.
Usenet은 뉴스 그룹 토론 서비스로 메일 전송 규약이 아니다.

링크를 새 창에서 열려면 target 속성에 _BLANK를 지정합니다.
정상적인 형태로 쓰면 <a href="http://hrdkorea.or.kr" target="_blank"> 이며, 클릭할 때마다 새 브라우저 창(탭)에서 문서가 열립니다.
_SELF는 링크가 있던 현재 창(프레임)에 문서를 엽니다.
_PARENT는 현재 프레임을 담고 있는 바로 위 상위 프레임셋 자리에 문서를 엽니다.
_TOP은 프레임을 모두 없애고 현재 창 전체에 문서를 엽니다.
세 값 모두 이미 열려 있는 창 안에서 문서를 바꾸므로 새 창을 만들지 않습니다.

틀린 설명은 하나의 그림에 하나의 문서만 연결할 수 있다는 것이다.
하나의 그림에 영역을 나누어 각각 다른 링크를 거는 이미지 맵을 쓸 수 있다.
Markup 태그로 제작한다는 설명은 옳다.
멀티미디어 파일 연결이 가능하다는 설명은 옳다.
WYSIWYG 방식은 코드를 직접 쓰지 않고도 화면을 보며 구성할 수 있으므로 옳다.

경계의 계단 현상을 부드럽게 하는 기법은 Antialiasing이다.
물체 색과 배경색을 섞은 중간색으로 경계 픽셀을 칠해 경계면이 매끄러워 보이게 한다.
Dithering은 제한된 색의 점을 섞어 배치해 없는 색이나 명암을 흉내 내는 기법이다.
Blending은 두 색이나 이미지를 일정 비율로 섞어 반투명·겹침 효과를 내는 일반적인 혼합 기법으로, 경계의 계단 현상을 없애는 기법을 따로 가리키는 이름이 아니다.
Compositing은 여러 이미지를 겹쳐 하나의 화면으로 합성하는 작업이다.

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

웹디자인 프로세스는 컨셉 정하기 → 사이트맵 그리기 → 기본디자인 구상하기 → 세부디자인 구상하기 순서입니다.
먼저 사이트의 방향(컨셉)을 정해야 그에 맞는 페이지 구조(사이트맵)를 짤 수 있고, 구조가 정해진 뒤 전체 화면의 기본디자인을 잡고 마지막으로 각 페이지의 세부디자인을 다듬습니다.
사이트맵 그리기를 맨 앞에 두는 순서는 방향을 정하기 전에 구조부터 짜는 것이라 맞지 않습니다.
컨셉 다음에 기본디자인을 먼저 하고 사이트맵을 뒤에 그리는 순서는 페이지 구조 없이 디자인부터 하는 것이라 맞지 않습니다.

종이를 오려 캐릭터·배경을 만들고 뒤에서 조명을 비추어 생긴 그림자를 흑백의 강한 대비로 촬영하는 기법은 실루엣 애니메이션입니다.
실루엣 애니메이션은 오린 종이 형태가 빛을 가려 검은 윤곽만 화면에 남기 때문에, 제시문처럼 흑백 콘트라스트가 강한 화면이 됩니다.
퍼펫 애니메이션은 입체 인형을 조금씩 움직이며 한 프레임씩 촬영하는 기법으로, 종이 그림자를 쓰지 않습니다.
클레이메이션은 점토로 만든 입체 캐릭터를 조금씩 변형하며 촬영하는 기법입니다.
로토스코핑 애니메이션은 실사로 촬영한 필름 위에 따라 그려 움직임을 만드는 기법입니다.

틀린 설명은 나모웹에디터를 코딩 방식이라 한 것이다.
나모웹에디터는 화면을 보며 편집하는 WYSIWYG 방식의 에디터다.
메모장 직접 코딩은 가능한 제작 방법이다.
워드프로세서 작성 후 HTML 변환도 가능한 방법이다.
드림위버는 WYSIWYG 방식으로 제작할 수 있는 에디터라는 설명이 옳다.

웹 페이지 제작용 웹 에디터는 프론트 페이지이다.
프론트 페이지는 HTML 문서를 편집하는 웹 에디터다.
플래시는 벡터 애니메이션 저작 도구다.
페인터는 회화 표현 중심의 그래픽 프로그램이다.
코렐드로우는 벡터 드로잉 프로그램이다.

웹페이지 이미지 포맷으로 가장 거리가 먼 것은 TIFF이다.
TIFF는 인쇄·출판용 고품질 형식으로 용량이 크고 웹 브라우저에서 일반적으로 쓰이지 않는다.
PNG는 웹에서 널리 쓰는 무손실 형식이다.
GIF는 웹에서 널리 쓰는 형식으로 투명·애니메이션을 지원한다.
JPG는 웹에서 널리 쓰는 손실 압축 형식이다.

틀린 설명은 일러스트레이터에서 주로 쓰이는 형식이라는 것이다.
일러스트레이터는 수학적으로 도형을 표현하는 벡터 방식의 프로그램이다.
확대 시 손상되는 것은 래스터의 특성으로 옳다.
비트맵 = 래스터라는 설명은 옳다.
디지털 카메라 이미지는 픽셀로 이루어진 래스터 이미지다.

색상 선택 단계의 작업은 색 혼합과 색상·명도·채도 조절에 관한 설명이다.
색상 단계에서는 표현할 색을 고르고 색상, 명도, 채도를 조절한다.
컴퓨터 기능 연구는 색을 고르는 작업이 아니다.
이미지 합성은 이미지를 변형하는 작업이다.
축소·확대·회전은 도구로 이미지를 다루는 작업이다.

일반적인 애니메이션 제작 과정은 기획 → 스토리보드 → 제작 → 음향 → 레코딩이다.
먼저 기획으로 내용과 방향을 정하고, 이를 장면별 그림으로 풀어낸 스토리보드를 바탕으로 영상을 제작한다. 그다음 만들어진 영상에 효과음·배경음악 같은 음향을 맞춰 넣고, 마지막에 완성본을 녹화해 마무리한다.
스토리보드 → 기획 → 제작 → 음향 → 레코딩은 기획 내용을 그림으로 옮기는 스토리보드를 기획보다 먼저 두어 틀렸다.
스토리보드 → 제작 → 기획 → 음향 → 레코딩은 작품의 방향을 정하는 기획을 제작 뒤로 미루어 틀렸다.
기획 → 스토리보드 → 음향 → 제작 → 레코딩은 제작된 영상에 맞춰 넣는 음향 작업을 제작보다 앞에 두어 틀렸다.

키 프레임 방식은 시작과 끝을 지정하면 중간 단계가 자동 생성되는 방식이다.
동작의 기준이 되는 키 프레임만 사람이 만들고, 그 사이의 중간 프레임은 컴퓨터가 계산해 채운다(인비트윈).
정해진 시간에 한 컷씩 보여주는 것은 모든 프레임을 하나하나 만들어 재생하는 방식의 설명이며, 중간 단계 자동 생성이라는 키 프레임의 특징이 없다.
정지화면을 연속으로 빠르게 보여주는 것은 모든 애니메이션에 공통된 원리로, 키 프레임 방식만의 설명이 아니다.
영화는 보통 1초에 24프레임으로 촬영하므로 1초에 80컷이라는 수치가 맞지 않고, 초당 컷 수는 키 프레임 방식의 설명도 아니다.

정보전달과 가장 거리가 먼 것은 개성적인 표현의 다양성이다.
정보전달은 사용자가 정보를 쉽게 찾고 빨리 이해하도록 돕는 것이지 개성 표현이 목적이 아니다.
정보 접근의 편의성은 정보전달을 돕는 역할이다.
빠른 이해력 증대는 정보전달의 목적이다.
시각적·청각적 친근감 확대는 정보를 받아들이기 쉽게 하는 효과다.

Boeing CAD와 SIGGRAPH 발족이 이루어진 시대는 1960년대이다.
미국 보잉사는 1960년대 초 항공기 설계에 컴퓨터를 활용하며 컴퓨터 그래픽스라는 말을 처음 쓰고 CAD 시대를 열었고, 컴퓨터 그래픽스 학술 단체 SIGGRAPH는 1969년 미국 컴퓨터학회(ACM) 안에 발족했다.
1950년대는 진공관 컴퓨터와 X-Y 플로터가 쓰이던 초기 시기로, 두 사건보다 앞선다.
1970년대는 SIGGRAPH가 이미 발족한 뒤의 시기다.
1980년대는 보잉 CAD와 SIGGRAPH 발족이 있은 지 10년 이상 지난 시기다.

네비게이션 바는 메뉴를 한곳에 모아놓은 그래픽 또는 문자열의 모음이 맞고, 라인 맵(breadcrumb)은 현재 위치에서 홈까지의 이동 경로를 계층적으로 표시하는 방식이며, 디렉토리는 주제별 계층적 구조화가 맞다. 반면 2번의 '사이트 메뉴 바'는 버튼을 눌러 메뉴를 나타내는 기능이 아니라, 웹사이트의 주요 메뉴를 항상 표시하거나 네비게이션 역할을 하는 바(bar) 형태의 UI 요소로, 단순히 "버튼을 눌러 나타나는" 기능만을 의미하지 않는다.

벡터 방식으로 정확한 도형을 그리고 확대·변형해도 이미지가 손상되지 않는 드로잉 툴은 일러스트레이터(Illustrator)입니다.
그림의 설명은 세 가지입니다. 벡터 방식으로 도형 제작, 그래프·문자 드로잉과 심벌마크 디자인에 사용, 확대·변형해도 손상 없음입니다. 벡터 그래픽은 점·선·면을 수학적 좌표로 저장해 크기를 바꿔도 다시 계산해 그리기 때문에 계단 현상이 생기지 않습니다.
Paint shop: 주로 픽셀 단위로 다루는 비트맵(래스터) 이미지 편집 프로그램입니다.
CAM: 컴퓨터로 기계 가공·생산 공정을 제어하는 생산 지원 시스템으로, 그래픽 드로잉 툴이 아닙니다.
Maya: 3D 모델링·애니메이션 제작 프로그램입니다.

두 컴퓨터 시스템·장치 사이에서 데이터를 주고받도록 기능적으로 연결해 주는 것은 인터페이스입니다.
그림의 설명은 장치를 통한 데이터의 상호 교환, 두 개의 컴퓨터 시스템 장치를 기능적으로 연결한다는 내용으로, 서로 다른 시스템이 만나는 접점이라는 인터페이스의 정의와 같습니다.
오토캐드: 설계 도면을 그리는 CAD 프로그램입니다.
포토샵: 비트맵 이미지 편집 프로그램입니다.
레이아웃: 화면이나 지면에 글·그림 등 요소를 배치하는 것으로, 장치 간 데이터 교환과는 관계없습니다.

오려낸 그림을 2차원 평면에서 한 프레임씩 움직이며 촬영하는 기법은 컷 아웃 애니메이션이다.
종이·천 등을 오려 낸 조각을 평면 위에서 조금씩 옮기며 촬영하는 스톱 모션으로, 클레이·인형 애니메이션과 달리 2차원이다.
셀 애니메이션은 투명한 셀룰로이드 판에 그린 그림을 겹쳐 촬영하는 기법이다.
종이 애니메이션은 종이에 장면마다 그림을 새로 그려 촬영하는 기법으로, 오려 낸 조각을 움직이는 방식이 아니다.
모래 애니메이션은 유리판 위의 모래를 조금씩 흩뜨려 형상을 바꾸며 촬영하는 기법이다.

HTML은 HyperText Markup Language의 약자이므로 "Marking Language"라고 풀이한 설명이 틀렸다.
HTML은 문서에 태그로 구조와 의미를 표시(markup)하는 언어라서 이름에도 Markup이 들어간다.
웹 표준 문서는 W3C가 제정·권고하므로 W3C 표준에 기반한다는 설명은 맞다.
확장자가 html 또는 htm인 파일로 저장한다는 설명은 맞다.
<html>, <body>처럼 태그로 문서를 구성한다는 설명은 맞다.

웹사이트 레이아웃의 일반적인 원칙은 사용자의 시선이 먼저 닿는 상단부에 중요한 콘텐츠를 배치하는 것이다. F패턴이나 Z패턴 같은 웹 사용성 원칙에 따라 상단에 중요 콘텐츠를 배치하는 것이 효과적이며, 콘텐츠 크기가 크더라도 페이지 구조상 상단에 위치시켜 가시성을 높인다.
'4~6개의 프레임'은 프레임 개수가 정해진 규칙이 아니다.
'폰트의 크기 세분화'는 맞는 표현이지만 레이아웃보다는 타이포그래피 설명이다.
초기화면에 대용량 이미지를 사용하면 로딩 속도 저하로 사용자 경험을 해치므로 지양해야 한다.