2015년 웹디자인기능사 4회차

사람의 눈은 밝고 어두움의 차이에 가장 민감하게 반응하기 때문에 명도대비가 가장 강하게 느껴집니다. 명도대비는 색상의 밝기 차이를 이용한 것으로, 밝은 색과 어두운 색이 함께 있을 때 시각적으로 가장 큰 차이를 인지하게 됩니다. 따라서 명도대비가 색의 3속성 중 눈이 가장 예민하고 강하게 반응하는 대비입니다.

색의 주목성은 시각적으로 얼마나 눈에 잘 띄는지를 나타냅니다. 명시도(대비)가 높거나 채도 차이가 클수록 색은 더 눈에 띄어 주목성이 높아집니다. 빨강은 일반적으로 초록보다 주목성이 높다고 알려져 있습니다. 반면, 명도와 채도가 낮은 색은 전반적으로 어둡고 칙칙하여 주목성이 떨어지는 경향이 있습니다. 따라서 명도와 채도가 낮은 색이 주목성이 높다는 설명은 옳지 않습니다.

디자인의 원리 중 비례는 부분과 부분, 부분과 전체 간의 조화로운 크기 관계를 의미하며, 객관적 질서와 과학적 근거를 바탕으로 합니다. 따라서 비례는 균형을 '가장 많이' 고려하여 구성해야 한다는 설명은 잘못되었습니다. 비례는 균형을 포함하는 더 넓은 개념이며, 균형 자체가 비례의 전부를 설명하지는 않습니다.

저채도의 배색은 색상의 선명도가 낮아 부드럽고 차분한 느낌을 줍니다. 이는 마치 파스텔톤의 색상처럼 눈에 강한 자극을 주지 않아 편안하고 안정감을 느끼게 합니다. 따라서 저채도의 배색은 주로 부드러운 느낌을 전달하는 데 효과적입니다.

정답은 **1. 합목적성**입니다. 합목적성은 디자인이 사용 목적에 부합하고 요구되는 기능을 충실히 수행하는지를 의미합니다. 즉, 디자인이 실용적이고 제 역할을 다하는지를 나타내는 핵심 개념입니다.

정답은 2번입니다. 선은 점이 이동하여 생기는 궤적으로, 면의 한계나 교차는 선의 특징이라기보다는 선이 만들어내는 결과에 가깝습니다. 점은 위치만 있고 크기는 없으며, 면은 선의 이동, 입체는 면의 이동으로 정의됩니다.

먼셀 색체계에서 색상은 크게 빨강(R), 노랑(Y), 초록(G), 파랑(B), 보라(P)의 다섯 가지 기본색과 이들 중간색으로 나뉩니다. 이 기본색들을 10단계로 세분화하여 총 100가지 색상으로 표현하는데, 보기에서 PR은 빨강과 보라의 중간색인 보라빨강(Red-Purple)을 의미하며, 이는 먼셀 색상환의 10가지 기본색에 포함되지 않습니다. 따라서 정답은 1번 PR입니다.

문자를 대신하여 의미를 전달하는 그림을 **픽토그램**이라고 합니다. 픽토그램은 직관적이고 보편적인 이해를 돕기 위해 사용되며, 공공장소의 안내 표지판이나 제품 설명 등에 흔히 활용됩니다. 보기 중 픽토그램이 이러한 그림 문자를 가장 잘 나타내는 용어입니다.

가시광선은 인간의 눈으로 인지할 수 있는 빛의 영역이며, 380nm에서 780nm 사이의 파장을 가집니다. 백색광이 프리즘을 통과할 때 나타나는 무지개색 띠가 바로 가시광선의 스펙트럼입니다. 하지만 라디오, TV, 휴대폰 등은 가시광선보다 훨씬 긴 파장을 가진 전자기파를 사용하므로 3번 보기가 틀렸습니다.

