Category
show
전체 (733)
웹표준, 웹접근성™ (5)
웹프로그래밍™ (343)
웹기획™ (0)
웹디자인™ (5)
서버™ (27)
데이터베이스™ (42)
개발자료 (9)
트랜드 (60)
Study English (2)
블루비 (62)
오피스 다이어리 (19)
Textcube (2)
이슈 (20)
컴퓨터 악세사리 (18)
엔터테인먼트 (24)
좋은글 (62)
재테크 (1)
이벤트 (4)
1 

웹 표준 경진대회

웹표준, 웹접근성™ 2008/05/02 09:27 by 블루비 Total 661 : Today 1 : Yesterday 1

웹 표준 경진대회

http://award.standardmag.org/

한번 참석해 볼까 생각중이다.
나 자신이 어느정도의 웹표준 기술을 가지고 있는지 테스트할 수 있는 기회도 될듯하다
짬을 내보긴해야하는데...
만약 한다하더라도 역시 개발자라 보니 디자인쪽에서는 점수을 못 뽑을 듯.. ㅠ.ㅠ


웹 표준 경진대회



누군가가 시켜서 만드는 웹, 누구를 위해 만드는 것인지 알 수 없었던 웹은 이제 우리 자신과 보다 많은 사람들을 위해 개선되어 나가야 합니다. 더 많은 사람들이 더 좋은 방법을 이용하여 웹 사이트를 제작하고 사용할 수 있어야 하고, 시대가 이런 점을 이미 요구하기 시작했습니다. 이제는 가르치고 배우는 과정을 넘어 더 많은 사람이 보다 손 쉽게 이용할 수 있는 웹 표준으로 나아가야 할 것입니다. '규칙과 창조의 만남'이라는 슬로건처럼 웹 표준이라는 규칙을 지킴으로써 사이트가 얼마나 창조적으로, 유연하게, 얼마나 더 편리해질 수 있는지를 많은 사람들이 알 수 있게 될 것입니다.

CSS Design Korea에서 주최하고, Hosting.kr, 에이콘출판사, 디지털미디어리서치가 후원하는 이번 대회는 2008년 5 월 1일부터 약 한달간 진행되며 2008년 6월 예정인 세번째 웹 표준의 날에 그 대미를 볼 수 있게 됩니다.

우리가 원하는, 모두를 위한 웹을 만들어가려는 이번 행사에 많은 분들의 참여를 기대합니다.

참가자격
개인 혹은 3인 이내로 구성된 팀
참가방법
제시된 콘텐츠(인터넷 웹 콘텐츠 접근성 지침)를 웹 페이지로 작성하여 소정의 페이지를 통해 접수
Acrobat Reader Download
  1. 주어진 내용 전체를 사이트의 콘텐츠로 활용해야 합니다.
  2. 사이트의 형식은 자유롭게 작성할 수 있습니다. (일반적인 정보 제공 형태의 사이트, 블로그 등)
  3. 최소한 1개 이상의 메뉴 형식이 포함되어야 합니다.
  4. HTML, CSS, Javascript와 이미지 파일만 허용되며 각각의 고유 확장자를 사용해야 합니다. (.html, .css, .js, jpg, .gif, .png 등)
  5. 최종 작업물은 로컬에서 열었을 때 정상 동작할 수 있도록 작성되어야 합니다.
  6. 최종 작업물과 스크린샷을 압축하여 참가 신청 양식에 첨부해야 합니다.
평가방법
100점기준
Markup(35) / CSS(30) / 디자인(20) / 기타(15)
시상내역
대상(1팀) : iPod Touch 8Gb + Hosting.co.kr(도메인/호스팅 3년 이용권)
금상(1팀) : iPod Touch 8Gb + Hosting.co.kr(도메인/호스팅 1년 이용권)
은상(2팀) : 웹 표준 완전정복 세트
동상(5팀) : 웹 표준의 교과서

* 입상팀을 제외한 참가자 전원에게 Web Standards day 컵(소량으로 참가 신청순에 의하여 지급 될 수 있습니다. )과 Hosting.co.kr(웹 호스팅 1년 이용권) 지급

* 그 외의 궁금한점이나 기타 의견 있으시면 CDK Forum의 관련 글타래를 이용해주시기 바랍니다.

출품기간
2008.5.01~6.01
결과발표
2008.6.15 (입상시 개별 통보)
2008/05/02 09:27 2008/05/02 09:27

TRACKBACK :: http://blueb.net/blog/trackback/1221

