'국제표준규약으로써 단체들이 수집, 정리를 통해 책정된 사용 언어이다.'
대표솔루션 아티보드 3.0 - 대표적인 단체로 W3C(World Wide Wed Consor-tium)를 들 수 있으며,
이를 중심으로 ISO, IETF, IANA, ECMA, OASIS등이
웹 표준 기술에 관여하고 있다.
1. 국제 표준화 기구(ISO)가 출판한 표준들
2. Ecma 인터내셔널 (이전 이름은 ECMA)이 출판한 표준들
3. 유니코드 컨소시엄이 출판한 유니코드 표준과 다양한 유니코드 기술 보고서 (UTR)
4. 인터넷 할당 번호 기관 (IANA)이 운영하는 이름과 번호 레지스트리
웹 표준을 준수한다는 것은 일반적으로 올바른 HTML, CSS, DOM(자바스크립트)를 사이트나 페이지가 가지고
있다는
것을 뜻한다.
HTML은 접근성과 시멘틱 HTML의 가이드라인을 충족해야
한다.
1. 크로스 브라우징
2. 크로스 플랫폼
3. 접근성의 향상
* 웹표준 홈페이지제작 솔루션 아티보드 3.0
1.다양한 브라우저 및 PC 환경에서 서비스 제공
주요기능
환경설정
사이트 운영에 반드시 필요한 설정항목을 현재 웹사이트 운영에 필요한 정보에 맞게 설정할 수 있습니다.
또한 사이트 운영시 관리자를 추가해서 사이트를 관리할 수 있는 관리자 권한설정 메뉴를 이용하실 수 있습니다.레이아웃 및 페이지
웹사이트에 게시판, 회원 모듈 및 기타 솔루션에서 제공되는 프로그램을 웹사이트에 적용할 때 필요한 기본디자인을 관리할 수 있는 메뉴를 제공합니다.
레이아웃 기능을 이용하면 웹사이트에 솔루션 적용을 보다 편리하게 이용할 수 있습니다.
페이지 기능을 이용해서 웹 사이트 내 페이지를 관리할 수 있는 메뉴도 제공이 됩니다.회원관리
웹사이트에 가입된 회원을 세부적으로 관리할 수 있는 관리 모듈이 제공되며, 필요에 따라 단체 메일 또는 쪽지를 발송 할 수 있습니다.
회원관리 서비스를 편리하게 이용할 수 있도록 환경설정 항목이 있으며, 회원 가입 시 필요한 항목만 입력 받을 수 있도록 회원가입 항목 설정 기능이 제공됩니다.
필요에 따라 회원을 레벨 또는 그룹별로 구분지어 관리가 가능하며, 포인트 시스템을 이용해서 회원별로 특별한 서비스를 제공할 수 있는 기능이 제공됩니다.게시판 관리
웹사이트에서 사용할 게시판을 추가하거나 등록된 게시판을 세부적으로 설정해서 사용할 수 있습니다.
등록된 게시글, 댓글, 첨부파일을 별도로 확인 할 수 있는 관리 모듈이 제공되며, 휴지통이란 기능이 추가되어 사용자가 게시글을 삭제시 복구가 가능하도록 설계가 되어 있습니다.
등록된 게시글을 통합적으로 검색할 수 있는 전체검색 기능이 제공되며, 홈페이지 메인에 최신글을 손쉽게 출력할 수 있는 기능이 있습니다.
게시판에 특정한 서식을 설정해서 사용자는 서식에 맞게 글을 등록하게끔 유도할 수 있습니다.
게시판 분류 (카테고리)를 등록해서 게시글을 나눠 볼수 있는 게시판 분류 기능이 있으며, 게시판별 회원에 대한 접근 권한 및 포인트 시스템 기능이 있습니다.
대용량 업로드 및 이미지 업로드 기능이 기본적으로 제공되며, 보안상 첨부 파일은 암호화되어 서버에 저장됩니다.부가기능
관리자가 일정을 등록해서 공유 하거나 업무에 활용이 가능하며, 웹사이트에서 팝업 서비스를 손쉽게 이용할 수 있는 팝업창 관리 모듈이 제공됩니다.
통계기능
회원가입, 사이트 접속, 게시글, 태그, 검색키워드 등 다양한 통계 서비스를 제공하며, 각 통계별로 다양하게 검색해서 확인 및 마케팅에 활요 할 수 있도록 세부적인 통계 서비스를 제공합니다.
무료 아티보드 솔루션 http://webarty.com 아티보드 3.0 데모체험
*웹표준 기술
- 구조화된 마크업
- 선형화된 *CSS제거시* 문서에서도 그 내용을 파악
- 데이터(HTML)와 표현(디자인==CSS)의 분리
HTML은 데이터를 담당 문서의 구조(틀)을 잡는 목적으로 설계한다.
여기서 CSS는 디자인을 담당 그룹화된 문서를 작성함으로써
유지보수의 신속성과 편리성을 도모할 수 있게 되었다.
이를
통해 기존의 테이블 코딩에서는 볼 수 없었던 페이지의 일괄 수정 텍스트의 색상 및 크기 변경등 시간과 비용적
절약할 수 있게 되었다.
* 웹표준 최적화 (검색엔진)
아티보드 3.0 웹표준 준수 시멘틱한 마크업(로봇이 이해 할 수 있는 언어 구조)을 함으로써 선형화된 문서 제작이
가능하게 되었으며, 또한 컴퓨터가 이해 할 수 있는 범위 내에 언어코드를 작성함으로써 로봇(검색엔진)이
이를 효율적으로 끌어갈 수 있게 되었습니다.
포털(네이버, 다음, 구글, 야후, 파란등의 포털)
사이트에 노출 빈도가 높아지며 이를 통한 직,간접적 방문자수 증가라는 효과를 기대할 수 있습니다.
또한, 웹표준 기술을
사용함으로써 신속성, 재활용성, 편리성, 다양성, 접근성등이 효율이 증대하는 효과를 기대할 수 있다.
* 웹표준 기술 그 이점
크로스 브라우저란 브라우저별로 각 특성 및 지원하는 환경이 달라 페이지가 깨지는 현상이 일어날 수 있다.
하지만, 이를 통합 시켜 나온 기술이 웹표준이다.
이 웹표준 문법을 지켰을시 거의 모든 브라우저에서 거의 동일한 디자인과 정보를 제공할 수 있다.
위 그림은 브라우저별 점유율을 나타내는데 우리나라에서는 인터넷 익스플로러 외에 브라우저에 대해 관심도 적을 뿐더러 점유율이 낮기 때문에 신경 쓰지 않는 경향이 있습니다. 그러나 인터넷 익스플로러는 타 브라우저에 비해 표준에 위배되는 부분을 많이 안고 있습니다.
점유율이 높다고 다른부분을 신경쓰지 않게 되면 접근성을 무시 하는게 되어버리기 때문에 이 부분을 감안해서 작업시에 작업물을 여러 브라우저에서 확인하는 절차가 필요합니다.
위 와 같은 여러 브라우저에서 접근이 가능하도록 하는 작업이 Cross Browsing 기술입니다.
Cross Browsing 기술이란 표준 웹기술을 이용하여 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말합니다.
* css 레이아웃의 효과
CSS( Cascading Style Sheets )란 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트를 말합니다.
문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 합니다.
CSS를 효율적으로 활용할 시 웹 개발자, 디자이너들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수도 간편하게 할 수 있습니다.
CSS를 통한 데이터와 디자인의 분리, 그로 인한 HTML 문서의 데이터로써의 가치, 유지보수의 편리성, 다양한 OS와 브라우저에서 이용가능, 웹검색엔진에 대한 효율성 증가, 특수한 환경에서도 높아진 접근성 등을 들 수 있습니다.
* CSS 레이아웃을 이용한 효과를 간략히 설명하면 아래와 같습니다.
- 웹사이트 제작속도가 빨라졌다.
- 코딩의 양(속도) 줄어들었다.
- 코드의 재활용성이 높아졌다.
- 유지보수가 더욱 편리해졌다.
- 테이블로는 불가능한 레이아웃이 가능해졌다.
- 프로그램과 디자인의 분리가 과거보다 극대화 되었다.
- 익스 외의 브라우저에서도 같은 모습을 보여준다.
- 웹접근성이 높아졌다.
- 웹 접근성을 높이니 웹 검색엔진에 노출될 가능성이 높아졌다.
- 상당히 구조적으로 개발된다.
- 주먹구구식 웹사이트 개발에서 벗어나 체계적으로 변했다.
- 웹사이트를 개발 할수록 기술이 축적된다.