웹디자인개발기능사 필기

용어

• 의미 있는 표식 의미 있는 표식은 제목·문단·목록·강조는 모양 태그가 아니라 뜻을 담는 표식으로 가른다. 굵게만 키운 글은 제목이 아니다. 검색·보조기기는 표식 이름을 읽는다.
• 덩어리와 한 줄 요소 덩어리와 한 줄 요소는 덩어리는 새 줄을 만들고 너비를 채우며, 한 줄 요소는 글 흐름 속에 붙는다. 둘을 반대로 끼우면 여백 계산이 어긋난다. 링크를 덩어리처럼 쓰려면 따로 배치 속성을 본다.
• 겹침 우선순위 겹침 우선순위는 같은 요소에 여러 규칙이 오면 구체성·나중에 온 규칙·중요 표시 순으로 이긴다. 여기저기 중요 표시를 뿌리면 고치기 어려워진다. 시험은 선택자 길이로 헷갈리게 한다.
• 상속되는 글 속성 상속되는 글 속성은 글꼴·글색·줄간격은 자식으로 내려가고, 여백·테두리는 내려가지 않는 편이 많다. 상속된다고 여백까지 물려받는다고 고르면 틀린다. 목록 기호는 별도다.
• 주축과 교차축 주축과 교차축은 한 방향으로 나열하는 배치는 주축이 흐르고 교차축이 두께다. 주축을 세로로 돌리면 교차축이 가로가 된다. 가운데 정렬을 축마다 따로 묻는 보기가 나온다.
• 칸과 줄의 격자 칸과 줄의 격자는 격자는 칸 너비와 줄 높이를 트랙으로 나눈다. 병합은 칸을 합치는 것이지 여백을 지우는 것이 아니다. 플렉스와 격자를 같은 말로 쓰는 보기는 틀린다.
• 화면 너비에 맞춘 그림 화면 너비에 맞춘 그림은 큰 원본 하나만 넣으면 작은 기기에서 용량이 낭비된다. 여러 폭을 준비해 기기가 고르게 한다. 장식 배경과 내용 사진은 용도가 다르다.
• 매체 종류 구분 매체 종류 구분은 화면·인쇄·음성은 같은 문서를 다른 매체로 보여 준다. 인쇄에서 내비만 숨기고 본문은 남기는 식이 흔하다. 화면용 색을 인쇄용 대비로 착각하지 않는다.
• 그림 설명 글 그림 설명 글은 보이지 않는 설명은 보조기기가 읽는다. 차트는 핵심 수치나 경향을 글로 남긴다. 캡션과 대체 글은 겹쳐도 역할이 다르다.
• 글과 바탕의 밝기 차 글과 바탕의 밝기 차는 연한 회색 글에 흰 바탕은 보기엔 세련돼 보여도 기준을 못 채우기 쉽다. 아이콘만 색으로 구분하면 색각 이상이 놓친다. 링크는 밑줄 등 다른 단서도 둔다.
• 키보드만으로 조작 키보드만으로 조작은 모든 동작은 마우스 없이도 닿아야 한다. 가리키기에만 열린 메뉴는 키보드에서 닫히지 않기도 한다. 초점 테두리를 지우는 보기는 접근성 위반으로 본다.
• 제목 단계 건너뛰기 제목 단계 건너뛰기는 큰 제목 다음에 작은 제목으로 내려가며, 단계를 뛰어넘으면 문서 윤곽이 깨진다. 모양만 큰 글은 단계가 아니다. 페이지에 제목이 여러 개여도 한 문서의 첫째 제목은 하나인 편이 낫다.
• 구역 이름표 구역 이름표는 본문·내비·보완은 구역 표식으로 가른다. 같은 내비 링크를 세 곳에 복제만 하면 반복이 길어진다. 건너뛰기 링크는 반복 내비 앞에 둔다.
• 웹 글꼴 이용 조건 웹 글꼴 이용 조건은 데스크톱 설치 허락과 웹 임베드 허락은 따로인 경우가 많다. 파일을 사이트에 올려 배포하는 조건인지 확인한다. 무료라고 모든 상업 이용이 되는 것은 아니다.
• 사진 자료 이용 사진 자료 이용은 제공처가 정한 표시·변형·상업 조건을 지킨다. 워터마크를 지우고 쓰는 보기는 허락 밖이다. 직접 찍은 사진도 초상·상표가 있으면 동의를 본다.
• 2차 저작과 표절 2차 저작과 표절은 남의 레이아웃을 통째로 베끼면 표절에 가깝고, 허락된 범위의 변형은 2차 저작이 될 수 있다. 아이디어와 표현을 구분한다. 출처만 적었다고 복제가 되는 것은 아니다.
• 기기 점 밀도 기기 점 밀도는 같은 물리 크기라도 점 수가 많으면 더 촘촘하다. 한 배 자산을 고밀도 화면에 올리면 흐리다. 인쇄 원본 밀도와 화면 밀도를 같은 숫자로 외우지 않는다.
• 인쇄용 해상도 인쇄용 해상도는 인쇄는 망점이 보이면 품질이 떨어진다. 웹용으로 줄인 파일을 포스터에 쓰면 깨진다. 필요 해상도는 출력 크기와 보는 거리에 따라 달라 단정 숫자를 문제에서 주지 않으면 고르지 않는다.
• 화면 안전 여백 화면 안전 여백은 단추와 글이 화면 끝에 붙으면 손가락이 닿기 어렵고 잘리기도 한다. 노치·둥근 모서리를 여백으로 피한다. 인쇄 재단선 여백과 화면 여백을 같은 말로 쓰지 않는다.
• 이동 경로 한결같음 이동 경로 한결같음은 로고·메뉴·검색 위치가 페이지마다 바뀌면 학습 비용이 커진다. 현재 위치는 내비에서 구분한다. 새 창만 남발하면 뒤로 가기가 꼬인다.
• 가리키기와 손가락 가리키기와 손가락은 마우스 올렸을 때만 나타나는 정보는 터치에서 안 보일 수 있다. 두 방식 모두에서 같은 동작이 되어야 한다. 작은 터치 영역은 이웃 단추와 겹친다.
• 표의 제목 달기 표의 제목 달기는 데이터 표는 무엇을 비교하는지 제목을 붙이고, 머리 칸은 열·행을 설명한다. 배치용 표는 데이터 표가 아니다. 병합만 많은 표는 보조기기가 헤맨다.