본문 바로가기

전체 글314

CSS 레이아웃을 배웁시다 #1 목차레이아웃 없음"display" 프로퍼티margin: auto;max-width박스 모델box-sizingposition위치 지정 예제floatclearclearfix 핵float를 이용한 레이아웃 예제퍼센트 너비미디어 쿼리inline-blockinline-block 레이아웃칼럼flexboxCSS 프레임워크사이트 소개 이 사이트에서는 모든 웹 사이트의 레이아웃에 사용되는 CSS의 기초를 다룹니다.이곳에서는 여러분이 선택자와 프로퍼티, 값이 무엇인지 알고 있다고 가정합니다. 그리고 레이아웃 작업이 여러분을 짜증 나게 만드는 작업일 수도 있겠지만 이미 한두 가지 레이아웃을 알고 있다고 가정합니다. HTML과 CSS를 처음부터 배우고 싶다면 이 튜토리얼을 참고하세요. 그렇지 않다면 이 튜토리얼이 여러분의 다.. 2014. 1. 1.
CSS3 속성(Attribute) CSS3 Attribute목차보기색인border-radius박스모델의 모서리를 부드럽게 처리할 수 있는 속성.둥근 정도는 border-radius 값을 조정하여 자유롭게 조절 가능.각각의 모서리에 대한 radius 변경 가능.border-radius:length;length : 곡률의 크기border-radius:25px;box-shadow박스모델의 그림자 효과를 주는 속성box-shadow: (가로 오프셋 거리) (세로 오프셋 거리) (blur radius) (그림자 색상);가로 오프셋 거리 : 그림자가 가로로 얼마나 떨어져 있는지 지정. (양수:오른쪽, 음수:왼쪽)세로 오프셋 거리 : 그림자가 세로로 얼마나 떨어져 있는지 지정.blur radius : 그림자의 번지는 정도(0:그림자 효과 X)-web.. 2014. 1. 1.
1.1 적절한 대체 텍스트 제공 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.필요성시각장애인은 Mobile Web 콘텐츠를 Mobile 접근성 도구에서 제공하는 화면 낭독 기능을 활용하여 콘텐츠 정보를 인식할 수 있다. 하지만 해당 콘텐츠를 텍스트 아닌 콘텐츠로 제공하면서 대체 텍스트를 함께 제공하지 않으면 시각장애인은 잘못된 정보를 얻거나 전혀 정보를 얻을 수 없다.대상전맹저시력적용기술, , , alt 속성으로 의미나 용도를 이해할 수 있도록 적절한 대체 텍스트 제공배경이미지 (IR기법) : 의미있는 배경 이미지를 사용하였을 경우, 배경이미지에 대한 대체 텍스트 제공링크, 버튼 : 용도가 명확한 이미지 링크, 이미지 버튼 등은 핵심기능에 대한 설명을 구체적으로 대체 텍스트 제공(아이콘 포함)본.. 2014. 1. 1.
Mobile 접근성 - Intro Mobile Web 접근성Mobile Web 접근성 가이드는 다음과 같이 3가지 항목으로 구성되어 있습니다.Mobile Web 접근성 지침Mobile Web 접근성 검사항목Mobile Web QA 지표Mobile Web 접근성 지침"한국형 웹 콘텐츠 접근성 지침"(KWCAG/ Korean Web Content Accessibility Guidelines) 과 "모바일 애플리케이션 접근성 지침" 근거로, 웹 접근성 제고를 위해 준수사항, 권고사항로 구분되어 해당 사항의 준수 여부를 확인하기 위해 15개의 검사 항목으로 구성 되어 있습니다.Mobile Web 콘텐츠는 웹 기반이므로, PC Web 접근성을 바탕으로, Mobile 사용성을 고려하여, Mobile App 접근성을 조합하여 구성하였습니다.검사항목은.. 2014. 1. 1.

티스토리툴바