프로그램 이론/HTML (4) 썸네일형 리스트형 [HTML]견고한 웹을 위한 구조설계(XHTML) - 3 1. 문서 정보와 문자 코드 세트(meta) 1-1. 문자 코드 세트 지정하기 - 웹 브라우저에서 웹 페이지를 제작할 때 사용한 문자가 깨지지 않고 인코딩되도록 하려면 meta요소를 이용하여 문자 코드 세트를 지정해야 합니다. - 이때 다국어 인코딩의 경우 utf-8을 지정할 수 있으며, 한글은 euc-kr을 선언합니다. 1-2. 키워드 지정하기 - 웹 페이지 홍보의 수단으로 meta 요소를 이용하여 검색 키워드를 지정할 수 있습니다. - 검색 키워드를 웹 페이지에 지정하면 검색할 때 웹 사이트가 상위에 노출되는 효과를 얻을 수 있다. - meta요소를 이용하여 검색 키워드를 지정할 때는 검색 키워드를 콤마(,)로 구분하여 선언합니다. 1-3. 다양한 문서 정보 저장하기 - 문자 코드 세트와 키워드 이외.. [HTML]견고한 웹을 위한 구조설계(XHTML) - 2 1. 마크업 언어의 분류 1-1. 순차적 마크업은 동질의 환경에서 정보 저장, 교환용으로 사용하기에는 문제가 없지만, 서로 다른 시스템 간의 정보 교환용으로는 부적절하다. 그리고 특정 응용 소프트웨어에서만 인식될 수 있다는 단점이 있는데, HTML이 대표적인 순차적 마크업 언어이다. 2. 서술적 마크업 1-1. 서술적 마크업은 문서가 기본 데이터와 구조(의미)만 가지기 때문에 결과적으로 문서 구조와 표현정보를 분리 할 수 있습니다. 또한 분리된 표현 정보를 필요할 때 다양하게 적용할 수 있고, 텍스트 기반의 서술적 마크업은 이질적인 환경에서 데이터 교환 형태로도 적합합니다. 서술적 마크업 언어는 XML을 들 수 있습니다. 3. XHTML 서식 1-1. 요소 사용 시 종료 태그의 생략 불가능 - HTML의.. [HTML]견고한 웹을 위한 구조설계(XHTML) - 1 1. 저작도구 설치 및 환경설정 - EditPlus는 쉐어웨어로 배포되므로 다운로드해서 30일 동안 사용해 볼 수 있습니다. - 최신버전은 EditPlus 홈페이지에서 다운로드할 수 있습니다. 2. EditPlus 다운로드*** 에디트 플러스 파일 올려드립니다. 사용하셔도 무방합니다. *** 3. 웹(WWW) 서비스의 이해 - 웹의 동작 방식은 서버(server)와 클라이언트(client)의 형태를 띄며, 클라이언트가 웹 브라우저를 통해 특정 콘텐츠를 요청하면 서버는 클라이언트의 요청에 응답하는 형식으로 이루어져 있습니다. 4. 웹 프로그래밍의 이해 - 웹 프로그램은 수행되는 위치에 따라 클라이언트측과 서버측으로 분류할 수 있다. - 컴파일의 여부에 따라 컴파일 방식과 비컴파일방식으로 나눌 수 있습니다... [HTML]웹 접근성과 웹 표준 1. 웹 접근성이란? - 모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것 2. 웹 접근성 준수 시 기대 효과 - 장애인, 고령자 등을 포함한 사용자층 확대 - 규정과 법적 요구 사항에 대한 준수 - 다양한 환경, 새로운 기기에서의 이용 - 개발 및 운영의 효율성 제고 - 사회 공헌 및 복지 기업으로서의 기업 이미지 향상 3. 웹 콘텐츠 접근성 지침(WCAG) 1) 인지성 - 정보와 사용자 인터페이스 요소는 그들이 인지할 수 있도록 사용자에게 표시될 수 있어야 한다. 1-1. 모든 텍스트가 아닌 콘텐츠에 대체 텍스트를 사람들이 원하는 인쇄, 점자, 음성 기호 또는 간단 언어등과 같은 형태로 제공해야 한다. 1-2. 시간에 기본 한 디어에 대한 대안을 제공해야 한다.. 이전 1 다음
