번역가의 서문: 이 원문 시리즈는 웹 표준의 대중화에서 시작하여 표준을 준수하는 웹을 구축하기 위해 Dreamweaver 8을 사용하는 방법을 설명합니다. 원저자의 글은 "Build Your"에 대한 리뷰입니다. Dreamweaver 8을 이용한 자체 표준 준수 웹사이트'(본 글은 유료발췌) 내용을 적절하게 삭제하였습니다. 순서는 원문과 일치하나, 길이가 조정될 예정임을 알려드립니다. 번역 수준이 제한되어 있으니 양해해 주시기 바랍니다.
이 기사를 읽고 있다면 이미 웹 표준에 관심이 있고 DW(Dreamweaver의 약어)로 구축된 사이트에 표준을 적용하는 것에 대해 매우 궁금할 것입니다.
어쩌면 당신은 이미 WS(Web Standards의 약어)에 대해 어느 정도 이해하고 있지만 DW를 사용하여 호환 가능한 코드를 작성하는 방법을 알지 못할 수도 있습니다. 또는 DW 사용자이고 WS를 준수하고 CSS를 보다 광범위하게 사용하며 보다 사용자 친화적인 문서를 만들고 싶습니다. 귀하가 어떤 유형이든지 간에 이 기사는 귀하가 원하는 답변을 제공할 것입니다. 즉, DW를 사용하여 WS를 처리하는 방법을 알려줍니다.
웹 표준의 정의
이 기사 전반에 걸쳐 WS에 관한 한, 먼저 정확히 무엇에 대해 이야기하고 있는지 명확히 하는 시간을 갖도록 하겠습니다.
WS는 웹 개발 언어를 안내하는 사양으로 W3C에서 공식화한 것입니다. 이러한 사양에는 HTML, XHTML 및 CSS와 같은 여러 언어뿐만 아니라 수학에서 방정식을 표현하는 데 사용되는 MathML과 같은 일부 기타 관련 언어가 포함되어 있습니다. . W3C는 또한 WAI를 통해 웹 페이지의 접근성을 장려하는 "웹 콘텐츠 접근성 지침 - WCAG"를 발표했습니다.
팁: 이러한 사양을 직접 확인하세요.
때때로 읽기 어려울 수 있지만 W3C 웹 사이트에서 이러한 사양을 읽을 수 있습니다.
HTML 4.01
XHTML 1.0
CSS 1
CSS 2.1
WCAG 1.0
이 기사에서는 XHTML 1.0, CSS 1 및 2.1, WCAG 1.0 및 기타 사양과 권장 사항을 사용하지만 W3C 문서를 너무 많이 읽을 필요는 없다는 사실을 알게 되어 기쁠 것입니다.
누가 WS가 필요합니까?
WS가 좋은 것이라는 막연한 생각만 갖고 있을 수도 있지만, 잘 알려진 많은 사이트를 포함하여 많은 사이트가 WS를 준수하지 않으며 관리도 잘 되는 것 같습니다. 그렇다면 WS를 준수하기 위해 최선을 다해야 하는 이유는 무엇입니까? 그렇게 하면 누가 W3C 사양 및 권장 사항에 주의를 기울여야 합니까?
웹 개발자 및 디자이너
WS에 주목해야 할 첫 번째 그룹은 웹 사이트 구축 개발자와 디자이너인 우리입니다. WS를 사용하여 개발하는 방법을 배우는 데 시간을 투자할 가치가 있습니까?
마크업을 정리하면 버그 수정이 더 빨라집니다.
W3C로 페이지의 유효성을 검사하면 적어도 불규칙한 마크업이 발생한 오류의 원인이 아니라는 사실을 알게 될 것입니다. 때로는 페이지를 검증하고 발견된 오류를 수정하는 과정을 통해 끝나지 않는 요소나 철자가 틀린 태그로 인해 발생한 표시 문제를 해결할 수 있습니다.
문서를 확인해도 문제가 해결되지 않더라도 적어도 정식 문서에 문제가 있다는 사실은 알 수 있습니다. 이제 이 문제가 버그가 아니라는 것을 알았으므로 다른 브라우저에서 CSS 처리의 차이점과 같은 다른 문제에 집중할 수 있습니다.
접근성 요구 사항을 준수하는 것은 쉽습니다.
표준 XHTML 마크업을 작성하면 문서의 의미가 올바른지 확인할 수 있고 문서의 내용을 프레젠테이션에서 분리할 수 있으므로 많은 WCAG1.0 열 접근성 문제에 많은 노력을 기울일 수 있습니다. . 접근성이 장애가 있는 사람들만을 위한 것이 아니라는 점을 인식하는 것도 중요합니다. 친숙한 사이트는 분산된 비표준 마크업을 처리할 수 있는 처리 능력이 없는 휴대폰, PDA 등 다양한 장치에서 액세스할 수 있습니다.
앞으로 호환 가능
현재 브라우저에서 새로 개발된 페이지의 성능만 고려한다면 향후 새 브라우저에서 페이지의 성능을 어떻게 보장할 수 있습니까? 그 성가신 문제를 해결하십시오.
WS를 준수한다고 해서 이 문제가 완전히 근절되는 것은 아닙니다. 그러나 표준 호환성은 설계 실패 위험을 크게 줄이고 오늘날의 브라우저 소프트웨어 회사도 표준을 지원하기 시작했습니다. 실수로 사양의 일부를 잘못 해석할 수도 있지만 완전히 반대할 수는 없습니다. 최악의 상황이 발생하고 새 브라우저가 표준화된 사이트에 이상한 영향을 미치는 경우 호환되지 않는 사이트보다 문제를 해결하는 것이 훨씬 쉽습니다. 문제가 발생하면 다른 표준 준수 사이트에도 영향을 미칩니다. 웹 커뮤니티의 집단적 지혜가 이를 지적하고 이를 해결하기 위한 기사를 작성할 것입니다. 따라서 호환되지 않는 문서보다 호환되는 문서에서 이 BUG를 수정하는 것이 더 쉽다는 점에 대해 모두가 집단적으로 논의했습니다.
더욱 편리한 리팩토링
사이트에서 텍스트를 제거하고 다시 구축한 후 처음부터 다시 시작해야 했던 적이 있습니까? 글꼴 레이블과 작은 표 셀(처음부터 시작해야 함)로 어지러워진 레이블을 본 적이 있습니까? 이 사이트의 리팩토링.
문서의 내용과 표현을 분리하면 표준 준수의 장점이 있습니다. 즉, 다음에 누군가가 사이트를 리팩터링하려고 할 때 웹 문서를 복사할 필요가 없다는 의미입니다. 사이트의 모든 텍스트는 시맨틱(X)HTML로 마크업되며 웹마스터가 변경하려는 모든 프레젠테이션 정보는 쉽게 교체할 수 있는 CSS 파일에 저장됩니다.
일부 클라이언트는 리팩토링이 완료될 때까지 기다리지 않고 변경을 요청하기 시작합니다. 그들은 Mammoth Fossil Pit을 방문할 때까지 기다린 다음 "왼쪽 열을 오른쪽으로 이동하세요"라고 말하도록 요청할 것입니다. ." 표준화된 호환 사이트의 경우 모든 페이지는 CSS로 제어됩니다. 복잡한 테이블 구조를 가진 많은 페이지에서 트릭을 생각할 필요 없이 페이지의 태그를 쉽게 이동할 수 있습니다. 이렇게 하면 페이지 레이아웃을 더 쉽게 변경할 수 있습니다.
프리젠테이션에서 구조를 분리하면 일부 시청자에게 더 매력적일 수 있는 고대비, 작은 이미지 버전의 사이트와 같은 새로운 요소를 더 쉽게 추가할 수 있습니다. 스타일시트를 쉽게 교체할 수 있는데 별도의 텍스트 전용 페이지 버전을 만드는 이유는 무엇입니까?
브라우저 소프트웨어 회사
브라우저 소프트웨어 회사들이 WS에 주목하기 시작했습니다. 과거에는 브라우저 소프트웨어 회사가 자체 독점 태그와 속성을 기본 언어에 추가했습니다. 그러나 이제 이전과는 달리 모두 표준을 준수하기 시작했으며 일부 최신 브라우저는 이미 사양에 정의된 (X)HTML 및 CSS에 따라 이를 표시하려고 노력하고 있습니다.
가까운 미래에 브라우저는 대부분의 비표준 마크업과 코드를 표시할 수 있게 될 것입니다. 그렇지 않으면 수천 개의 비표준 사이트가 제대로 표시되지 않을 것이기 때문입니다. 그러면 대중은 브라우저를 비난하기 시작할 것입니다. 웹 디자이너가 아닙니다. 그러나 다른 장치(데스크톱의 처리 능력이 없는 장치)는 발생하는 코드의 표준화된 호환성에 더 많이 의존합니다.
창작도구 소프트웨어 제조사
Dreamweaver를 만드는 Macromedia와 같은 저작 도구 소프트웨어 공급업체는 웹 디자이너와 마찬가지로 WS를 준수하기 시작했습니다. 점점 더 많은 고객이 이러한 저작 도구가 표준화된 마크업을 출력하도록 요구하기 때문입니다. 원래 이러한 시각적 개발 환경은 혼란스럽고 비표준적인 마크업을 생성했기 때문에 좋은 평판을 얻지 못했습니다. 그러나 최신 주요 시각적 개발 환경에서는 호환성 및 접근성의 표준화된 요소를 호출했으며 이는 또한 주요 판매 포인트가 되었습니다. 소프트웨어 공급업체는 시장 요구에 귀를 기울이고 대응해야 합니다.
웹 사용자
우리가 디자인한 사이트의 사용자는 비록 깨닫지 못하더라도 우리가 WS를 채택함으로써 이익을 얻을 수도 있습니다. 아마도 그들은 오늘날 널리 사용되는 브라우저용으로 특별히 개발된 사이트를 무의식적으로 사용하고 있을 것입니다. 이러한 사용자가 다른 브라우저로 전환하면 해당 독점 태그가 새 브라우저에서 허용되지 않기 때문에 온라인 경험이 더 이상 즐겁지 않다는 것을 알게 될 수 있습니다. 표준화되고 호환 가능한 사이트는 기존 브라우저든 향후 브라우저든 다양한 브라우저에서 잘 작동합니다.
또한 접근성 권장 사항을 따르는 웹 사이트는 웹 탐색이 만족스럽지 못한 사용자에게 더 쉽게 다가갈 수 있습니다. 웹은 시각 장애나 기타 장애가 있는 사람들에게 보다 편리한 쇼핑, 독서, 검색 조건을 제공해야 합니다. 사이트가 독점 태그나 기타 독점(브라우저 참조) 기술을 사용한다고 해서 사이트 탐색을 방해해서는 안 됩니다.