주어진 수열은 1, 2, 4, 8, 16...으로, 각 항은 바로 앞 항에 2를 곱해서 얻어집니다. 즉, 이웃하는 두 항의 비가 항상 2로 일정합니다. 이러한 수열을 **등비수열**이라고 합니다. 등차수열은 이웃하는 두 항의 차이가 일정한 수열이며, 피보나치수열과 조화수열은 다른 규칙을 따릅니다.

정답은 1번 유사조화입니다. 유사조화는 자연에서 흔히 볼 수 있는 디자인 원리로, 색상이나 형태가 비슷한 요소들을 나란히 배치하여 온화하고 안정적인 느낌을 줍니다. 하지만 이러한 유사성이 지나치면 시각적인 변화가 부족해 단조로움을 느낄 수 있습니다.

LCD 및 LED 조명은 빛을 이용하여 색을 표현하므로, 빛의 삼원색인 빨강(R), 초록(G), 파랑(B)을 섞어 다양한 색을 만들어내는 **가산혼합** 방식을 사용합니다. 각 색상의 빛을 더할수록 밝아져 흰색이 되는 원리이며, 이는 물감의 색을 섞을수록 어두워지는 감산혼합과 대비됩니다.

정답은 4번 '강조'입니다. 무성한 초록 나뭇잎들 사이에 핀 빨간 꽃은 주변의 다른 요소들과 시각적으로 대비되어 눈에 띄게 만듭니다. 이러한 대비를 통해 특정 부분을 두드러지게 하는 것이 '강조'의 원리입니다.

정답은 1번 '대비'입니다. 대비는 서로 다른 요소들을 조합하여 시각적인 흥미와 긴장감을 유발하는 디자인 원리입니다. 이를 통해 균형감을 잃지 않으면서도 극적인 효과를 창출할 수 있습니다. 예를 들어, 크기, 색상, 형태 등의 대비를 통해 시선을 집중시키고 역동적인 느낌을 줄 수 있습니다.

정답은 4번 재질감입니다. 재질감은 물체의 표면이 가진 거칠기, 부드러움, 딱딱함 등의 특징을 시각과 촉각으로 인지하는 성질을 의미합니다. 색감은 시각적인 요소이고, 항상성은 외부 환경 변화에도 내부 상태를 일정하게 유지하는 성질이며, 고유성은 다른 것과 구별되는 독특한 특징을 뜻하므로 재질감과 직접적인 관련이 없습니다.

이 문제는 원근법을 적용하여 사물의 크기 변화를 표현하는 디자인 원리를 묻고 있습니다. 정답은 '점증'으로, 이는 사물이 가까이 있을 때는 크고 멀어질수록 작아지는 것처럼 점진적으로 변화하는 것을 의미합니다. 고층 빌딩의 창문이나 도로의 가로등, 난간 등이 원근법에 따라 크기가 달라지는 것이 바로 점증의 원리를 활용한 예시입니다.

이 문제는 의자 디자인 시 사용자의 신체적 특성과 재료 및 구조의 적합성을 고려하는 것을 묻고 있습니다. 이는 **합목적성**에 해당하며, 디자인의 목적에 맞게 기능성과 사용성을 충족시키는 것을 의미합니다. 심미성, 독창성, 경제성도 디자인의 중요한 요소이지만, 문제에서 제시된 내용은 기능적 측면에 초점을 맞추고 있습니다.

2차원적 제품 디자인은 평면적인 디자인을 의미하며, 텍스타일, 벽지, 인테리어 직물 디자인은 모두 천이나 종이 등 평면에 디자인을 적용하는 분야입니다. 반면 편집 디자인은 텍스트와 이미지를 조합하여 책, 잡지 등을 만드는 것으로, 2차원적인 요소들을 다루지만 인쇄물이라는 '제품' 자체의 구성과 정보 전달에 초점을 맞추는 디자인 분야입니다. 따라서 2차원적 제품 디자인이라는 범주에 직접적으로 속한다고 보기는 어렵습니다.