Web Content Accessibility Guidelines 2.0 CR 08/04/30 발표

웹표준, 웹접근성™ 2008/05/01 21:33 by 블루비 Total 325 : Today 0 : Yesterday 0
사용자 삽입 이미지
9년만에 WCAG 2.0 CR을 발표 했습니다.
웹 컨텐츠 접근성 가이드라인



Web Content Accessibility Guidelines 2.0

W3C Candidate Recommendation 30 April 2008
http://www.w3.org/TR/WCAG20/


Web Content Accessibility Guidelines 1.0

W3C Recommendation 5-May-1999
http://www.w3.org/TR/WCAG10/
2008/05/01 21:33 2008/05/01 21:33

TRACKBACK :: http://blueb.net/blog/trackback/1219

웹접근성 지침(KWCAG, WCAG) 1.0

웹표준, 웹접근성™ 2008/04/10 08:59 by 블루비 Total 244 : Today 0 : Yesterday 0
한국형 웹 콘텐츠 접근성 지침(KWCAG) 1.0
Korean Web Contents Accessibility Guideline 1.0

지침1. 인식의 용이성 - 웹사이트에서 서비스하고 있는 모든 콘텐츠는 누구나 쉽게 인식할 수 있도록 설계되어야 한다.
항목1.1 (텍스트 아닌 콘텐츠(non-text contents)의 인식) 텍스트 아닌 콘텐츠 중에서 글로 표현될 수 있는 모든 콘텐츠는 해당콘텐츠가 가지는 의미나 기능을 동일하게 갖추고 있는 텍스트로도 표시되어야 한다.
항목1.2 (영상매체의 인식) 시간에 따라 변화하는 영상매체는 해당 콘텐츠와 동기되는 대체 매체를 제공해야 한다.
항목1.3 (색상에 무관한 인식) 콘텐츠가 제공하는 모든 정보는 색상을 배제하더라도 인지할 수 있도록 구성되어야 한다.

지침2. 운용의 용이성 - 웹 콘텐츠에 포함된 모든 요소들의 기능은 누구나 쉽게 사용할 수 있어야 한다.
항목2.1 (이미지 맵 기법 사용 제한) 이미지 맵 기법이 필요할 경우에는 클라이언트측 이미지 맵을 사용하여 서버측 이미지 맵을 사용할 경우에는 동일한 기능을 하는 텍스트로 구성된 대체 콘텐츠를 제공해야 한다.
항목2.2 (프레임의 사용 제한) 콘텐츠를 구성하는 프레임의 수는 최소한으로 하여, 프레임을 사용할 경우에는 프레임별로 제목을 붙여야 한다.
항목2.3 (깜박거리는 객체 사용 제한) 콘텐츠는 스크린의 깜빡거림을 피할 수 있도록 구성되어야 한다.
항목2.4 (키보드로만 운용 가능) 키보드 (또는 키보드 인터페이스)만으로도 웹 콘텐츠가 제공하는 모든 기능을 수행할 수 있어야 한다.
항목2.5 (반복 내비게이션 링크(repetitive navigation link)) 웹 콘텐츠는 반복적인 네비게이션 링크를 뛰어넘어 페이지의 핵심부분으로 직접 이동할 수 있도록 구성하여야 한다.
항목2.6 (반응시간의 조절기능) 실시간 이벤트나 제한된 시간에 수행하여야 하는 활동 등은 사용자가 시간에 구애 받지 않고 읽거나, 상호작용을 하거나 응답할 수 있어야 한다.

지침3. 이해의 용이성 - 사용자들이 가능한 한 쉽게 이해할 수 있도록 콘텐츠나 제어 방식을 구성해야 한다.
항목3.1 (데이터 테이블 구성) 데이터 테이블은 테이블을 구성하는 데이터 셀의 내용에 대한 정보가 충분히 전달될 수 있어야 한다.
항목3.2 (논리적 구성) 콘텐츠의 모양이나 배치는 논리적으로 이해하기 쉽게 구성하여야 한다.
항목3.3 (온라인 서식 구성) 온라인 서식을 포함하는 콘텐츠는 서식 작성에 필요한 정보, 서식 구성 요소, 필요한 기능, 작성 후 제출 과정 등 서식과 관련한 모든 정보를 제공해야 한다.

