IT개발/WebPublishing2012.06.14 13:46

1. 웹표준이란? (WIKIPEDIA)

의 힘은 그것의 보편성에 있다. 장애에 구애 없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.         

                    -버너스(Tim Berners - Lee , W3C Director and inventor of the World Wide Web) 

웹표준이란?

 World Wide Web 관련 표준이나 기술 규격을 가르키는 일반적인 용어
 최근 웹사이트 구축을 위한 표준화된 트랜드

광의의 웹표준
 WWW 뿐만 아니라 웹서비스 개발 및 관리에 직 간접적으로 영향을 미치는 인터넷 관련 많은 표준과 규격을 포함
 웹사이트의 상호운영성접근성사용성 포함

표준 준수의 기술적 의미
 기본적으로는, 웹사이트나 페이지가 올바른 HTML, CSS, JavaScript로 구현
 전체적으로는적절한 character encoding /  유효한 RSS, RDF, Metadata, XML, Script /

브라우저 및 해상도에 의존하지 않는 코딩 적합한 서버 설정

 l 웹표준 관련 주요 기술 Recommendations, Standards
     • Recommendations for markup languages from W3C (HTML, XHTML, SVG, 등 )
     • Recommendations for stylesheets from W3C ( CSS )
     • Standards for ECMAScript from ECMA International ( JavaScript )
     • Recommendations for Document Object Model from W3C
     • URIs (RFC 2396) from IETF

     • HTTP and MIME (RFC 2616) from IETF

 l 웹접근성 향상을 위한 Recommendation

 Web Content Accessibility Guidelines from W3C's Web Accessibility Initiative


2. 웹표준 주요 Specifications

    W3C Recommendation 24 December 1999

HTML 최신 버전
Strict / Transitional / Frameset DTD 지원

    W3C Recommendation 26 January 2000, revised 1 August 2002

HTML 4.01XML1.0 기반으로 변경
HTML 에 대한 호환성 유지 ( Strict / Transitional / Frameset DTD 지원 )

   W3C Recommendation 23 November 2010

XHTML 1.0 규격에 Modularization 도입

모듈화 - element 들을 몇 개의 분류( Structure Module, Text Module, List Module, …)로 나누고, 이러한 모듈을 조합하여 XHTML 문서를 작성할 수 있고, 사용자가 필요한 모듈을 추가해서 문서를 확장 가능

