Введение в стандарты Web

801 Pages·2016·109.771 MB·Russian

Unkno,,'n
Введение в стандарты WеЬ
2-е издание, исправленное
Национальный Ожрьпый Университет "ИНТУИТ"
2016
,
Unkno,,'n 8в!Щ""ие в crnнд"pYЫ Web
Введенне в cтaндaplbl Web! - М.: Национальный Открьпый Университет "ИНТУИТ",
2016
3ют курс по стандартам Web, сосmящий из отдельных лекций, ДОС'I)'пен почт
любому, кто )()чет изучип. Web-днзайн на основе стандартов Web с самого начала.
Задача курса состоит в том, чтобы сделап. чнтателя, имеющего не более чем общие
представления о просмотре Web, достаmчно компетентым в использовании CSs и
HTML, и дап. базовые знания об использовании сценарнев JavaScript, и о ТОМ как они
вписываются в общую карrnну. Курс должеи дап. достаточно зианий, чmбы можно
было с уверенносп.ю иачаlЪ думап. о поиске рабоп.1 в этой област.
(с) 000 "ИНТУИТ.РУ", 2008-2016
(с) 2008-2016
Unkno,,'n Вв!Щ""ие в crnнд"pYЫ Web
Введение в стандарты WеЬ
Кратко обсуждаются преимущества использования стандартов Web,
почему они не общеприняты, как должны были бы быть, и как курс
намерен решить эти проблемы. Рассказывается, как структурирован
курс, для кого он предназначен.
Введение
Уже в течение некоторого времени меня преследовала мечта. Моя
работа за последние 8 или 9 лет, так или иначе, была тесно связана с
образованием: занимался ли я выпуском и редактированием
технических книг, чтобы помочь людям создавать с помощью
имеющейся технологии превосходные продукты, обучал ли новых
сотру,цников В различных компаниях, в которых я работал, или
редактировал и писал учебные статьи, чтобы помочь людям
использовать программное обеспечение Орега. Я являюсь также
страстным ПОКlIонником Web, и верным сторонником открытых
стандартов Web. Я хочу внести свою лепту, чтобы помочь сделать сеть
Web лучше, чем она есть, и считаю, что это будет способствовать
образованию, бу,цет ли это обучение людей сотру,цничеству и взаимному
уважению друг к другу; или обучение их тому, как заставить сайты Web
работать с различными платформами и устройствами и быть
доступными людям с ограниченными возможностями. Ключевым
моментом в последнем случае являются стандарты Web, поэтому я
решил попробовать приложить свое время и энергию для чего-то, что
могло бы помочь улучшить принятие стандартов Web сегодня и в
будущем. ЭТО вертелось в моей голове в течение какого-то времени, но,
в конце концов, осуществилось в компании Opera - большое спасибо
моим замечательным работодателям за то, что они платят мне за это.
Одно ИЗ моих желаний было, наконец, реализовано.
Таким образом, в этой лекции я представляю продукт большой
серьезной работы за последние несколько месяцев (моей и многих
других людей) - Учебный курс по стандартам Web ( Web Standards
Сurrk:ulшn ), который создан с целью предоставить каждому желающему
надежный фундамент для проектирования/разработки: Web, независимо
от того, кем он является - совершенно бесплатный для использования,
,
Unkno,,'n Вв!Щ""ие в crnнд"pYЫ Web
доступный, и не предполагающий никаких предварительных знаний. Я
ориентирую его главным образом в университеты, так как считаю, что
стандарты обучения стандартам Web являются тем, что отсугствует во
многих университетах. Я слышал истории о СТУдентах, которым
снижали оценку за использование стандартов Web в курсовых работах,
так как система оценок была устаревшей, и я слышал истории об
отчаЯВIlD1ХСЯ работодателях, которые во время собеседования с
выпускниками университетов, претендовавшими на должности
связанные с Web, обнаружили, что выпускники не имеют фактически
представления о реальной разработке в Web. Если вы учитесь в
передовом университете, в котором стандарты преподают разумным
образом, то я рад приветствовать вас - давайте БУдем общаться!
в данной лекции рассматриваются следующие вопросы:
• Зачем нужны стандарты Web? Кратко обсуждаются преимущества
использования стандартов Web, почему они не общеприняты, как
должны были бы быть, и как мой курс намерен реUDПЬ эти
проблемы.
•
Как структурирован курс. Заголовок полностью отражает
содержание; этот раздел рассматривает также вопросы
представления материала преПQДавателем для его э~ктивного
использования в процессе обучения.
•
Для кого предназначен этот курс? Когда я говорю ''кто угодно", что
я, действительно, имею в видУ?
• Оглавление. Перейдите к этому разделу, если хотите пропустить
общие разговоры и перейти прямо к изучению.
Зачемн~ыстандартыVVеЬ?
Основные причины, почему принятие стандартов Web в работе по
разработке/ дизайну Web будет полезно во мноrn.х ситуациях, подробно
рассматриваются в лекции 4, но здесь они кратко перечисляются, чтобы
определить общую картину. Использование стандартов Web
предоставляет следующие выгоды:
1. Эqxpeктивность кода: Как вы узнаете из этого курса, многие
э<fxlJeктивные применения стандартов Web имеют в своей основе
Unknown 8"едеяие в сгаид"JYТЫ Web
-
повторное использование кода можно разделить контент НТМL
и инф:эрмацию о стиле оформления (CSS) и поведении
(JavaScript), что позволяет сохранить размеры файлов
неболыuими, а написанный однажды код использовать повторно,
когда это понадобится.
2.
Легкость сопровождения: Это тесно связано с предыдущим
-
пунктом если можно написать код НТМLтолько один раз, а затем
применять стили оф:эрмления и поведение, когда они понадобятся
с ПОМОIl.\bю Юlассов и функций, то в случае необходимости
изменить что-то в будущем, можно сделать изменение в одном
месте, и оно распространится на весь Web -сайт, вместо того
чтобы определять изменение везде, где оно потребуется!
-
з. Доступность: Следующие два пункта тесно связаны одной из
значительных проблем в Web является создание Web-сайтов
доступными для всех, кто бы это ни был, невзирая на
обстоятельства. Это ВЮlючает создание Web -сайтов, доступных
для людей с физическими недостатками, такими как слепота!
ослабленное зрение и двигательная ограниченность (т.е., людей,
которые ограничены в движениях, и не MOryr полноценно
использовать свои руки, или вообще не MOryr их использовать).
Используя стандарты Web и Э$Рективные методы, можно без
дополнительных усилий сделать Web -сайты доступными для
этой значительной группы пользователей Web.
4. Совместимость с устройствами: Под этим пони мается
обеспечение того, что Web -сайты будуг работать не только на
Windows,
различных платфJрмах- т.е. Мас, Liпux -но также на
альтернативных устройствах просмотра, которые сегодня MOryr
ВЮlючать мобильные телефоны, телевизоры и игровые консоли.
Эти устройства имеют некоторые ограничения, такие как размер
экрана, вычислительная мощность, доступные механизмы
управления и многие другие, но и в этом случае, используя
стандарты Web и эффективные методы, можно в значительной
степени гарантировать, что Web -сайты будуг работать на
большинстве этих устройств. В мире имеется значительно больше
мобильных телефJнов, чем персональных компьютеров, многие
из которых имеют доступ в Интернет, поэтому можно ли
позволить себе пропустить такой рынок? Дополнительную
инфJрмацию о разработке Web для мобильных устройств можно
найти в специальных статьях на сайте ссылка: http://dev.opera.coml.
,
Unknown В"едеяие в сгаид"JYТЫ Web
s.
Web-роботы / поисковые системы: В данном случае мы говорим о
-
так называемои оптимизации для поисковых систем практика
создания Web -сантов как можно более заметных для так
Web Web
называемых -роботов, которые просматривают и
индексируют Web -санты, и получении тем самым лучшего
положения в результатах поиска на таких саитах, как Google. Для
этого существует специальная наука (см. статьи по оптимизации
(SEO),
для поисковых систем такие как "Интеллектуальная
SEO!"
структура сайта для лучшей (ссылка:
httpj/dev.opera.comlarticles/view/intelligent·site-structure-for -better -se!) и
"Семантический HTML и Оптимизация для поисковых систем"
( httpj/dev.opera.com/articles/view/semantic-html-and-search
сс ыл ка:
епgiле-орtimiza/)), но и в этом случае простое использование
стандартов Web сделает саит значительно более заметным для
Google, Yahoo! и т.д., что бу,цет хорошо и для бизнеса.
Однако даже при наличии всех этих преимуществ большинство сайтов
в Web все еще не придерживаются стандартов Web, и многие
работающие сегодня разработчики Web по прежнему используют
плохие, устаревшие методики. 'Почему?" спросите Вы. Для этого
существует множество причин - люди бу,цуг ссылаться на отсугствие
образования, политику компании, отсугствие необходимости изучать
стандарты, так как зарплату платят в любом случае, большие тру,цности
изучения, поддержка стандартов в браузерах Web давайте
рассмотрим каждое из этих угверждений более подробно, а затем
посмотрим на КDHTpapryмeHTЫ, чтобы попробовать избавиться от
любых оправдании неиспользования и незнания стандартов.
1. Отсугствие образования: Здесь имеется проблема, но это и
является одной из основных причин создания данного курса.
Многие университеты не преподают стандарты Web в
посвященных Web курсах, а многие учебные курсы часто содержат
устаревшие методики, и их тру,цно изменить в связи с
бюрократией. Книги и специальные курсы обычно бывают
дороги. Но подождите! Сейчас мы представили курс, который
совершенно бесплатен, и распространяется в университетах и т.д.,
чтобы помочь им сделать эти изменения, поэтому в
действительности теперь здесь нет никакого оправдания.
2.
Политика компании: Несо,м ненно существуют компании/
Unkno,,'n Вв!Щ""ие в crnнд"pYЫ Web
учреждения, которые до сих пор имеют действительно старые,
Web
несовременные -сайты, и политики, которые заставляют
СОТРУдников использовать устаревшие браузеры, но ситуация с
этим становится лучше. А теперь, когда имеется доступный
бесплатный курс, показывающий, как сделать такие изменения,
это стало еще легче. Модернизация компанией своего Web -сайта
в соответствии с современными стандартами стимулирует также к
обновлению используемого браузера, так как сайты будуг
выглядеть не так привлекательно в устаревших браузерах, хотя и
БУдУГ там работать. Компании должны также поошрять своих
заказчиков на модернизацию. Существуют также сильные доводы
для самого бизнеса - сайты, использующие стандарты Web, как
показано, было выше, будуг иметь лучшие результаты в поисковых
системах и БУдУГ доступны людям с ограниченными
-
возможностями и пользователям альтернативных устройств
MOryr ли компании позволить себе игнорировать эту аудиторию?
З. "Мне не нужно их изучать!": Я знаю, что некоторые разработчики
скажуг, ''но я использую устаревшие методики и по прежнему
-
получаю зарплату зачем мне беспокоиться об этих новых
материях?" Как сказано выше, они делают код значительно более
э<fxlJeктивным, легче для написания, и проще для сопровождения.
И это позволяет писать современный код, который доступен и
может использоваться на альтернативных устройствах - разве это
не увлекательно? Это сделает также ваши профессиональные
навыки более соответствующими требованиям завтрашнего дня, и
позволит заработать больше. Сегодня многим компаниям
требуются специалисты, знающие стандарты Web.
4.
"Это очень трудно для изучения!": Глупость. После усвоения части
этого курса, вы поймете, как легко понять основы использования
стандартов Web, БУдете ли вы новичком в разработке!
проектировании Web, или опытным разработчиком Web,
совершенствующим свои профессиональные навыки. ЭТО
примерно также ТРУдно, как использование старых,
несовременных плохих методов, что не так уж сложно, и они
предоставляют так много преимуществ над старыми способами.
S. Подцержка стандартов в браузерах: Подцержка стандартов в
используемых браузерах существенно различалась в прОШllом, что
делало создание Web -сайтов для работы с различными
браузерами настоящим кошмаром. Но эти дни yumи все
,
Unkno,,'n Вв!Щ""ие в crnнд"pYЫ Web
современные браузеры имеют сходную подцержку стандартов Web.
Подцержка все еще иногда требуется для старых браузеров,
которые не имеют хорошей подцержки в браузере, но при
использовании лучших современных методов, можно
гарантировать, что пользователи этих браузеров БУдУГ все же
иметь приемлемое взаимодействие.
Как можно видеть, в действительности не существует никаких
оправданий для отказа от использования стандартов Web в работе по
созданию приложений Web. По крайней мере, если вы обращаетесь к
этому курсу с позиции новичка, с самого начала вы будете изучать
лучшие методики и действовать правильно, и вам не придется
.
переучивать плохие методы
•
IИтак, поэтому мы продолжаем говорить об этих плохих методах
приглушенным тоном, как БУдТО они являются секретными планами
инопланетной цивилизации или чем-ниБУдЬ подобным. Мы не
собираемся рассматривать такие методы сколько-нибудь подробно в
этом курсе, так как не считаем, что должны это делать, мы полагаем, что
читатель должен сразу двигаться в правильном направлении. Но, чтобы
понять о чем идет речь, давайте просто немного о них поговорим.
в старые времена, хотя и не так давно, люди обычно представляли свои
Web -сайты в виде rn.гантских таблиц, используя различные ячейки
таблицы для размещения графических элементов, текста и т.д. (таблицы
предназначены не для этого, на страницу добавляется избыточная
разметка). При этом часто использовались невидимые изображения,
GIF
называемые интервальными для точной настройки позиций
элементов страницы (для чего изображения не предназначены, на
страницу добавляются избыточные разметка и изображения). Было
JavaScript,
принято писать сценарии которые генерировали меню и т.д.
на лету (что не очень хорошо для людей с отключенной в браузерах
обработкой JavaScript, или для слабовидящих людей, использующих
программы чтения с экрана, которые оказывались бессильны перед
таким сценарием JavaScript) или работали только с одним браузером (как
насчет людей, использующих другие браузеры). Информация о стилях
оформления вставлялась прямо в код НТМL с помощью элементов
<font > (ужасно для сопровождения, и добавляет на страницу
ИЗЛИlШlюю разметку). И множест,в о других престynлений против
Unkno,,'n Вв!Щ""ие в crnнд"pYЫ Web
разработки приложений Web. Самое плохое то, что выше было сказано
"в старые времена", но факт состоит в том, что множество людей
продолжают это делать!
Разработка приложений Web даже в лучшие времена является
беспорядочным искусством, но плохие методы, упомянугые выше, еще
больше ~шают ситуацию. Использование стандартов Web и лучших
методик, описанных в этом курсе, является лучшим пугем развития.
Структура курса
Курс состоит из множества лекций - предполагается, что их будет
более 50, когда базовый курс будет завершен - и каждая лекция будет
содержать несколько тысяч слов. Каждая лекция будет посвящена
определенной микротеме, и, где возможно, содержать базовую
информацию по теме, основы теории, практически е примеры и краткий
обзор дополнительных учебников, и контрольные вопросы для
проверки полученных знаний.
Кроме того, мы планируем в ближайшее время представить полное
руководство, в котором будет рассмотрен весь процесс реализации
проекта Web ·саЙта, от начала и до конца.
Последовательность изучения курса состоит в разработке того
количества занятий, которое определено для изучения, и делении на
количество лекций. Для каждого занятия студенты должны прочитать
лекции, связанные с этим занятием до проведения занятия. Затем
разберите практические примеры во время занятия, и после каждого
занятия студенты должны выполнить контрольные упражнения.
Логически, кажется, что одного часа должно быть достаточно для
проработки концепций, содержащихся в каждой лекции, если сту,центы
прочитают каждую лекцию до начала занятия. Позтому, возможно, ЧТО
для курса потребуется около 50 часов учебного времени, и 50 часов
предварительного чтения.
Очевидно, что вы должны подумать о количестве времени для изучения
курса, и угочнить, что рассматривать на каждом занятии, но вполне
допустимы любые эксперименты.