지침4. 기술적 진보성 - 구성한 콘텐츠는 웹 브라우저의 종류, 버전 등에 관계없이 사용될 수 있어야 한다.
항목4.1 (신기술의 사용) 스크립트, 애플릿 또는 플러그 인(plug-in) 등과 같은 프로그래밍 요소들은 현재의 보조기술의 수준에서 이들 프로그래밍 요소들의 내용을 사용자에게 전달해줄 수 있을 경우에만 사용하여야 한다.
항목4.2 (별도 웹사이트 제공) 콘텐츠가 항목 1.1에서 4.1에 이르는 13개 검사 항목을 만족하도록 최대한 노력하였으나 해결되지 않는 부분이 남아있다면 텍스트만의 콘텐츠를 제공하는 웹 페이지(또는 웹사이트)를 별도로 제공해야 한다.



W3C 웹 콘텐츠 접근성 지침(WCAG) 1.0
Web Contents Accessibility Guideline 1.0

지침1. 콘텐츠의 시각적, 청각적 요소에 대하여 동일한 내용의 대체수단을 제공하라.
항목1.1 모든 비 텍스트 요소에 대하여 대체 텍스트를 제공하라.
항목1.2 서버측 이미지 맵의 활성화 영역에 대하여 부가적인 텍스트 링크를 제공하라.
항목1.3 멀티미디어의 시각적 요소에 대한 대체 텍스트를 사용자 도구(웹 브라우저, 스크린리더 등 사용자가 웹 서비스를 이용하기 위한 도구)가 자동으로 읽을 수 없다면, 이 내용의 중요한 정보를 음성으로 제공하라.
항목1.4 시간에 따라 내용이 변하는 멀티미디어와 이에 대한 대체 텍스트는 그 내용을 동기화시켜야 한다.
항목1.5 사용자 도구가 클라이언트측 이미지 맵의 각 활성화 영역 및 링크정보에 대하여 대체 텍스트를 인식하여 처리할 수 없다면, 동일한 내용에 대하여 부가적인 텍스트 링크를 제공하라.

지침2. 색상만을 이용하여 정보를 전달해선 안된다.
항목2.1 색상을 통해 전달하는 모든 정보는 색상 없이도 전달될 수 있어야 한다.
항목2.2 색맹, 색약인 사람이나, 흑백 모니터를 통해 보는 사람들도 정보전달 시 문제가 없도록 전경색과 배경색은 충분한 명암 대비를 가져야 한다.

지침3. 마크업과 스타일시트를 사용하되 적합하게 사용하라.
항목3.1 적절한 마크업 언어가 존재한다면 정보를 전달하기 위해 이미지보다 마크업을 사용하라.
항목3.2 공식 문법에 맞도록 문서를 작성하라.
항목3.3 시각적 요소를 컨트롤하기 위해서는 스타일시트를 사용하라.
항목3.4 마크업 언어 및 스타일시트의 속성값 부여시 절대단위보다는 상대단위를 사용하라.
항목3.5 문서의 구조를 전달하기 위해 헤더요소를 사용하되 정해진 방법에 맞게 사용한다.
항목3.6 리스트 및 리스트 요소 마크업들을 적합하게 사용하라.
항목3.7 인용 마크업을 사용하되 들여쓰기 효과 등을 위해 사용하지 않는다.

지침4. 사용언어를 명시하라.
항목4.1 문서의 텍스트 및 대체 텍스트의 언어의 변화에 대해 분명히 명시하라.
항목4.2 문서에서 약자, 약어 등이 쓰일 경우, 해당 약어가 처음 나타났을 때 이에 대한 전체 내용을 명시하라.
항목4.3 문서의 기본언어를 지정하라.

지침5. 호환성을 지니도록 테이블을 작성하라.
항목5.1 데이터 테이블에 있어 행과 열에 대한 헤더를 구분하라.
항목5.2 행 또는 열에 대하여 두 단계 이상의 논리적 헤더를 갖는 데이터 테이블은 데이터 셀들과 헤더 셀들을 연결시킬 수 있는 마크업을 사용하라.
항목5.3 레이아웃 테이블을 이용한 정보를 선형화시켰을 때 해당 내용이 제대로 전달되지 않는다면 레이아웃 테이블을 사용하지 않는다. 꼭 사용해야 한다면 해당 내용에 대한 대체 정보를 제공하라.
항목5.4 테이블이 레이아웃을 위해 사용되었다면, 이 테이블 작성 시 시각요소 컨트롤을 위해 문서의 구조에 관한 마크업을 사용하지 말아라.
항목5.5 테이블에 대한 요약정보를 제공하라.
항목5.6 헤더 레이블에 대한 요약을 제공하라.