디자인은 단순히 비실체적인 행위의 총체가 아니라, **주어진 목적을 달성하기 위한 구체적인 계획과 결과물**을 포함합니다. 따라서 4번 보기는 디자인의 실체적인 측면을 간과하여 틀렸습니다. 디자인은 목적 달성을 위한 계획(넓은 의미)이자, 실질적인 환경 개선을 위한 조형 행위(좁은 의미)이며, 그 어원 또한 '지시하다, 계획하다'와 같이 구체적인 의미를 내포하고 있습니다.

이 문제는 색채학에서 색을 표현하는 두 가지 방식인 혼색계와 현색계를 묻고 있습니다. 혼색계는 빛의 삼원색(빨강, 초록, 파랑)을 섞어 색을 만드는 방식이며, 현색계는 색료의 삼원색(사이안, 마젠타, 노랑)을 섞어 색을 만드는 방식입니다. 따라서 A에는 혼색계, B에는 현색계가 들어가야 정답입니다.

정답은 3번입니다. HTML에서 위 첨자 모양의 글자로 표시할 때는 `<sup>` 태그를 사용하며, `<sub>` 태그는 아래 첨자를 표시하는 데 사용됩니다. 따라서 3번 보기는 `` 태그의 설명으로 옳지 않습니다. 핵심 개념은 각 태그가 특정 텍스트 스타일링을 위한 고유한 목적을 가지고 있다는 것입니다.</sub></sup>

정답은 3번입니다. CSS의 `:hover` 가상 클래스는 마우스 포인터가 요소 위에 올라갔을 때 스타일을 적용하는 데 사용됩니다. 하지만 HTML의 `` 태그에는 `:hover`와 직접적으로 대응하는 `hink` 속성이 존재하지 않습니다. 따라서 스타일시트와 태그 속성 간의 연결이 틀렸습니다.

인터넷 익스플로러에서 버전 정보를 확인하려면 일반적으로 **도움말** 메뉴를 선택해야 합니다. 도움말 메뉴에는 프로그램의 버전을 비롯하여 관련 정보와 지원 사항들이 포함되어 있기 때문입니다. 따라서 정답은 4번 도움말입니다.

정답은 2번 PDA입니다. E-mail, FTP, Telnet은 모두 인터넷을 통해 정보를 주고받거나 원격으로 컴퓨터를 제어하는 등의 **인터넷 서비스**입니다. 반면 PDA는 개인용 정보 단말기로, 인터넷 서비스 자체라기보다는 인터넷 서비스를 이용할 수 있는 **기기**에 해당합니다.

정답은 4번 ARPANET입니다. ARPANET은 인터넷의 전신으로, 여러 컴퓨터를 연결하여 정보를 공유하고 통신하는 최초의 네트워크 시스템이었습니다. 이는 현대 인터넷의 기반이 되는 중요한 기술적 발전을 이루었으며, 정보 공유와 통신 방식을 혁신했습니다.

전자메일 서비스는 주로 메일을 주고받고 관리하는 데 사용되는 프로토콜을 활용합니다. IMAP, POP3, SMTP는 모두 전자메일과 직접적으로 관련된 프로토콜입니다. IMAP과 POP3는 메일을 수신하고 관리하는 데 사용되며, SMTP는 메일을 발송하는 데 사용됩니다. 반면, NNTP는 뉴스그룹(Usenet) 게시판에 접속하고 글을 읽고 쓰는 데 사용되는 프로토콜로, 전자메일과는 직접적인 관련이 없습니다.

**정답 이유:** 멀티미디어 데이터를 다운로드 없이 실시간으로 재생하는 기법은 **스트리밍(Streaming)**입니다. **핵심 개념:** 스트리밍은 데이터를 파일 전체가 아닌, 작은 조각으로 나누어 순차적으로 전송하며 재생하는 방식입니다. 이를 통해 사용자는 파일 다운로드가 완료되기 전에도 즉시 콘텐츠를 시청하거나 청취할 수 있습니다.

