웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

0

조회 수 : 5490 신고 : 0

작성자 : 늘푸른
포인트 : 264 | 레벨 : 1

 웹표준 :  월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어이다.

                웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있다.

 

               기존 인터넷의 웹페이지는 문서구조와 스타일이 모두 하나의 파일에 포함되어 있었다. 글씨크기, 글씨체, 스타일, 겉모양을 위한

               레이아웃등의 서식스타일 모두가 HTML 문서안에 포함되어 있었다. 그렇기때문에 일일히 글씨크기, 글씨체, 스타일등을 입력해줘야

               하는 번거로움으로 인해 제작이나, 수정시 많은 불편함과 시간낭비가 있었다.

 

               웹표준을 이용하여 홈페이지를 제작하면 이러한 문제는 쉽게 해결된다. 문서파일, 스타일파일등을 각각의 파일로 따로관리가 되기때문에

               한번의 수정으로 웹 전체의 글씨크기, 글씨체, 스타일등을 바꿀수가 있다. 이렇게되면 웹페이지 스타일이 일관성을 유지할 수 있고

               작업시간이 상당히 단축된다.

 

               따라서 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글씨체, 줄간격, 배경 색상, 배열위치 등을 자유롭게

               선택하거나 변경할 수 있으며 유지*보수도 간편하게 할 수 있다.

 

               하지만 이것은 개발자나 프로그래머 입장에서의 장점이고, 홈페이지를 고객들이 직접 제작하는것이 아니기때문에 크게 매리트가 없다.

               웹표준의 사용자적인 측면에서의 장점은 무엇이 있는지 알아보자.

 

            

1. 모든 웹브라우져에서 홈페이지를 볼수 있다.

    - 인터넷 익스플로러 뿐 아니라 구글크롬, 사파리, 오페라, 파이어폭스등의 웹브라우져에서도 깨지지않고 홈페이지가 나타난다.


2. 사이트 수정 / 보완이 용이하다.

    -  앞서 말했듯이 문서파일, 스타일파일이 따로 보관되기때문에 해당파일만 열어 수정하면 일괄적으로 홈페이지에 적용이 된다.

        일일히 다 수정해야하는 번거로움과 시간낭비를 줄일수 있다.

 

3. 홈페이지 접근성이 쉬워진다.

    - 모든 웹브라우져, 웹환경에서 접속이 가능하기때문에 이용하기 편리해진다. 특히 요즘은 스마트폰으로 인터넷접속이 많아지고

       있는데 웹표준이 잘 되어있는 홈페이지는 깨지지않고 인터넷 익스플로러로 열었을때와 같은 홈페이지가 열리게된다.

       또 일반인 뿐만 아니라 장애인도 쉽게 접근할수가 있는데 웹 표준 규격에 맞게 제작된 사이트는 음성서비스를 통해 선택한 텍스트

       를 음성으로 읽어준다던지 PDF, WORD 문서를 읽어줄수가 있다.

 

4.  검색엔진에 상위로 링크된다.

   - 구글같은 사이트에서 검색시 상위로 랭크가 된다.

 

 

              각기 다른 사용자 환경에서 동일한 형태의 문서를 제공한다는 이점도 있다. CSS로 만들어진 문서는 사용자들의 브라우저 환경에 따라

              홈페이지가 다르게 나타나는 일이 없고 어느 환경에서나 제작자가 의도한대로 그 효과가 전달된다.

 


 

 공공기관 사이트, 특히 교육기관이나, 사이버대학같은 경우 더욱 웹접근성이 필요하다. 학습장애인, 시각장애인, 노인, 외국인등의 다양한

 계층이 접속할수 있는 사이트이기 때문에 그들을 고려한 학습서비스를 제공해줄수 있는 방법이 되고있고 웹표준을 적용한 사이트로 탈바꿈

 하고 있는 추세이다.

 

소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
46 계산기 title: [ani]깜빡이는 표정빽짱구 2004-03-25 9 2241
45 돌아가는 마우스 title: [ani]깜빡이는 표정빽짱구 2004-03-08 9 2394
44 폰트설치법 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 9 3305
43 google.com 으로 접속하는 방법 title: [ani]깜빡이는 표정빽짱구 2012-08-24 3 5220
42 구글 영문 웹폰트 사용하기 file title: [ani]깜빡이는 표정빽짱구 2012-08-30 2 5217
41 hit table 이 웹표준이 아니다? [4] title: [ani]깜빡이는 표정빽짱구 2007-11-13 2 24414
40 스마트폰, 태블릿 해상도와 웹브라우저별 해상도 [1] title: [ani]깜빡이는 표정빽짱구 2013-06-03 1 5813
39 메일링 코딩 스타일 title: [ani]깜빡이는 표정빽짱구 2013-09-29 1 2981
38 hit 아이폰/아이패드에서 '홈화면 추가' 아이콘 변경하기 file [1] title: [ani]깜빡이는 표정빽짱구 2011-02-12 1 13011
37 플래쉬에 마우스 오른쪽 버튼 클릭시 메뉴줄이기 file [2] title: [ani]깜빡이는 표정빽짱구 2008-03-05 1 8042
36 웹접근성에 대해서.. file [6] title: [ani]깜빡이는 표정빽짱구 2007-11-06 1 5537
35 괜찮은 구글 웹폰트 많네요. file title: [ani]깜빡이는 표정빽짱구 2018-10-23   216
34 카카오톡 미리보기 이미지 캐쉬 삭제 title: [ani]깜빡이는 표정빽짱구 2017-07-10   416
33 페이스북 og 이미지 캐시 업데이트 title: [ani]깜빡이는 표정빽짱구 2017-07-10   264
32 [스크랩] HTML5/CSS3 관련 팁 & 튜토리얼 title: 새싹사뎅이 2014-01-14   2067
31 모바일화면 pc에서 확인하기 file title: [ani]깜빡이는 표정빽짱구 2013-12-03   2012
30 반응형 웹 참고 사이트(미디어쿼리) file title: [ani]깜빡이는 표정빽짱구 2013-06-03   2277
29 ssl 보안인증서가 설치 잘되어있는지 확인하는곳 file [1] title: [ani]깜빡이는 표정빽짱구 2012-08-16   2845
28 반응형 웹사이트 [1] title: [ani]깜빡이는 표정빽짱구 2012-11-15   4995
27 제가 쓰고 있는 플래쉬 코딩소스 title: [ani]방울UI 2012-05-09   1225