지침6. 신기술을 사용한 페이지는 해당 내용에 대해 호환성을 확보해야 한다.
항목6.1 스타일시트를 사용하지 않아도 읽을 수 있도록 문서를 구성하라.
항목6.2 동적 콘텐츠에 변화가 있을 경우에는 해당 내용에 대한 대체 콘텐츠도 갱신시켜야 한다.
항목6.3 스크립트, 애플릿, 또는 다른 프로그램 객체들이 사용 중지되어 있거나 지원되지 않아도 페이지가 사용 가능해야 한다. 이것이 불가능할 경우에는 별도의 접근가능한 페이지를 통해 정보를 제공해야 한다.
2008/04/10 08:59 2008/04/10 08:59

TRACKBACK :: http://blueb.net/blog/trackback/1195

꼭 읽어야하는 웹표준, 웹접근성 포스트 링크

웹표준, 웹접근성™ 2008/04/05 17:53 by 블루비 Total 752 : Today 3 : Yesterday 1

웹표준

웹 뒤에 숨은 'web' : 웹표준 합시다. 제발 합시다.

웹접근성 화두 '장차법'

Standard Magazine(정찬명) : '장애인차별금지 및 권리구제 등에 관한 법률'과 대응방안

2008/04/05 17:53 2008/04/05 17:53

TRACKBACK :: http://blueb.net/blog/trackback/1191

실전 웹 표준 가이드 (2005)

웹표준, 웹접근성™ 2005/12/27 19:21 by 블루비 Total 296 : Today 0 : Yesterday 0
원문 : http://www.mozilla.or.kr/docs/web-developer/standard/

실전 웹 표준 가이드 (2005)

본 가이드는 XHTML, CSS, DOM, ECMAScript 등 모든 웹 표준에 대한 이슈를 새롭게 정리하고, 웹 개발 프로젝트에서 표준을 준수하는 방법을 제공하는 가이드 입니다.

목 차

  • 웹 표준이란 무엇인가?
  • 실전 XHTML 가이드
    • XTHML 소개
    • XHTML 일반 문법 준수
    • 구조적 XHTML 사용 방법
  • 실전 CSS 레이아웃
    • CSS 개념 및 소개
    • CSS 레이아웃(LAYOUT) 기초
    • 실전 예제를 통한 CSS 레이아웃
    • 고급 CSS 레이 아웃
  • 실전 DOM/Script 가이드
    • W3C DOM vs. MS DOM
    • 표준 JAVASCRIPT 사용 방법
    • 올바른 플러그인(PLUGIN) 사용
  • 실전 표준 웹 프로그래밍
    • 표준 MIME 타입 설정
    • 표준 문자 인코딩 지정
  • 실전 웹 표준 개발 프로세스
    • 현재 프로세스 소개(Waterfall 방식)
    • 개선된 모델(퍼블리셔 중심)
    • 새로운 개발 프로세스
  • 맺음말
  • 부록 : 웹 표준 사양-브라우저 호환차트
- URL: http://www.mozilla.or.kr/docs/web-developer/web-standard-guide-2005.pdf
- 인쇄 버전 : PDF 파일 (223pp), PDF 파일(부록 포함, 305pp)

웹 표준 기반 홈페이지 구축 가이드 (2004)

본 가이드는 브라우저 호환성 유지 방법은 물론 XHTML/CSS 레이아웃을 통한 홈페이지 개발 방법을 소개한 가이드 입니다.

목 차

  • 1부 브라우저 호환성 유지 방안
    • 현대 웹사이트 제작의 방향
    • W3C 표준안
    • 정확한 문서 형식 사용
    • 올바른 HTML 및 CSS 사용 방법
    • 올바른 객체 모델 및 자바스크립트 사용 방법
    • 웹페이지 디버깅 도구 사용
  • 2부 웹표준 기반 페이지 제작 방법
    • 구조와 표현의 분리
    • XHTML를 사용해야 하는 이유
    • XHTML의 주요 특징
    • CSS 사용 방법
    • CSS 레이아웃 vs.Table 레이아웃
- 인쇄 버전 : PDF 파일

Cross Browsing 가이드(2003)

본 가이드는 각 웹 브라우저의 비 표준 기능과 이를 극복할 수 있는 방법을 위주로 작성된 것입니다.

목 차

- 인쇄 버전 : PDF 파일
2005/12/27 19:21 2005/12/27 19:21

TRACKBACK :: http://blueb.net/blog/trackback/300

1 

달력

«   2008/08   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31