win won with

인식의 용이성(1) 대체 텍스트와 멀티미디어 대체수단의 개념을 이해할 수 있습니다. 대체 텍스트와 멀티미디어 대체수단의 취지와 내용을 설명할 수 있습니다. 대체 텍스트와 멀티미디어 대체수단 제공방법을 설명할 수 있습니다. 대체 텍스트 대체 텍스트는 이미지의 alt속성 값을 이용하여 제공 이미지의 내용이 복잡하거나 길어질 경우에는 longdesc 속성을 이용하여 별도의 파일로 제공 멀티미디어 대체수단 동영상의 내용과 동일한 자막, 수화 또는 원고 등을 제공 실시간으로 제공하는 CCTV같은 영상은 제공하지 않음 주의사항 파일로 제공되는 영상, 음성 콘텐치도 평가 대상에 포함. 자막으로 인해 수화가 가리지 않도록 하고, 원고는 페이지를 벗어나지 않는 수준으로 제공해야 함. 사용자가 등록한 콘텐츠 제공 시, 자..

Web/Education 2018. 12. 4. 20:00

장애인의 웹 사용과 장애인 차별금지법 장애인의 인터넷 이용환경을 이해할 수 있습니다. 장애인 차별금지법에 대해 이해할 수 있습니다. 웹 접근성 의무적용 시기, 대상 및 진정사례에 대해서 알 수 있습니다. 장애인과 인터넷 이용환경 정보통신의 발달 (인터넷뱅킹, 전자상거래) > 인터넷 발달 > 장애인 사용자가 이용하기 편리하도록 웹 접근성의 필요성이 높아짐 정보통신 장애 환경의 이해 장애유형 장애유형 특징 보완대책 시각장애 전맹 모니터를 볼 수 없음, 마우스 사용 어려움 스크린리더, 키보드 약시 모니터 사용일 일부 가능 화면확대 / 고대비 색맹 색 구별 불가능 색의 제한적 사용 청각장애 사운드, 오디오 등을 청취할 수 없음 수화, 시각정보 제공 지체장애 상지장애 손을 사용할 수 없음 마우스 대체 방법, 키보..

Web/Education 2018. 12. 4. 19:06

절대주소와 상대주소 절대주소 상대주소 의미 이미지의 절대적인 경로로 지정하는 방식 이미지를 삽입할 HTML 문서를 기준으로 경로를 인식하는 방법 특징 'http://' 부터 시작하여 URL 주소 전체로 표현 현재의 문서의 위치를 기준으로 '../'과 같은 방식으로 URL 주소를 표현 주소의 글자 길이가 길지만, 현재 문서의 위치에 영향을 받지 않음 주소를 간편하게 줄일 수 있지만, 문서 구조적인 위치가 바뀔 경우 주소가 잘못될 가능성 있음

Web/Education 2018. 12. 4. 16:02

웹 접근성의 이해 웹 접근성의 의미를 이해할 수 있습니다. 웹 접근성의 정확한 범위를 설명할 수 있습니다. 웹 접근성에 대한 용어를 구분할 수 있습니다. 웹 접근성이란? 웹 콘텐츠에 쉽게 접근할 수 있는 능력 (=웹 콘텐츠 접근성) 어떠한 사용자(장애인, 노인 등), 어떠한 기술 환경에서도 사용자가 전문적인 능력없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것 입니다. WEB 이란 HTML(문서의 구조), Hyperlink(문서의 연결), HTTP(문서의 주소) 로 구성되어 있습니다. 웹 접근성의 범위 웹 접근성의 좁은 의미: 다양한 사용자 환경에서의 장애인, 보조기기, 보조기술 = 장애인 접근성 웹 접근성의 관련 용어 웹 표준 (웹 기술 표준) = 웹 화면에 대한 표준 웹에서 정한..

Web/Education 2018. 12. 3. 19:39

태그 : 하이퍼 링크를 정의합니다. href : 링크를 이동하는 경로를 설정합니다. target : 브라우저 타겟을 설정합니다. target="_blank" : 클릭 시 새로운 브라우저 창으로 설정합니다. target="_parent" : 현재 브라우저의 부모 브라우저 창으로 설정합니다. target="_self" : 현재와 동일한 브라우저 창으로 설정합니다. target="_top" : 최상위 브라우저 창에서 설정합니다. 부모가 없는 경우는 "_self"와 동일합니다. 방문하지 않은 링크는 밑줄과 파란색으로 표시됩니다. 방문한 링크는 밑줄과 보라색으로 표시됩니다. 활성화된 링크는 밑줄과 빨간색으로 표시됩니다. 태그는 예외적으로 HTML5에서 블록 요소를 포함할 수 있습니다.

Web/Education 2018. 12. 3. 14:15

이미지 스프라이트 아이콘 또는 장식을 위한 이미지 요소들은 스프라이트 기법을 활용하여 파일의 사이즈를 최소화하고 효율성을 높일 수 있습니다. 여러번의 서버 요청을 한 번으로 줄일 수 있습니다. 이미지 수정이나 관리가 간편합니다. 웹 접근성을 준수하기 위해서 IR 효과를 설정해야 합니다. 프로젝트 종류에 따른 이미지 타입표 종류 PC Web Mobile Web Mobile App GIF 기본 사용가능 X JPG 컬러수 많거나 운영성 이미지일 때 운영성 이미지일 때 X PNG-8 X 기본 반투명효과 없고 컬러가 적을 때 PNG-24 반투명효과가 있을 때에만 사용 컬러 수 많거나 반투명효과가 있을 때 기본 이미지 스프라이트 O O X PC Web 기본 포맷은 GIF를 사용 JPG는 인물이나 실사 이미지와 같이..

Web/Education 2018. 11. 29. 18:54

CSS 색상 : CSS 색상값을 표현 하는 방법은 7가지가 있습니다. #RRGGBB - 빨강, 초록, 파랑의 강도를 16진수 두 자리로 지정한다. 각 요소별로 256단계를 표현할 수 있으며 총 1600만 가지 색을 사용할 수 있다. #RGB - 빨강, 초록, 파랑의 강도를 16진수 한 자리로 지정한다. 각 요소별로 16단계밖에 강도를 지정할 수 없어 잘 사용되지 않는다. rgb(r, h, b) - 빨강, 초록, 파랑의 강도를 0~255 범위의 정수로 지정한다. rgba(r, g, b, a) - rgb값 외에 투명도를 지정하는 알파를 0~1 사이의 실수로 지정한다. 0은 투명한 색이며 1은 불투명, 0.5는 반투명이다. hsl(h, s, l) - 색상, 채도, 명도로 색상을 지정한다. 채도는 0~365 사..

Web/Education 2018. 11. 28. 15:29

태그 : 도표를 표현합니다. 태그 설명 tr 한 행을 표현하며 이 안에 td 태그가 들어갑니다. td 셀의 내용을 나타냅니다. 일반 속성으로 표시되며 왼쪽 정렬됩니다. th 표의 제목을 나타냅니다. 굵게 표시되며 중앙으로 정렬됩니다. caption 표의 제목을 지정하며 table 태그 바로 다음에 와야 합니다. 디폴트 테이블 위쪽에 중앙 정렬되며 스타일 지정에 의해 위치나 정렬을 바꿀 수 있습니다. thead 테이블의 헤더입니다. tbody 테이블의 본문입니다. tfoot 테이블의 풋터입니다. col 컬럼의 속성을 지정합니다. colgroup 컬럼의 그룹을 지정하며 여러 칼럼에 스타일을 입힐 때 사용합니다.

Web/Education 2018. 11. 21. 15:02