2011웹표준[01] 웹표준이란(장연정)

[ABYDOS] 웹 표준

(1강) 웹 표준이란?

2011년 01월 21일

1. 웹 표준이란?

2. 누가 웹 표준을 정하는가?

3.웹 표준의 구조

4. 웹 표준 개발 flow

목차(INDEX) 5.유효성 검사

6. 웹 표준의 장점

7. 웹 표준과 웹 접근성의 표면화

8. 한국에서의 웹 호환성 문제와 실태

9.웹 표준 제대로 알기

웹 표준이란?

W3C의 html, xhtml, css의 구현 스펙을 지원하는 브라우저들이 늘어남에 따라,웹페이지가
서로 달라 보이는게 아니라, 어느 한 쪽에 최적화되어 치우치지 않고 어떤 브라우저를 사용
함에 관계없이 cross browsing(상호 호환성)과 최신 웹 표준기술 적용, 그리고 접근성 높은
페이지가 가능하도록 해 주는 표준안입니다.
-위키백과

“웹 페이지가 보일 수 있는
모든 곳에서 정상적으로
똑같이 보이게 하는 것”

웹의 힘은 그것의 보편성에 있다. 장애에 구애 없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.
(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)
팀 버너스 리 경-웹의 창시자(Tim Berners - Lee , W3C Director and inventor of the World Wide Web)

ABYDOS Copyright abydos All rights Reserved.

누가 웹 표준을 정하는가?

◦W3C (World Wide Web Consortium)

◦ISO(국제표준화기구) - 공업규격 국제표준화 단체
◦IETF - 인터넷기술 표준화 단체
◦IANA - IP어드레스와 도메인명 등의 주소 자원 표준화와 분배를 담당
◦OASIS - e비지니스의 표준개발, SGML과 XML툴, 웹서비스 등의 표준화 담당

국내 웹접근성 인증마크


웹표준의 구조

구조와 표현 동작의 분리가 이루어져야 한다.


웹표준 개발 flow

기존의 웹 개발 방식 개선된 개발 방법
waterfall 방식의 선형적 밀어내기식 진행


유효성 검사(Validation)

Markup Validation Service
http://validator.w3.org/

CSS Validation Service
http://jigsaw.w3.org/css-validator/

Firefox + HTML Validator
http://addons.mozilla.org/ko/firefox/addon/249/


웹표준의 장점


웹 표준과 웹 접근성의 표면화

장애인차별금지법 [제정 2007.4.10 법률 제8341호]
제1장 총칙
제1조(목적) 이 법은 모든 생활영역에서 장애를 이유로 한 차별을 금지하고 장애를 이유로 차별받은 사
람의 권익을 효과적으로 구제함으로써 장애인의 완전한 사회참여와 평등권 실현을 통하여 인간으로서
의 존엄과 가치를 구현함을 목적으로 한다.

전자정부 웹 표준 준수 지침 행정안전부고시 제2010-40호

2008년 4월 29일 대한민국 행정안전부는 전자정부 웹 사이트 이용자가 특정 운영체제나 웹 브라우저
에 상관없이 접속할 수 있도록 정부에서 전자정부시스템 구축 시 반영해야 하는 최소한의 규약을 정의
한 “전자정부 웹 표준 준수 지침” 제정 사항을 확정·고시했으며, 이를 좀 더 실효성 있는 지침으로 만들
기 위해 기술적 제약이 없는 한 최소 3종이상의 브라우저에서 호환성을 확보하는 것을 원칙으로 한 "전
자정부 웹호환성 준수지침"을 2009년 8월 19일자로 제정·고시하였다


웹 표준과 웹 접근성의 표면화

“ 스마트폰의 활성화 ”-모바일 웹


한국에서의 웹 호환성 문제와 실태

<현상>
레이아웃 파괴, 클릭 무반응, 로그인 불가



<원인>
-정통부, 금감원 그리고 AxtiveX

-IE 점유율

익스플로러8 설치하기 캠페인



<개선안>

-오픈웹

-IE6 퇴출운동
Non ActiveX 결재방식

-웹사이트의 개선

-스마트폰의 활성화


웹 표준 제대로 알기

1.웹 접근성은 장애인에게만 해당되는 말
이다?
신체적 : 시각/청각장애,부상,색약
환경적 : pc/인터넷 성능저하,키보드/마우스
기계적 : 장치-PDA, Mobile 브라우저-IE, FF, opera, safari

2.웹 표준 = 웹 접근성?

웹 표준 ≠ 웹 접근성 웹 접근성

웹표준


참고사이트

•http://www.snuh.org/pub/index.jsp(서울대학병원)

•http://www.istarbucks.co.kr/main/main.asp (스타벅스)

•http://www.csszengarden.com/ (젠가든)


과제

•dtd 문서유형선언문 조사
•html vs xhtml 문법 차이점
•인코딩 방식 euc-kr / utf-8
•전자정부 웹표준 준수지침서 요약


2011웹표준[01] 웹표준이란(장연정)

Recommended

Recommended

More Related Content

Featured

Featured (20)

2011웹표준[01] 웹표준이란(장연정)