본문 바로가기

분류 전체보기98

웹사이트를 흑백으로 바꿔주는 사이트 (http://graybit.com/) 웹 접근성에 명도대비 항목이 있었다. 이 항목 검사를 위한 유용한 사이트가 될 듯 싶다. 2013. 2. 26.
웹 표준과 웹 접근성 웹표준(Web Standard)이란? '웹에서 표준적으로 사용되는 기술이나 규칙'을 의미하며, 이는 특정 브라우저에서만 사용되는 비 표준화된 기술은 배제하고 W3C의 토론을 통해 나온 권고안(recomendation)을 사용하는 것을 말하며, 웹 문서의 구조와 표현, 그리고 동작을 구분해서 사용하는 것을 뜻한다. 원칙 1. 인식의 용이성(Perceivable): 모든 콘텐츠는 사용자가 인식할 수 있어야 한다. 1.1 (대체 텍스트) 텍스트 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다. 1.1.1(적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다. 1.2(멀티미디어 대체 수단) 동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도록 대체 수단을.. 2013. 2. 26.
css 초기화 선언 default.css /* reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}fieldset,img{border:0 none;}dl,ul,ol,menu,li {list-style:none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a{text-decoration:none}legend, caption{font-size:0;.. 2013. 2. 26.
사이트 제작완성까지의 단계 물론 상황에 따라 다르긴 하지만 기본적으로.. 제안요구서 ▼ 요구사항 정의서 ▼ 스토리보드, 화면설계 ▼ 디자인 ▼ 퍼블리싱 ▼ 개발 ▼ 검사 ▼ 배포 2013. 2. 26.
시맨틱한 마크업을 위한 HTML5요소 이름 내용 header 상단(header)에 사용 article 내용(content)에 사용 footer 하단(footer)에 사용 nav 네비게이션이나 메뉴에 사용 section 내용을 나눌 때 사용 aside 사이드바에 사용 figure 특정한 요소의 제목에 사용 2013. 2. 26.
시맨틱 마크업 현재 웹상에서는 방대한 정보와 필요한 정보를 추출, 해석, 가공하는 방법이 없기 때문에 불필요한 정보가 검색된다.시맨틱 마크업은 2001년 팀 버너스리 등에 의해 정립화된 것으로 컴퓨터가 처리할 수 있게 온톨로지 형태로 표현한 것으로 검색로봇이 의미를 잘 가져갈 수 있도록 홈페이지를 구조적으로 마크업 하는 방법이다.HTML태그를 이용해 내용이 담고있는 의미가 무엇인지 파악하며 마크업해야 시맨틱한 웹을 만들 수 있다.RSS가 대표적인 예이다. * 온톨로지 형태 : 사람들이 세상에 대해 보고 듣고 느낀 것을 서로 간의 토론을 통해 합의를 이룬 것 ex)) 테스트 1테스트 1-1테스트 1-2테스트 1-3 위의 마크업은 시맨틱하지 못한 마크업이다.시각장애인을 위한 스크린리더에서 제목과 내용의 의미를 제대로 파악.. 2013. 2. 26.

티스토리툴바