자바스크립트에서 웹 페이지의 배경색을 변경하려면 `document.bgColor` 속성을 사용해야 합니다. `window` 객체는 브라우저 창 자체를 나타내며 배경색을 직접 제어하는 속성이 없습니다. 마찬가지로 `background`는 CSS에서 사용되는 속성이므로 자바스크립트에서 직접적인 배경색 변경에는 적합하지 않습니다. 따라서 `document.bgColor = "blue";`가 올바른 문장입니다.

정답은 4번 리피터(Repeater)입니다. 리피터는 수신된 신호의 세기가 약해졌을 때 이를 증폭하고 복원하여 다시 전송함으로써 네트워크의 전송 거리를 늘려주는 역할을 합니다. 브리지, 라우터, 게이트웨이와 달리 리피터는 데이터의 내용을 분석하거나 다른 네트워크로 전달하는 기능 없이 단순히 신호의 재전송에만 집중합니다.

정답은 1번 LAN입니다. LAN은 Local Area Network의 약자로, 가정이나 사무실처럼 비교적 좁은 지역 내에서 컴퓨터나 OA 기기 등을 고속으로 연결하여 데이터를 주고받을 수 있게 하는 근거리 통신망을 의미합니다. MAN은 도시 규모, WAN은 광범위한 지역을 연결하는 통신망으로, 문제의 설명과는 차이가 있습니다.

정답은 3번 메타 검색엔진입니다. 메타 검색엔진은 여러 검색엔진에서 동시에 정보를 검색하고, 검색 결과를 통합하여 중복을 제거한 후 자체 알고리즘으로 관련성 높은 순서대로 보여주는 방식입니다. 이는 사용자가 여러 검색엔진을 일일이 방문하는 번거로움을 줄여주며, 더 포괄적이고 정확한 정보를 얻도록 돕는 핵심 개념입니다.

정답은 2번입니다. HTML의 `` 태그에서 배경 이미지 파일은 `BACKGROUND` 속성을 사용하여 지정하며, `BG`라는 속성은 존재하지 않습니다. `BGCOLOR`, `TEXT`, `LINK`는 각각 배경색, 일반 글자색, 링크 글자색을 지정하는 올바른 속성입니다.

## 문제 해설 해당 자바스크립트 코드는 `alert()` 함수를 사용하여 "Welcome to the Morning Glory"라는 메시지를 포함하는 팝업 창을 표시합니다. `alert()` 함수는 브라우저가 페이지를 로드할 때 실행되므로, 페이지가 열리는 즉시 메시지 창이 나타나게 됩니다. 따라서 정답은 1번입니다. **핵심 개념:** * **`alert()` 함수:** 자바스크립트에서 사용자에게 간단한 메시지를 보여주기 위해 사용하는 내장 함수입니다. * **스크립트 실행 시점:** `` 태그 안에 삽입된 자바스크립트 코드는 HTML 문서가 로드될 때 즉시 실행됩니다.

정답은 **1번 주제별 검색엔진**입니다. 주제별 검색엔진은 도서관의 분류 체계처럼 정보를 대분류, 중분류, 소분류 등으로 나누어 사용자가 원하는 주제를 점진적으로 좁혀나가며 검색할 수 있도록 합니다. 이는 키워드만으로 검색하는 단어별 검색엔진과는 달리, 정보의 계층 구조를 활용하여 체계적인 탐색을 가능하게 하는 핵심 개념입니다.

정답은 1번 OR 연산자입니다. OR 연산자는 두 검색어 중 하나라도 포함된 자료를 검색하므로, 더 많은 자료를 찾고자 할 때 유용합니다. 2번 구절 검색은 정확한 문구를 찾을 때 사용되며, 3번 AND 연산자는 두 검색어를 모두 포함하는 자료를 찾습니다. 4번 NOT 연산자는 특정 검색어를 제외할 때 사용됩니다.

웹 페이지 속도 향상을 위해 이미지를 관리하는 가장 좋은 방법은 썸네일(Thumbnail)을 활용하는 것입니다. 썸네일은 원본 이미지보다 훨씬 작은 크기로 표시되어 페이지 로딩 속도를 크게 단축시키며, 사용자가 클릭했을 때만 고화질 원본 이미지를 불러오도록 하여 불필요한 데이터 전송을 줄여줍니다. 따라서 썸네일 활용은 사용자 경험을 개선하고 서버 부하를 줄이는 핵심적인 이미지 관리 전략입니다.