HTML에 대한 호환성 지원 안함

  - Transitional / Frameset DTD 제거

  - 미디어타입 : application/xhtml+xml 만 보장 (text/html 만 처리하는 브라우저에 대해 호환 보장을 안함

    W3C Working Draft 29 March 2012

최신 멀티미디어 지원이 가장 주요한 목적
HTML4 를 기반으로 하나, XHTML 1 을 포함

    W3C Recommendation 07 June 2011

 CSS1 기반, CCS2 오류 수정 및 기능 추가

기존 하나의 Spec“Module”이라 불리우는 몇 개의 문서로 분리
 현재 모듈 별로 Working Draft, Candidate Recommendation, Proposed Recommendation, Recommendation 상태

Introduction to CSS3 (Working Draft) CSS3 Module: Backgrounds (Working Draft) CSS3 Advanced Layout Module CSS3 Module: Box Model (Working Draft) CSS3 Module: Cascading and Inheritance (Working Draft) CSS3 Module: Color (Candidate Recommendation) CSS3 Module: Fonts (Working Draft) CSS3 Module: Line (Working Draft) CSS3 Module: Lists (Working Draft) CSS3 Module: Mobile Profile (Candidate Recommendation) CSS3 Module: Multi-column Layout (Working Draft) CSS3 Paged Media Module CSS3 Module: Ruby (Candidate Recommendation) CSS3 Module: Selectors (Candidate Recommendation) CSS3 Module: Text (Candidate Recommendation) CSS TV Profile 1.0 Candidate Recommendation CSS3 Module: Values and Units (Working Draft)

    DOM Level1, 2 Recommendation, DOM Level 3Recommendation, Notes, Working Group Notes

DOM Level 2 - Core, Views, Events, Style, Traversal and Range, HTML


3. 웹표준 Specifications - 타임라인, 관계(HTML, CSS)



4.웹 접근성

웹접근성이란?

장애를 가진 사람들도 웹을 이용할 수 있도록 보장하는 것으로, 장애를 가진 사람들이 웹 콘텐츠를 인지하고(Perceivable),  운영하고(Operable), 이해하고(Understandable), 기술에 상관없이 이용할 수 있도록 견고한(Robust)하게 웹 콘텐츠를 만드는 것 - W3C WAI (Web Accessibility Initiative. 접근성 위원회)

à 모든 사람 (일반인, 장애인)들이 모든 사용환경(PC, OS, 브라우저 ) 에서 차별없이 이용할 수 있는 웹 콘텐츠


접근성을 위한 가이드 라인

Web Content Accessibility Guidelines 1.0 - W3C Recommendation 5-May-1999
Web Content Accessibility Guidelines (WCAG) 2.0 - W3C Recommendation 11 December 2008

원칙

지침

설명

인식의

용이성

 

 

텍스트가 아닌 컨텐츠 인식

문자로 표현 가능한 컨텐츠는 Text로 표현

영상 매체의 인식

영상매체는 대체 매체를 함께 제공

색상에 무관한 인식

모든 컨텐츠는 색상 배제해도 인식 가능

운용의

용이성

 

 

 

 

 

이미지맵 기법 사용 제한

이미지맵 사용 시 대체 컨텐츠 제공

프레임 사용제한

컨텐츠를 구성하는 프레임 수는 최소한으로 하며, 프레임 별로 제목 붙여야 함

깜박이는 개체 제한

스크린이 깜박거림을 피할 수 있도록 구성

키보드만으로 운용

키보드만 웹 컨텐츠의 모든 기능 수행

반복 네비게이션 링크

반복적인 네비게이션을 뛰어 넘어 페이지 핵심 부분으로 직접 이동 가능

반응시간 조절 기능

사용자가 시간에 구애 받지 않고 읽거나 상호작용하거나 응답가능

이해의

용이성

 

 

데이터 테이블 구성

셀의 내용에 대한 정보가 바르게 전달

논리적 구성

컨텐츠의 모양이나 배치는 논리적으로 이해하기 쉽도록 구성

온라인 서식 구성

서식 작성에 필요한 제반 정보를 제공

기술적

진보성

 

신기술의 사용

신기술은 사용자에게 전달 될 수 있는 경우에만 사용

별도 웹사이트 제공

위의 13개 검사항목을 만족하도록 최대한 노력했으나, 미해결 부분이 남아 있다면 텍스트만의 콘텐츠를 제공하는 웹 페이지(또는 웹사이트)를 별도로 제공해야 함


5. 웹표준 개발 방법

l 웹표준 준수를 위한 코딩 절차


웹사이트의 모듈화 구조/표현/동작의 분리

웹표준 준수 , 접근성, 사용성, 상호운영성을 위해 구조화된 웹사이트 구축


l 웹사이트 개발 플로우 개선

http://blog.daum.net/moonsabu/7866166


6. 웹표준의 장점

실제로 XHTML+CSS 레이아웃으로 첫화면을 개편한 미국 야후!닷컴은 기존과 똑같은 UI를 유지 하면서도 첫화면 HTML 파일 크기를 1/3 가량 줄었다. ESPN.com의 경우 50kb의 파일 크기가 감소했고, MSN.comWired.com은 각각 64%, 62% 가량 줄었다. MSN.com의 경우 하루 940GB의 트래픽 감소 효과를 보았다  - 『실전 웹 표준 가이드(2005)』


 


사용자와 소유자, 개발자 모두에게 도움이 되는 웹표준    - MAXDESIGN



7. Reference

l Recommendations


l WD, CR, PR


l 웹접근성


l Validation


l기타


l 웹표준 가이드 & 자료
실전 웹 표준 가이드(2005)』 -한국소프트웨어진흥원 (, 다운로드)
웹표준 기반 홈페이지 구축 가이드(2004)』 -한국소프트웨어진흥원 (, 다운로드)
Cross Browsing 가이드(2003)』 -한국소프트웨어진흥원 (, 다운로드)
실전HTML5가이드』 - Web Standards Korea (, 다운로드)
하루만에 끝내는 웹표준 & CSS 활용 전문가 과정 비즈델리 (다운로드)







Posted by 微者

댓글을 달아 주세요

  1. La nomination de Nadine Morano au poste clef de déléguée générale aux élections à l'UMP, http://www.moncleroutletespain.com/ http://www.moncleroutletespain.com/, annoncée de sources concordantes mercredi, http://www.moncleroutletespain.com/ moncler españa, a été "validée à l'Elysée", http://www.moncleroutletespain.com/ moncler, a indiqué jeudi à l'AFP un cadre de l'UMP, http://www.moncleroutletespain.com/ moncler outlet. Politique Les élus de la Droite populaire devraient rejoindre le FN, http://www.moncleroutletespain.com/ moncler online, dit Marine Le Pen Politique L'hommage de Sarkozy à SéguinRelated articles:


    http://rwanda.tistory.com/58 http://rwanda.tistory.com/58

    http://www.lifelogger.co.kr/453 http://www.lifelogger.co.kr/453

    2013.01.05 21:36 [ ADDR : EDIT/ DEL : REPLY ]
  2. 사전의미와 공기관계 면에

    2013.05.17 16:42 [ ADDR : EDIT/ DEL : REPLY ]