Предисловие переводчика: Эта серия оригинальных статей содержит в общей сложности 8 статей. Она начинается с популяризации веб-стандартов и описывает, как использовать Dreamweaver 8 для создания веб-сайта, соответствующего стандартам. Поскольку оригинальная статья автора представляет собой обзор «Создайте свой веб-сайт». Веб-сайт, соответствующий собственным стандартам, с использованием Dreamweaver 8" (Эта статья представляет собой платный отрывок), поэтому я соответствующим образом удалил содержимое. Порядок соответствует исходной статье, но длина будет скорректирована. Настоящим сообщаю вам. Уровень перевода ограничен, пожалуйста, поймите.
Если вы читаете эту статью, вы, вероятно, уже интересуетесь веб-стандартами и вам очень интересно узнать о применении стандартов на сайтах, созданных с помощью DW (сокращение от Dreamweaver).
Возможно, у вас уже есть определенное представление о WS (сокращение от веб-стандартов), но вы не знаете, как использовать DW для написания совместимого кода. Или вы являетесь пользователем DW и хотели бы соблюдать требования WS, более широко использовать CSS и создавать более удобные для пользователя документы. Независимо от того, к какому типу вы принадлежите, эта статья даст вам нужный ответ: расскажет, как использовать DW для обработки WS.
Определение веб-стандартов
Что касается WS в этой статье, давайте сначала уточним, о чем именно мы говорим:
WS — это спецификации, которые определяют языки веб-разработки и сформулированы W3C. Эти спецификации включают несколько языков, таких как HTML, XHTML и CSS, а также некоторые другие родственные языки, такие как MathML, которые используются для представления уравнений в математике. Если у вас есть такие особые потребности, вы можете их использовать. . W3C также опубликовал «Руководство по обеспечению доступности веб-контента – WCAG», способствующее доступности веб-страниц (через WAI).
Совет: получите эти характеристики напрямую
Вы можете прочитать эти спецификации на веб-сайте W3C, хотя иногда их чтение может быть затруднено:
HTML 4.01
XHTML 1.0
CSS 1
CSS 2.1
ВКАГ 1.0
В этой статье мы будем использовать XHTML 1.0, CSS 1 и 2.1, WCAG 1.0 и другие спецификации и рекомендации, но вы будете рады узнать, что нам не нужно читать слишком много документов W3C.
Кому нужен ВС?
У вас может быть лишь смутное представление о том, что WS — это хорошо, но многие сайты, в том числе многие известные сайты, не соответствуют WS и, похоже, ими хорошо управляют. Итак, почему мы должны стараться изо всех сил соблюдать требования WS? Есть ли от этого реальная польза? Кому необходимо обращать внимание на спецификации и рекомендации W3C?
Веб-разработчики и дизайнеры
Первая группа людей, которым необходимо обратить внимание на WS, — это мы: разработчики и дизайнеры веб-сайтостроения. Стоит ли нам тратить время на изучение разработки с помощью WS?
Чистая разметка ускоряет исправление ошибок.
Если вы проверите свои страницы с помощью W3C, вы, по крайней мере, будете знать, что неправильная разметка не является причиной ошибок, с которыми вы столкнулись. Иногда процесс проверки страницы и исправления обнаруженных ошибок может устранить проблемы с отображением, вызванные бесконечными элементами или тегами с ошибками.
Даже если проверка вашего документа не устранит проблемы, вы, по крайней мере, будете знать, что проблемы существуют в каноническом документе. Теперь, когда вы знаете, что эта проблема не является ошибкой, вы можете сосредоточиться на других проблемах, таких как различия в обработке CSS в разных браузерах.
Соблюдать требования доступности легко
Если вы напишете каноническую разметку XHTML, вы сможете гарантировать, что документ семантически корректен, и вы сможете отделить содержимое документа от презентации, вы сможете много поработать над многими проблемами доступности столбцов WCAG1.0. . Также важно осознавать, что доступность предназначена не только для людей с ограниченными возможностями. Доступ к дружественному сайту возможен с помощью множества различных устройств, таких как мобильные телефоны и КПК, у которых нет вычислительной мощности для обработки разрозненной и нестандартной разметки.
прямая совместимость
Если вы учитываете только производительность вашей недавно разработанной страницы в текущих браузерах, как вы можете обеспечить ее производительность в новых браузерах в будущем? Новый браузер может отображать вашу страницу очень плохо. К сожалению, теперь вам приходится изо всех сил пытаться ее найти и найти. исправить эти досадные проблемы.
Соблюдение требований WS не устранит эту проблему полностью; однако совместимость стандартов значительно снижает риск сбоя вашего дизайна, и сегодняшние компании, занимающиеся программным обеспечением для браузеров, также начинают поддерживать стандарты. Они могут случайно неверно истолковать какую-то часть спецификации, но не могут ее полностью не одобрить. Если случается худшее и новый браузер оказывает странное воздействие на ваш стандартизированный сайт, исправить его гораздо проще, чем несовместимый сайт. Если вы столкнетесь с проблемой, она также повлияет на другие сайты, соответствующие стандартам. Коллективная мудрость веб-сообщества укажет на это и напишет статьи по этому поводу. Поэтому все коллективно обсудили, что этот ОШИБКУ легче исправить в совместимом документе, чем в несовместимом.
Более удобный рефакторинг
Вам когда-нибудь приходилось удалять текст с сайта, перестраивать его и начинать все заново? Вы когда-нибудь видели эти ярлыки, которые загромождены шрифтовыми надписями и крошечными ячейками таблиц (из-за которых нам приходится начинать с нуля) Все, что я знаю, это то, что у меня есть, и это долгий процесс, много времени и денег. Все сожжено? рефакторинг этого сайта.
Разделение содержания и представления документа дает вам прелесть соответствия стандартам: это означает, что в следующий раз, когда кто-то захочет провести рефакторинг сайта, ему не придется копировать веб-документ. Весь текст на сайте будет размечен семантическим (X)HTML, а вся презентационная информация — которую хочет изменить веб-мастер — будет храниться в легко заменяемом CSS-файле.
Некоторые клиенты не будут ждать рефакторинга, прежде чем начнут просить вас внести некоторые изменения. Они подождут, пока они не посетят Мамонтовую яму окаменелостей, а затем попросят вас сказать: «Просто переместите левый столбец вправо». . Для стандартизированных совместимых сайтов все страницы управляются CSS. Вы можете легко перемещать теги на странице, не задумываясь о хитростях на многих страницах со сложными таблицами в качестве структур. Это упрощает изменение макета страницы.
Отделение структуры от представления также может облегчить добавление новых элементов, таких как высококонтрастная версия сайта с небольшим изображением, которая может быть более привлекательной для некоторых зрителей. Зачем создавать отдельную текстовую версию страницы, если можно легко заменить таблицу стилей?
компания-разработчик программного обеспечения для браузеров
Компании-производители программного обеспечения для браузеров начинают обращать внимание на WS. В прошлом компании-разработчики программного обеспечения для браузеров добавляли к базовому языку свои собственные теги и атрибуты. Но теперь, как никогда раньше, все они начинают соответствовать стандартам, и некоторые из новейших браузеров уже пытаются отображать их в соответствии с (X)HTML и CSS, как определено в спецификации.
В обозримом будущем браузеры смогут отображать большую часть нестандартной разметки и кода, потому что в противном случае тысячи нестандартных сайтов не будут отображаться должным образом — и тогда общественность, скорее всего, начнет винить браузер, не веб-дизайнеры. Однако другие устройства (не обладающие вычислительной мощностью настольных компьютеров) будут в большей степени полагаться на стандартизированную совместимость кода, с которым они сталкиваются.
Производитель программного обеспечения для создания инструментов
Поставщики программного обеспечения для авторских программ, такие как Macromedia, которая производит Dreamweaver, начинают соблюдать требования WS, как и, например, веб-дизайнеры, поскольку все больше и больше их клиентов требуют, чтобы эти авторские инструменты выводили стандартизированную разметку. Первоначально эти среды визуальной разработки не имели хорошей репутации, поскольку создавали запутанную, нестандартную разметку, однако в последних основных средах визуальной разработки использовались стандартизированные элементы совместимости и доступности, что также стало основным преимуществом; Поставщики программного обеспечения должны прислушиваться к потребностям рынка и реагировать на них.
Веб-пользователи
Пользователи сайтов, которые мы разрабатываем, также получают выгоду от внедрения WS, даже если они этого не осознают! Возможно, они неосознанно используют сайты, разработанные специально для популярных сегодня браузеров. Если эти пользователи перейдут на другой браузер, они могут обнаружить, что работа в Интернете больше не приносит удовольствия, поскольку эти проприетарные теги не будут приниматься новым браузером. Стандартизированный и совместимый сайт хорошо работает в разных браузерах, будь то существующие или будущие браузеры.
Кроме того, веб-сайт, который следует рекомендациям по доступности, будет более доступен для пользователей, которые считают просмотр веб-страниц неудовлетворительным. Интернет должен обеспечивать более удобные условия для покупок, чтения и поиска для людей с нарушениями зрения или другими ограниченными возможностями. Им не следует препятствовать просмотру сайта, поскольку на нем используются фирменные теги или другие эксклюзивные (ссылающиеся на браузер) технологии.