OSI 7계층은 네트워크 통신을 7개의 추상적인 계층으로 나눈 모델입니다. 제시된 보기 중 '관리 계층'은 OSI 7계층에 포함되지 않는 개념입니다. OSI 7계층은 물리, 데이터 링크, 네트워크, 전송, 세션, 표현, 응용 계층으로 구성됩니다.

HTML 테이블에서 내부 선의 두께를 정의하는 속성은 `border`입니다. `border` 속성을 사용하여 테이블 테두리의 두께를 지정할 수 있으며, 이는 테이블 내부의 각 셀 간의 구분선을 시각적으로 굵게 만드는 효과를 줍니다. `cellspacing`은 셀과 셀 사이의 간격을, `cellpadding`은 셀 내용과 셀 테두리 사이의 간격을 조절하는 속성입니다.

이 문제는 WYSIWYG(What You See Is What You Get) 기반 웹 에디터가 아닌 것을 찾는 문제입니다. WYSIWYG 에디터는 사용자가 보는 화면과 실제 웹 페이지가 동일하게 보이는 방식입니다. 보기 중 1, 2, 3번은 모두 WYSIWYG 방식의 웹 에디터입니다. 반면, 4번 홈 사이트(HomeSite)는 코드 기반의 웹 에디터로, 코드를 직접 작성해야 웹 페이지가 만들어집니다. 따라서 홈 사이트가 WYSIWYG 에디터가 아닙니다.

클라이언트의 웹 브라우저가 웹 서버와 접속할 때 사용하는 통신 규약은 **HTTP(Hypertext Transfer Protocol)**입니다. HTTP는 웹 페이지와 같은 웹 콘텐츠를 주고받기 위한 규칙이며, 보기 중에서는 2번이 정답입니다. SNMP는 네트워크 장비 관리에, HTML은 웹 페이지의 구조를 정의하는 데 사용되며, WWW는 월드 와이드 웹 자체를 의미하므로 통신 규약과는 다릅니다.

웹 페이지 제작 시 내비게이션 구조는 사용자가 웹사이트를 쉽게 탐색하도록 돕는 역할을 합니다. **계층 구조(Hierarchical structure)**는 가장 일반적인 형태로, 웹사이트의 페이지들을 상하 관계로 구성합니다. **순차 구조(Sequential structure)**는 특정 순서대로 페이지를 이동해야 할 때 사용됩니다. **그리드 구조(Grid structure)**는 여러 항목을 체계적으로 배열하여 시각적인 탐색을 돕습니다. 반면, **프로토콜 구조(Protocol structure)**는 웹 페이지 내비게이션의 일반적인 유형에 해당하지 않으며, 주로 통신 규약을 의미합니다.

컴퓨터 그래픽스의 발전은 하드웨어 기술 발달과 밀접하게 연관되어 있습니다. 제1세대는 진공관과 리플레시형 CRT를 사용했으며, 제2세대는 집적회로와 벡터 스캔 CRT를 활용했습니다. 제3세대는 고밀도 집적회로를 기반으로 발전했지만, XY 플로터는 그래픽 출력 장치이지 세대별 핵심 기술은 아닙니다. 제4세대는 고밀도 집적회로와 함께 래스터 스캔 CRT가 보편화되면서 사실적인 이미지 표현이 가능해졌습니다.

이 기법은 **셀 애니메이션**입니다. 투명한 셀룰로이드 필름 위에 캐릭터를 직접 그려 채색한 뒤, 고정된 배경 위에 겹쳐 촬영하여 캐릭터만 움직이는 듯한 효과를 냅니다. 각 프레임마다 캐릭터의 움직임을 세밀하게 그려내야 하는 수작업의 특징을 가집니다.

