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

2011년 01월 21일

[ABYDOS] 웹 표준

(1강) 웹 표준이란

1 웹 표준이란

목차(INDEX)

2 누가 웹 표준을 정하는가

3웹 표준의 구조

4 웹 표준 개발 flow

5유효성 검사

6 웹 표준의 장점

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

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

9웹 표준 제대로 알기

ABYDOS Copyright abydos All rights Reserved

웹 표준이란

W3C의 html xhtml css의 구현 스펙을 지원하는 브라우저들이 늘어남에 따라웹페이지가

서로 달라 보이는게 아니라 어느 한 쪽에 최적화되어 치우치지 않고 어떤 브라우저를 사용

함에 관계없이 cross browsing(상호 호환성)과 최신 웹 표준기술 적용 그리고 접근성 높은

페이지가 가능하도록 해 주는 표준안입니다

-위키백과

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

웹의 힘은 그것의 보편성에 있다 장애에 구애 없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다 (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)


누가 웹 표준을 정하는가

W3C (World Wide Web Consortium)

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

국내 웹접근성 인증마크


웹표준의 구조

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


웹표준 개발 flow

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

개선된 개발 방법


유효성 검사(Validation)

Markup Validation Service httpvalidatorw3org

CSS Validation Service httpjigsaww3orgcss-validator

Firefox + HTML Validator httpaddonsmozillaorgkofirefoxaddon249


웹표준의 장점


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

장애인차별금지법 [제정 2007410 법률 제8341호]

제1장 총칙

제1조(목적) 이 법은 모든 생활영역에서 장애를 이유로 한 차별을 금지하고 장애를 이유로 차별받은 사

람의 권익을 효과적으로 구제함으로써 장애인의 완전한 사회참여와 평등권 실현을 통하여 인간으로서의 존엄과 가치를 구현함을 목적으로 한다

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

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



ldquo 스마트폰의 활성화 rdquo-모바일 웹


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

lt현상gt

레이아웃 파괴 클릭 무반응 로그인 불가



lt원인gt

-정통부 금감원 그리고 AxtiveX

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

-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동

-웹사이트의 개선

-스마트폰의 활성화

Non ActiveX 결재방식


웹 표준 제대로 알기

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

2웹 표준 = 웹 접근성

웹 표준 ne 웹 접근성 웹 접근성

웹표준


참고사이트

bullhttpwwwsnuhorgpubindexjsp(서울대학병원)

bullhttpwwwistarbuckscokrmainmainasp (스타벅스)

bullhttpwwwcsszengardencom (젠가든)

감사합니다 ABYDOS


과제

bulldtd 문서유형선언문 조사

bullhtml vs xhtml 문법 차이점

bull인코딩 방식 euc-kr utf-8

bull전자정부 웹표준 준수지침서 요약

1 웹 표준이란

목차(INDEX)

2 누가 웹 표준을 정하는가

3웹 표준의 구조

4 웹 표준 개발 flow

5유효성 검사

6 웹 표준의 장점

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

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

9웹 표준 제대로 알기


웹 표준이란





-위키백과









웹표준의 구조












웹표준의 장점




제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제






웹 표준이란





-위키백과









웹표준의 구조












웹표준의 장점




제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제











웹표준의 구조












웹표준의 장점




제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제






웹표준의 구조












웹표준의 장점




제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제















웹표준의 장점




제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제











웹표준의 장점




제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제






웹표준의 장점




제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제








제1장 총칙










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제










lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제







lt현상gt




lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제







lt원인gt



-IE 점유율



lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제







lt개선안gt

-오픈웹

-IE6 퇴출운동









웹표준


참고사이트






과제










웹표준


참고사이트






과제






참고사이트






과제







과제






과제





Documents

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