정답은 2번입니다. 웹사이트 사용자 인터페이스 설계 시, 사용자가 원하는 정보나 페이지로 쉽게 이동할 수 있도록 다양한 경로와 링크를 제공하는 것이 중요합니다. 링크를 한 곳으로만 지정하면 사용자의 탐색이 제한되고 불편함을 느낄 수 있습니다. 따라서 사용자 편의성을 높이기 위해 여러 링크 옵션을 제공해야 합니다.

정답은 3번 GUI(Graphic User Interface)입니다. GUI는 아이콘, 메뉴, 창 등 시각적인 요소를 사용하여 사용자가 컴퓨터와 직관적으로 상호작용할 수 있도록 하는 인터페이스입니다. 이를 통해 복잡한 명령어를 입력할 필요 없이 마우스 클릭 등으로 정보를 쉽게 주고받을 수 있습니다.

컴퓨터 애니메이션은 움직임이 없는 대상에 생명을 불어넣어 움직임을 표현하는 기술입니다. 이는 일련의 정지된 그림을 빠르게 연속시켜 시각적인 착각을 통해 움직임을 구현하며, '애니메이션'이라는 단어 자체도 '생명을 불어넣다'라는 라틴어에서 유래했습니다. 따라서 인쇄용 광고 디자인 결과물을 만드는 것은 컴퓨터 애니메이션의 주요 설명에 해당하지 않습니다.

**정답 이유:** 보기 2번에서 디지타이저는 그래픽 정보를 입력받는 장치이므로 출력장치가 아닙니다. **핵심 개념:** 컴퓨터 그래픽스 시스템에서 **출력장치**는 처리된 그래픽 정보를 시각적으로 보여주거나 물리적인 형태로 만들어내는 장치를 의미합니다. 반면 **입력장치**는 외부의 정보를 컴퓨터 시스템으로 받아들이는 역할을 합니다.

이 문제는 이미지에서 색상 수를 줄일 때 발생하는 계단 현상(banding)을 완화하는 기법을 묻고 있습니다. 정답인 '디더링'은 주변 픽셀의 색상을 혼합하여 원래의 색상과 유사한 느낌을 주는 방식으로, 색상 수가 적은 이미지에서도 부드러운 색상 전환을 표현하는 데 사용됩니다.

정답은 4번입니다. 웹사이트 개발 과정에서 **테스트 및 디버깅**은 **웹사이트 구축** 단계 이후에 이루어지는 것이 일반적입니다. 구축 단계는 주로 코딩과 실제 기능 구현에 집중하며, 이후 테스트를 통해 오류를 수정하고 완성도를 높입니다. 따라서 구축 단계 자체를 테스트 및 디버깅으로 설명하는 것은 틀린 설명입니다.

**정답 이유:** BMP는 압축되지 않은 이미지 포맷이기 때문에 가장 큰 파일 용량을 차지합니다. PNG, JPG, GIF는 모두 압축 방식을 사용하여 파일 용량을 줄입니다. **핵심 개념:** 이미지 파일 포맷은 압축 방식에 따라 파일 용량이 크게 달라집니다. 압축률이 낮을수록 원본 데이터 손실은 적지만 파일 용량은 커지고, 압축률이 높을수록 파일 용량은 작아지지만 원본 데이터 손실이 발생할 수 있습니다.

정답은 4번 스토리보드입니다. 스토리보드는 웹사이트의 가상 경로를 예상하고 기획하는 과정에서 사용되며, 마치 웹사이트의 설계도와 같은 역할을 합니다. 사용자가 웹사이트를 어떻게 탐색하고 어떤 정보를 접하게 될지 시각적으로 표현하여, 구체적인 작업 지침서로서 개발 및 디자인 팀의 이해를 돕는 핵심적인 문서입니다.

로고나 심볼 제작에는 벡터 기반 프로그램이 필수적입니다. 벡터 그래픽은 확대해도 깨지지 않고 선명도를 유지하므로, 다양한 크기로 활용되는 로고 제작에 최적입니다. 4번 **Illustrator**는 이러한 벡터 그래픽 제작에 특화된 프로그램으로, 로고 제작에 가장 적합합니다. 반면, Flash는 애니메이션, 3D MAX는 3D 모델링, Dream Weaver는 웹 디자인에 주로 사용됩니다.

LZW 압축 알고리즘을 사용하는 GIF는 색상 수가 적고 반복적인 패턴이 많은 그래픽 이미지에서 높은 압축률을 보입니다. 이는 LZW 알고리즘이 데이터 내의 반복되는 문자열을 찾아 더 짧은 코드로 대체하기 때문입니다. 반면, BMP는 압축되지 않고, JPEG는 손실 압축을 사용하여 사진 이미지에 적합하며, PNG는 LZW와 유사한 DEFLATE 압축을 사용하지만 투명도 지원 등 추가 기능이 있어 GIF와 차이가 있습니다.

정답은 1번입니다. 안티 앨리어싱은 저해상도 이미지에서 곡선이나 사선이 계단처럼 보이는 '계단 현상'을 완화하는 기술입니다. 이 기법은 픽셀의 색상을 주변 픽셀과 유사하게 조정하여 경계를 부드럽게 만들어 시각적인 품질을 향상시킵니다.

벡터 방식은 수학적 공식으로 이루어진 그래픽 표현 방식으로, 확대/축소 시에도 이미지 품질 저하가 없습니다. 따라서 2번 보기에서 벡터 방식이 비트맵 이미지보다 파일 용량이 크다는 설명은 틀렸습니다. 벡터 방식은 점, 선, 면 등의 수학적 요소를 사용하여 이미지를 표현하기 때문에 비트맵 방식에 비해 일반적으로 파일 용량이 작습니다.

타이포그래피는 글자의 형태, 배열, 간격 등을 조절하여 가독성과 심미성을 높이는 디자인 분야입니다. Serif는 글자 획 끝의 장식, Line-spacing은 줄 간격, Letter-spacing은 글자 간격을 의미하며 모두 타이포그래피의 주요 구성 요소입니다. 반면 Texturing은 질감 표현으로, 직접적으로 글자 자체의 구성 요소라기보다는 전반적인 디자인 요소에 해당합니다.

정답은 1번입니다. 해상도는 이미지를 구성하는 픽셀 또는 도트의 수를 의미하며, 이 수가 많을수록 더 세밀하고 선명한 이미지를 표현할 수 있습니다. 따라서 해상도가 높을수록 이미지의 질은 향상되며, 해상도는 픽셀 수나 DPI(Dots Per Inch) 등으로 나타내지 bps(bits per second)와는 관련이 없습니다.

정답은 2번(ㅂ→ㄷ→ㄱ→ㄴ→ㅁ→ㄹ)입니다. 웹페이지 제작 및 관리 순서는 먼저 웹사이트의 목적과 내용을 기획(ㅂ)하고, 디자인(ㄷ)을 구체화합니다. 이후 실제 코딩(ㄱ)으로 구현하고, 콘텐츠(ㄴ)를 추가합니다. 다음으로 테스트(ㅁ)를 통해 오류를 수정하고, 최종적으로 배포(ㄹ)하여 관리하는 과정을 거칩니다.

이미지를 구성하는 최소 단위는 **픽셀**입니다. 픽셀은 이미지의 색상 정보를 담고 있는 작은 점이며, 이러한 픽셀들이 모여 하나의 이미지를 형성합니다. 해상도는 이미지의 픽셀 수를 나타내는 개념으로, 픽셀 자체가 이미지의 가장 기본적인 구성 요소입니다.

애니메이션에서 사용되는 정지화면 하나하나는 **프레임(Frame)**이라고 합니다. 프레임은 움직임을 표현하기 위해 순서대로 보여지는 개별 이미지로, 이 프레임들이 모여 연속적인 움직임을 만들어냅니다. 키 프레임은 움직임의 시작과 끝을 나타내는 중요한 프레임이며, 트위닝과 애니메이션 스킨은 프레임과 관련된 다른 개념입니다.