Проектирование и создание современного web-сайта

метки: Интернет, Создание, Разработка, Портал, Браузер, Информатика, Информация, Содержимое

Internet развивается довольно Быстро растет количество изданий, посвященных Сети, что предвещает широкое ее распространение даже в далеких от техники областях. Internet превращается из большой игрушки для интеллектуалов в полноценный источник разнообразной полезной информации для любой категории пользователей.

Через десять лет, по прогнозам специалистов, около 50 процентов семей (безусловно, пока лишь в развитых странах) будут использовать его ежедневно. Телевидение и радиоприемники не будут заменены компьютерами, но будут иметь мощный процессор, большую память и фактически сами станут в некотором отношении компьютерами.

Это будет время, когда любой человек, владеющий компьютером, сможет «скачать» с его помощью статьи, иллюстрации, видео- или аудиоинформацию по любой интересующей его теме. Он сможет получить эту информацию тогда, когда он этого пожелает. Через какое-то время системы искусственного интеллекта – параллельный машинный перевод, а также идентификация и распознавание голоса сломают последние национальные и языковые барьеры и сделают возможным свободный транснациональный обмен информацией.

Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать свой веб-сайт и разместить его в Сети. Но как это сделать? Ответ на данный вопрос мы попробуем дать в этой работе.

Для этого необходимо решить следующие частные задачи

• ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;
• изучить программный применяемый для разработки и создания Web-сайтов;
• выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;
• ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;
• определиться Web-страниц;
• выбрать стратегию разработки и создания Web-сайта.

1. СОВРЕМЕННЫЕ ИНТЕРНЕТ-ТЕХНОЛОГИИ

1.1. Web-дизайн и браузеры

Многие Web-дизайнеры сходятся во мнении, что одна из главных проблем Web-дизайна – многообразие браузеров и платформ, каждая из которых по-разному поддерживает HTML и сценарии. С выпуском каждого нового браузера улучшаются их характеристики и возможности, но это не означает, что более ранние версии при этом исчезают. В большинстве своем люди не склонны гнаться за новейшим и лучшим. Одни довольствуются тем, что у них имеется, а другие, вероятнее всего, работают на компьютерах фирм или учреждений, которые выбрали браузеры за них.

Сравнительный анализ браузеров

... и глубоко. Они посвящены и каждому отдельному браузеру и различным сравнительным характеристикам, таблицам. И в итоге, можно скачать и опробовать каждый из браузеров на своём компьютере ... браузерами. Чаще всего разработчиками дополнений используется Internet Explorer. Надстройки используют для отображения сайтов “движок” этого браузера. Поэтому их ... именно под него. Что, в общем-то, привело в не очень ...

Как сделать дизайн Web-страницы эстетически и технически интересным, не игнорируя при этом владельцев предыдущих версий браузеров? Неужели Web-страница, рассчитанная на то, чтобы функционировать на любых браузерах, должна быть обязательно скучной? Можно ли угодить всем? И если нет, то где провести черту? Сколько старых версий будет работать с вашей страницей?

В Web-дизайне нет жестких правил. Поскольку главная наша задача – сделать содержимое для максимального количества пользователей, то для продвижения вперед одинаково важны и эксперимент, и использование новых технологий с учетом существующих реалий. Залог успеха дизайнерского решения лежит в понимании потребностей аудитории и в четком представлении, как сайт будет использован.

Браузеры Netscape navigator и Microsoft internet Explorer

Эти два браузера конкурируют между собой за господство на рынке. Результатом их борьбы стала коллекция фирменных HTML-тегов, а также несовместимые реализации различных технологий (печально известный Dynamic HTML, а также JavaScript и Cascading Style Sheets – каскадные таблицы стилей).

С другой стороны, конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web.

Большинство Web-авторов в своей работе ориентируются на Navigator и Internet Explorer, поскольку они занимают львиную долю рынка. Тем не менее, существует ряд других браузеров, которые вы можете принимать во внимание.

В версии Internet Explorer 4.0 для компьютеров Macintosh отсутствует значительная часть функциональных возможностей версии, созданной для Windows, поэтому использование ряда особых возможностей версии 4.0 может исключить из игры некоторых пользователей.

Некоторые документированные различия включают: отсутствие поддержки шрифтов; отсутствие поддержки фильтров CSS и переходов (визуальных эффектов, таких как тени, отбрасываемые объектом, которые используются для элементов текста); отсутствие элементов управления мультимедиа (эффекты переходов и анимации, обычно создаваемые авторскими мультимедийными программными средствами); проблемы с реализацией DHTML.

Несмотря на заявления Microsoft, что DHTML поддерживается всеми платформами, он особенно ненадежен на компьютерах платформы Масintosh.

Браузеры America Online

Последняя версия America Online для PC – это версия 3.0, использует адаптированную версию браузера Microsoft Interne Explorer 3.0. Тем не менее, не всегда можно полностью положиться на эту версию так же, как на стандартный вариант MS Internet Explorer 3.0. (Функциональность особенно ограничена для пользователей компьютеров Macintosh).

Многие разработчики Web не раз ужасались, увидев дизайн своего сайта (который великолепно работал в большинстве основных браузеров), после того как он был запущен в системе AOL и отображен одним из их браузеров.

Проблемы частично возникают из-за того, что AOL полагается на прокси-серверы и методы сжатия изображений. Известно, что используемый AOL метод сжатия изображения имеет проблемы с отображением JPEG-графики, проявляющиеся в появлении пятен и цветных полос. Были отмечены проблемы и при выводе фоновых изображений.

Интернет браузеры

... на тему того, как можно улучшить браузеры, привели к изобретению массы новых технологий - например, использование вкладок. Нововведения отвечали духу времени, пользователь нуждался в них всё больше, ... успехом не пользовались. С 1997 года норвежскими программистами велись работы над созданием браузера Opera, который при создании продумывался с точки зрения удобства в работе, но все ...

Кроме того, некоторые технологии, такие как Java и Cascading Style Sheets (каскадные таблицы стилей), не доступны для пользователей Windows 3.0 (примерно 40 % пользователей AOL).

Владельцы компьютеров Macintosh не смогут использовать JavaScript и ряд других возможностей (примерно 8 % пользователей).

К счастью, создан специальный сайт в помощь тем Web-дизайнерам, которые стремятся сделать свои и доступными для пользователей AOL. Особого внимания заслуживает таблица браузеров, где вы найдете специальный список для каждого из браузеров (по версиям и платформам), перечень технологий и поддерживаемых функций, а также процент сбоев для каждого из браузеров. (Адрес сайта AOL для Web-дизайнеров: http://webmaster.info.aol.com).

WebTV . WebTV приводит в наши квартиры Web через обыкновенный телевизор с пультом дистанционного управления (также, по желанию, можно использовать клавиатуру).

Для просмотра использует собственный специализированный браузер. Он осуществляет синтаксический анализ в соответствии – со стандартом HTML 3.2, но не предоставляет возможностей отображения фреймов, Java, JavaScript, ActiveX или любого другого формата, который требует приложений (за исключением Shockwave и RealAudio 3.0).

Также создано много новых фирменных HTML-тегов, которые используются только в WebTV.

Поскольку WebTV выводит изображение на экран телевизора, предъявляются новые требования к характеристикам цвета и параметрам экрана.

Opera . Opera – это маленький и простенький браузер, созданный норвежской компанией Opera Software в Осло. Этот браузер обладает исключительно малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т. д.), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером. Opera 5.0 поддерживает Java, каскадные таблицы стилей и DHTML.

Хотя Opera и не стоит на первых местах по частоте использования, но многие разработчики продолжают тестировать свои сайты в Opera, чтобы убедиться в правильности кода.

Lynx . Lynx – это распространяемый бесплатно браузер, обеспечивающий просмотр только текста, предлагает вам быстрый и надежный доступ в Web. Он заслужил известность как наименьший общий знаменатель стандарта, пригодный для тестирования базовым функциональным характеристикам. Несмотря на простоту, этот браузер не устаревает. Lynx постоянно совершенствуется и модернизируется. Сейчас он обеспечивает поддержку таблиц, форм и даже JavaScript!

Люди действительно используют Lynx, поэтому не стоит удивляться, если клиент закажет разработку сайта для Lynx. Этот браузер также важен для инвалидов по зрению: они используют Lynx вместе с речевыми

Будет легче принять решение, какую технологию использовать и где провести черту для обратной совместимости, если знать, какие браузеры используются чаще всего. Наиболее достоверную информацию, конечно, можно получить, ведя статистику посещений сайта.

Создание сайта на языке HTML

... HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-браузеры) ... программы, вникать во все тонкости многочисленных тегов и их атрибутов. Работая в Worde, практически не надо ... гипертекстовой разметки HTML. Объект - веб-сайт. Предмет - создание сайта на языке HTML. Цель работы - изучение языка гипертекстовой разметки HTML и ...

Отслеживающее программное обеспечение серверов обычно классифицирует посещения по браузерах, осуществляющих запросы. Поэтому, если вы узнали, что только 20 % посетителей вашего сайта используют версии браузеров 4.0, то, может быть, следует повременить с переходом на использование таблиц стилей.

В Интернете можно найти несколько сайтов, предоставляющих статистические данные о браузерах. Статистика на этих сайтах основана на анализе посещаемости самих этих сайтов, что сужает статистическую выборку до узкого круга пользователей, интересующихся такого рода сайтами, – возможно, пользователи, интересующиеся приобретением новых автомобилей или программами телепередач, используют другие браузеры. Статистические данные, помещенные на сайте BrowserWatch, дают подробнейшие сведения о версиях, подверсиях и под-подверсиях каждого отдельного браузера.

1.2. Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых – Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium).

Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить, так и не входить в состав действующей спецификации HTML.

Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров. Компендиум HTML находится на сайте compendium.org.

Инструментарий редактирования HTML

Пользователям Windows определенно следует проверить HomeSite , мощный и недорогой редактор HTML компании Allaire Corporation. В нем имеются средства для выделения цветами синтаксических HTML, функция FTP, контроль синтаксиса и правописания, многофайловый поиск и замещение. Кроме того, он содержит специальные команды и шаблоны для создания более сложных элементов (фреймов, сценариев JavaScript и DHTML).

Информация и демонстрационная программа для загрузки находятся по адресу httр://www.allaire.com/.

При работе на компьютерах Macintosh обращают внимание на BBEdit , коммерческий HTML-редактор компании Bare Bones Software, Inc. Он действительно имеет вес среди Web-разработчиков для для компьютеров Macintosh. В его состав входят удобные HTML-инструменты, многофайловый поиск и замена, FTP-функция, поддержка 13 языков программирования, таблиц, контроль синтаксиса HTML и еще множество функций. Дополнительные сведения и де­монстрационную программу можно найти по адресу http://www.bbedit.com.

Особенности перевода научно–технических текстов

... которая заключается в изучении особенностей перевода научно–технических текстов. В соответствии с целью работы были сформулированы следующие задачи, решение которых направленно на всестороннее раскрытие темы и достижение поставленной цели: 1. ...

— Последние годы характеризуются резким ростом рынка авторских HTML-редакторы класса WYSIWYG (What You See Is What You Get – что видишь, то и получишь) имеют графические интерфейсы, которые делают написание HTML больше похожим на программу редактирования текстов или разметки страницы. Первоначальной целью этих программ было освобождение пользователей от тегов HTML, наподобие того, как программы разметки страниц защищают разработчика от набора команд языка PostScript. Сегодня их значимость возросла, так как они повышают эффективность и уровень автоматизации производства документов, обеспечивая в то же время доступ к исходному тексту HTML.

Наиболее популярными в настоящее время WYSIWYG-редакторами являются: Macromedia Dreamweaver, Golive CyberStudio (только для компьютеров Macintosh), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill.

Теги HTML

Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега. Как правило, имя и атрибуты внутри тега не чувствительны к регистру. Тег

будет работать так же, как . Однако значения определенных атрибутов могут быть чувствительны к регистру. Это относится, в частности, к именам файлов и URL.

Контейнеры

The weather is gorgeous today.

Результат: The weather is gorgeous today.

Конечный тег имеет то же имя, что и начальный, но перед ним стоит слэш (/).

Его можно рассматривать как «выключатель» тега. Конечный тег никогда не содержит атрибутов.

В некоторых случаях конечный тег не обязателен, и браузер определяет конец тега из контекста. Чаще всего опускают конечный тег <�р> (абзац).

Браузеры раньше поддерживали этот тег без соответствующего завершения, поэтому многие авторы Web привыкли использовать краткую форму. Это разрешено не всем тегам, и не все браузеры прощают их отсутствие. Поэтому, если есть сомнения, включите в текст закрывающий тег. Это особенно важно, когда в документе вы используете каскадные таблицы стилей.

Автономные теги

---

) и теги, содержащие информацию о документе и не влияющие на содержимое, выводимое на экран, такие как и .

Атрибуты . Атрибуты добавляются в тег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных).

Правила записи значения следующие:

• если значение представляет собой одно слово или число и состоит только из букв (a-z), цифр (0-9) и специальных символов (точка <.>
• или дефис <

• >), то можно поместить его после знака равенства без кавычек;

— – если значение содержит несколько слов, разделенных запятыми или пробелами, или содержит специальные символы, отличные от точки или дефиса, тогда его необходимо поместить в кавычки. Например, URL требуют кавычек, потому что они содержат символы «://». Также кавычки необходимы при задании значений цветов с использованием формата «#rrggbb».

Настройка стилей и шаблонов в WORD

... не обязательно каждый раз выставлять эти настройки. Достаточно создать стиль и выбирать его, когда это будет необходимо. Форматировать текст с помощью стиля намного быстрее, чем изменять вручную каждый ... те же действия. Макрос — это серия команд, сгруппированных вместе для упрощения ежедневной работы. Вместо того чтобы вручную делать отнимающие много времени и повторяющиеся действия, можно ...

Если вы не уверены, стоит ли использовать кавычки, используйте их всегда для всех значений.

В теги HTML могут помещаться другие HTML-теги для осуществления воздействия нескольких тегов на один элемент. Это называется вложением, и, что бы правильно его осуществить, начальный и конечный теги вложенного тега должны обязательно находиться между начальным наконечным тегами внеш­него тега, например:

gorgeous

Результат: The weather is gorgeous today.

Часто встречающейся ошибкой является перекрытие тегов. Хотя часть браузеров отображают содержимое, отмеченное таким образом, многие не разрешают нарушать правило, поэтому важно размешать теги правильно. пример показывает неверное вложение тегов (заметьте, что тег <�В> закрывается перед закрытием ):

gorgeous

Информация, игнорируемая браузерами

• разрывы конца строк в документе HTML игнорируются. Текст и элементы будут переноситься до тех пор, пока в потоке текста документа не тег <�р>
• или

• Разрывы строк выводятся, если текст обозначен как текст с заданным форматом (<�рrе>);

• символы табуляции и множественные пробелы. Когда браузер встречает в документе HTML символ табуляции и несколько последовательных симво­лов пробела, он выводит только один пробел. Таким образом, если документ содержит: «far, far away», браузер выведет «far, far away». Дополнительные пробелы можно добавить в текстовый поток, используя символ неразрывного пробела (Snbsp;

• . Кроме того, все пробелы выводятся, если текст является форматированным (находится в тегах <�рrе>);

• множественные <�р>

• теги. Последовательность тегов <�р>, не прерываемых текстом, всеми браузерами интерпретируется как избыточная. Содержимое будет выводиться так, как если бы был только один тег <�р>. Большинство браузеров выведет несколько тегов

в виде нескольких переходов на новую строку;

• нераспознаваемые теги. Если браузер не понимает тег или тот был неверно задан, то браузер его просто игнорирует. В зависимости от тега и браузера это может привести к различным результатам. Либо браузер ничего не вы­ведет, или он может отобразить содержимое тега как обычный текст;

— – текст в комментариях. Браузеры не выводят текст между специальными элементами , которые используются для обозначения комментариев. После символов начала комментария и перед символами окончания обязательно должен находиться пробел. В сам комментарий можно помещать практически все. Комментарии нельзя вкладывать. В Microsoft Internet Explorer имеется фирменный тег, обозначающий комментарии …. Однако, он не поддерживается другими браузерами.

1.3. Обеспечение доступности При разработке фиксированного размера, вероятно, придется выбирать для нее размер экрана. Здравый смысл подсказывает, должна быть доступна (и правильно отображаться) для максимально возможного числа пользователей. Идея проста: необходимо определить наиболее часто используемое разрешение дисплея и разработать образом, чтобы гарантированно заполняла все рабочее пространство.

Особенности перевода технических текстов

... учебник, учебное пособие, реферат, автореферат); информационные (тезисы, словарь, обзор); чисто технические - техническое описание, аннотация, инструкция, патент. Классификация научно-технических текстов (по Кедрову): ... сообщаемой информации. Это достигается логически обоснованным изложением фактического материала, без эксплицитно выраженной эмоциональности. Стиль научно-технической литературы ...

Большинство дизайнеров рекомендуют разрабатывать формате 640×480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.

Все большее число разработчиков считает стандартным разрешение 800×600. И совсем единицы разрабатывают еще более высоких разрешений. Конечно, ваше решение будет, в первую очередь, зависеть от аудитории. Например, если сайт ресурсов для дизайнеров графики, то считаем, что они имеют дисплеи, по крайней мере, с разрешением 800×600 или выше, в соответствии с чем и разрабатывается сайт предназначен специально для WebTV или какого-то другого устройства отображения, следует ориентироваться на это конкретное

Достойный уважения Web-дизайн включает разработку для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

Пользователи с ограниченными возможностями зрения могут использовать специальные для увеличения изображения, находящегося на экране. В этом случае к дизайну не предъявляется никаких специальных требований. Многие люди с проблемами зрения используют текстовые браузеры (такие как Lynx) вместе с программным обеспечением, которое громко читает содержимое любом случае основное внимание уделяется документа и его тексту. Графическое содержимое может быть просто утеряно.

Средства HTML 4.0. Спецификация HTML 4.0 вводит ряд новых атрибутов и тегов, созданных специально для того, чтобы сделать Web-документы доступными для более широкого круга пользователей. Кратко перечислим некоторые новые возможности HTML 4.0. (Расширенный список возможностей размещен на сайте http://www.w3.org/WAI/References/HTML4-access, а полные спецификации данной версии – на сайте .

HTML 4.0 предлагает возможности, обеспечивающие доступность:

• дальнейшее разделение документа и его внешнего представления. Информацию о стиле HTML 4.0 предлагает размещать в каскадных таблицах стилей;
• навигационная помощь, например, клавиши доступа и индексирование порядка табуляции для доступа к элементам использованием только клавиатуры;
• рекомендации, касающиеся новой клиентской карты-изображения, объединяющей графические и текстовые ссылки;
• новые теги и , которые помогают речевым и другим интерпретировать аббревиатуры и акронимы;

– возможность логически группировать таблиц, снабжать их заголовками, резюме и длинными описаниями содержимого, облегчая интерпретацию таблиц;

Организация хранения и поиска информации в сети Internet

... изображениями глубиной 24 бита / пиксел (более 16 млн. цветов). В связи с техническим прогрессом возникла потребность в перенесении на платформу ПК и адаптации различных форматов кодирования и хранения графической информации ...

– возможность группировать элементы управления формами и создавать длинные списки выбора, более ясные для восприятия. Элементы форм также доступны через клавиши табуляции и

– улучшенный механизм создания альтернативного текста. Атрибут alt теперь обязателен для тега . Чтобы обеспечить связь с более длинными текстовыми пояснениями к изображениям, введен атрибут longdesc.

Для добавления информации о любом элементе, можно использовать атрибут title.

Средства CSS

В первых версиях стандарта HTML не было предусмотрено никаких средств для управления внешним видом информации. Общая концепция гипертекста была направлена на доступность информации для любых устройств, способных воспроизводить текст. Для разметки рекомендовалось использовать только логические теги, определяющие заголовки, подзаголовки, списки, абзацы, цитаты и т.д. – то есть, те элементы, которые и составляют документа. Интерпретация же внешнего вида оставалась полностью на совести оконечного терминала.

Однако с тех пор много что изменилось, и стандарт HTML потерял первоначальную Вначале Netscape добавил «улучшенные теги», которые позволили более широко управлять внешним видом представляемой информации. Нововведение прижилось, и все расширения Netscape стали стандартом de facto. Потом точно также поступила Microsoft. Когда спохватились, то HTML представлял собой ужасную смесь логических и оформительских тегов, несовместимых расширений и полностью перестал отвечать первоначальной концепции – представлять информацию на любом устройстве независимо от его характеристик по выводу информации.

Тогда была предпринята широкомасштабная стандартизация. В результате чего на свет явился стандарт HTML 3.2. Он не был революционным, а лишь расставил по местам все нововведения и выработал общие рекомендации для производителей браузеров. Революционные изменения были введены в новом стандарте – HTML 4.0 или, как его стали называть, Dynamic HTML. В обращение были введены слои, таблицы стилей и универсальная объектная модель браузера.

В новом стандарте попытались вернуться к истокам концепции HTML. Четвертая версия, как и первая, рекомендует создавать образом, чтобы они могли быть воспроизведены на любом устройстве – будь это 21″ дисплей или маленький черно-белый экран сотового телефона.

Каким же образом была решена проблема с представлением внешнего вида информации? В этом и заключается революционность подхода. Все оформление рекомендуется вынести во внешний стилевой файл. Основная будет содержать только информацию и ссылки на необходимые стили.

При показе конкретному должна быть задействована соответствующая случаю таблица стилей. Для сотового телефона и дисплея компьютера они, разумеется, должны быть разными. В первом случае мы используем минимальное оформление, которое позволит представить информацию наиболее оптимально и компактно. Во втором же случае в нашем распоряжении имеется все богатство шрифтового и цветового оформления.

Таблицу стилей нужно написать всего один раз при создании сайта для каждого на котором планируется вывод информации. К тому же таблица стилей может быть единой для целого сайта. И, следовательно, не нужно будет повторять одни и те же описания стилей на каждой

Технологии обработки текстовой информации

... получаемых при этом документов. В теоретической части моей курсовой работы будут показаны основные средства и технологии обработки текстовой информации. В практической части курсовой работы будет описана и решена задача № 12 с ...

Размещение всей стилевой информации в одном внешнем файле открывает нам и другие полезные возможности – ведь изменив содержимое только одного (!) стилевого файла, мы можем в считанные секунды сменить весь дизайн сайта. Причем никаких других переделок не понадобится. Разумеется, это верно лишь в том случае, если первоначально сайт был спроектирован верно.

CSS2 (Cascading Style Sheets, Level 2) – самая последняя рекомендация по каскадным таблицам стилей, предоставляет механизмы для улучшенной интерпретации и не визуальными Усовершенствования включают:

– механизмы, с помощью которых созданная пользователем таблица стилей может заменить все таблицы стилей более высоких уровней в каскаде. Это дает конечному пользователю возможность полностью управлять отображением. Пользователь получает возможность создавать таблицы стилей для вывода соответствии со специальными требованиями;

– специализированная поддержка для загружаемых шрифтов – таким образом уменьшается тенденция помещать текст в графику для улучшения внешнего вида

– механизмы позиционирования и выравнивания, которые отделяют содержимое от внешнего представления. Эти таблицы стилей должны исключить некорректное использование тегов HTML для создания особых эффектов отображения. Теги HTML можно использовать для логической документа, делая его более простым для интерпретации не визуальными посредниками;

– средства управления для звукового вывода доставленной по Web информации;

– улучшенные средства навигации, такие как цифровые маркеры, которые можно добавлять в документ в целях ориентации.

Источники разработки доступных

1).

Официальный сайт WAI. На нем есть ряд полезных ссылок к источникам, связанным с проблемой доступности (http://www.w3.org/WAI).

2).Очень хороший источник статей и руководств для авторов HTML расположен на сайте Фонда слепых Юрия Рубинского, который является своеобразным оружием борьбы за права инвалидов на расширенный доступ к технологиям (http://www.уun.org/Webable).

1.4. Представление текста на При создании профессиональной графики для Web используется текст со сглаженными краями. Сглаживание – это легкая размытость на неровных краях, сглаживающая переходы между цветами. Не сглаженные края, напротив, выглядят зазубренными и ступенчатыми. Исключением из этого общего правила является текст очень малого размера, (10 пунктов и меньше), применение сглаживания делает его практически неразличимым. Текст малых размеров будет выглядеть намного лучше без сглаживания.

Два комплекта шрифтов. При разработке средствами базового HTML есть два комплекта шрифтов; пропорциональный и шрифт фиксированной ширины. Проблема заключается лишь в том, что неизвестно, какой из них и какого размера будет использован при отображении.

Пропорциональный шрифт – иначе «шрифт переменной ширины» для каждого символа выделяет разное количество места в зависимости от его начертания. Например, в пропорциональном шрифте заглавная «W» занимает больше места горизонтали, чем прописная «I». Такие гаринитуры, как: Times, Helvetica и Arial являются примерами пропорциональных шрифтов.

Web-браузеры для большинства текстов на основной текст, заголовки, списки, цитаты и т. д., используют пропорциональные шрифты. Как правило, большие отрывки основного текста удобнее читать, когда они напечатаны пропорциональными шрифтами. Поскольку большинство пользователей не имеют времени заменить шрифты, установленные по умолчанию, с большой вероятностью можно предположить, что текст на вашей странице будет отображен шрифтом Times размером 10 или 12 пунктов (по умолчанию в Netscape) или Helvetica (по умолчанию в Microsoft Internet Explorer).

Но это всего лишь общее правило.

Шрифт с фиксированной шириной предоставляет одинаковое место для всех символов шрифта. Заглавная «W» занимает не больше места, чем прописная «I». Примерами шрифтов фиксированной ширины являются гарнитуры Courier и Monaco. В Web-браузерах шрифты фиксированной ширины используются для отображения любого текста внутри следующих HTML-тегов: <�рге>, , , ,, <�хтр>.

Поскольку многие люди не меняют настройку шрифтов, установленную по умолчанию, текст, находящийся в указанных тегах, будет выведен одним из шрифтов типа Courier.

Текст в изображениях

Преимущества использования графики вместо HTML-текста абсолютно очевидны:

– можно определять тип шрифта, размер, интерлиньяж, промежуток между буквами, цвет и выравнивание – все атрибуты, которые вызывают сложности только в HTML;

– ваша страница будет одинакова при выводе во всех графических браузерах.

Но у этого метода имеется ряд недостатков:

– изображение загружается дольше, чем текст, т.к. графические файлы обычно на несколько порядков больше, чем HTML-тексты, имеющие то же содержание;

– в неграфических браузерах содержание утрачивается. Пользователи, которые не могут (или не хотят) просматривать графику, не увидят и текста. Альтернативный текст (используется атрибут Alt) на месте графического изображения помогает, но его возможности ограничены и это не всегда надежный способ отождествления отсутствующей графической информации;

– информацию, находящуюся в изображении, нельзя индексировать или организовать ее поиск. В результате исключаются из документа важные части информации.

Размер шрифта. Обычно размер шрифта определяется в пунктах (72 пункта (пт) = 1 дюйм высоты шрифта) но, к сожалению, эти размеры не достаточно точно переводятся между платформами. Отчасти это происходит потому, что их операционные системы управляют дисплеями с различными разрешениями. Обычно Windows использует разрешение экрана 96 точек/дюйм, a MacOS – 72 точек/дюйм. Мониторы MultiScan допускай более высокое разрешение.

Шрифт на экране дисплея Масintosh имеет точно такой же размер, как и при печати (например, 12 пт Times на экране выглядит так же, как 12 пт Times на бумаге).

Для шрифтов Microsoft подобное соглашение не выполняется, и размер шрифта при выводе на экран больше, что облегчает чтение с дисплея. В результате шрифт размером 12 пт на Windows больше похож на печатный шрифт в 16 пунктов. Чтобы получить на Windows печатный размер 12 пт, вам нужно выбрать размер шрифта 9 пунктов (но тогда пользователи компьютеров Масintosh увидят текст почти неразборчивым, так как он будет отображен шрифтом размером всего 6,75 пт).

1.5. Представление графики на На данный момент почти все изображения в Web, представлены в двух форматах: GIF и JPEG. Третий соперник, заслуживающий упоминания, формат PNG, борется за поддержку и внимание браузеров. Далее – краткий обзор "большой тройки" онлайновых графических форматов. Более подробная информация представлена в главах, посвящен­ных каждому из форматов.

GIF

Его свойства состоят в следующем:

– поддерживает не более 256 цветов (меньше можно и часто нужно);

– использует палитру цветов;

– использует сжатие без потери информации по методу LZW (который подобен применяемому в архиваторе PKZIP, и, следовательно, GIF-файлы в дальнейшем практически не сжимаются);

– поддерживает чересстрочную развертку;

– является поточным форматом, т.е. показ картинки начинается во время перекачки;

– позволяет назначить одному из цветов в палитре атрибут прозрачный, что применяется при создании так называемых прозрачных GIFов;

– имеет возможность сохранения в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIFов;

– поддерживает возможность вставки в файл управляющих блоков, которые позволяют вставлять комментарии в файл (например, об авторских правах), осуществлять задержку между показами изображений и т.д.

А теперь немножко разъяснений – к чему эти свойства могут привести. Как мы написали, GIF поддерживает не больше 256 цветов, а это значит, что все изображения, которые мы сохраняем в GIF-формате, явно или неявно уменьшают количество цветов, чтобы уложиться в этот лимит (разные программы с разным успехом).

А отсюда вывод – если у взять красивую фотографию с плавными переходами и едва уловимыми оттенками цвета, то после преобразования все будет гораздо хуже – оттенки перестанут быть неуловимыми, и вся фотография приобретет неестественный, нереалистичный вид. Поэтому, если надо все-таки сохранить фотографию в формате GIF и передать все оттенки, то приходится идти на хитрости. Например, к фотографии можно применить какой-нибудь художественный фильтр и превратить ее в рисунок или применить тонирование. Зато нет никаких проблем с сохранением рисунков и чертежей в этом формате, они, как правило, хорошо сжимаются и не содержат много цветов.

JPEG

Фотографии или любые изображения с плавными градациями цветов лучше всего сохранять в JPEG-формате, потому что он предлагает более высокое качество изображений, умещающихся в файл меньшего объема. Тем не менее, JPEG не является лучшим решением для графических изображений с одноцветными областями, поскольку этот формат имеет тенденцию испещрять цвета крапинками и конечный файл, как правило, будет несколько больше, чем GIF-файл для того же изображения.

PNG

Разрешение и размер файла изображений. Поскольку изображения Web существуют только на экране дисплея, будет технически правильно измерять их разрешение в пикселах на дюйм (ppi – pixels per inch).

Другая единица измерения разрешения – количество точек на дюйм (dpi – dots per inch) относится к разрешению печатных изображений и зависит от разрешения печатающего

Но, так как реальные размеры графики зависят от разрешения дисплея, измерение в дюймах становится для Web-окружения неприемлемым. Единственной значимой единицей измерения становится пиксел.

Практично создавать изображения с разрешением 72 ppi (это лучший вариант для представления на экране), обращая внимание только на общие размеры в пикселах. В процессе создания графики на Web можно вообще не использовать дюймы. Важен размер изображения по сравнению с другими изображениями и общего размера окна браузера.

Например, многие пользователи по-прежнему используют 14-дюймо-вые дисплеи с разрешением 640x480 пикселов. Чтобы гарантировать заполнение графической заставкой всего экрана, лучше сделать его шириной не более 600 пикселов (учитывая, что часть пикселов справа и слева будет использована для окна и для полосы прокрутки).

Размер остальных кнопок и изображений следует измерять в пикселах относительно банеpa, имеющего ширину 600 пикселов.

Размер файла. Без сомнения, именно графика сделала Web таким, каким мы его видим сегод­ня, но как дизайнер вы должны знать, что многие пользователи испытывают к графике в Web чувство на грани любви и ненависти. Не стоит забывать, что графика увеличивает время, необходимое передачи по сети; большой объем графики означает существенное время загрузки, которое испытывает терпение читателя, особенно если он дозванивается с использованием стандартного модемного соединения.

В этом отношении для Web-дизайнера существует единственное наиболее важное правило: размер файла графического изображения должен быть минимально возможным! Создание изображений, предназначенных для передачи по сети, возлагает ответственность на разработчиков серьезно относиться к проблеме времени загрузки.

1.6. Web-серверы

В большинстве случаев невозможно избежать прямого контакта с сервером, даже если речь идет о простой загрузке файлов. По этой причине все дизайнеры должны обладать базовыми знаниями о серверах и их работе. По меньшей мере, это поможет более четко общаться с администратором сервера. Если есть разрешение для более широкого доступа к серверу, можно решать определенные задачи самостоятельно, без посторонней помощи.

Сервер – это любое управляющее компьютером программное обеспечение, которое дает ему возможность выполнять запросы на документы или другие данные. Программы, которые запрашивают и отображают документы (такие как браузер), называются клиентами. Термины "на стороне сервера" и "на стороне клиента", используемые, например, при работе с картами-изображениями, относятся к той машине, которая руководит процессом. Функции на стороне клиента выполняются на машине пользователя, функции на стороне сервера – на удаленной машине.

Web-серверы отвечают на запросы браузеров (клиентских программ), на­ходят заданные файлы (или выполняют сценарий CGI) и возвращают до­кумент или результаты сценария. Web-браузеры и серверы общаются по протоколу Hypertext Transfer Protocol (HTTP, протокол передачи гипер­текста).

Программное обеспечение серверов. Большинство серверов работают на платформе Unix. Именно поэтому в мире Web по-прежнему используется терминология системы Unix. В процессе работы понадобится выучить несколько Unix-команд. Однако процент серверов Windows NT, Windows 95 и даже MacOS постоянно увеличивается. Некоторые серверные пакеты предлагают графический интерфейс в качестве альтернативы управлению из командной

Вот некоторые известные серверы: NCSA Server, Apache, CERN, Netscape Servers, Internet Information Server (IIS).

Сегодня большинство серверов (приблизительно 70%) работают на Apache или его предшественнике NCSA. Конкретный тип сервера не влияет на большую часть того, что делает дизайнер, например, на создание графики или разработку базовых HTML-файлов. Конечно, он будет влиять на более совершенные методы создания Web-сайтов, такие как Server Side Includes (серверные включения), добавление типов MIME и Web-страницы, управляемые базами данных.

Корневой каталог . Когда браузер запрашивает документ, сервер определяет местонахождение документа, начиная с корневого каталога документа. Это каталог, который был сконфигурирован для хранения всех документов, совместно используемых посредством Web. Он не обязательно появляется в URL, который указывает на документ, поэтому важно знать, какой каталог является корневым при загрузке файлов.

Индексные файлы

Если сервер сконфигурирован на нахождение индексного файла и не обнаруживает его, вместо него может быть отображено содержание каталога, но это делает файлы уязвимыми для посторонних. По этой причине неплохо всегда называть одну (обычно главную) в каждом каталоге index.html (или другим условленным именем).

Заголовки отклика HTTP

Браузер читает информацию в заголовке и определяет, что делать с файлом. Он может отобразить файл в окне либо запустить соответствующее вспомогательное или встраиваемое приложение (plug-ins).

Сценарии CGI

Сценарии CGI используют для выполнения разнообразных функций, таких как поиск, управление картами-изображениями на стороне сервера, игры. Однако наиболее типичное использование сценариев – обработка форм.

Большинство администраторов серверов придерживаются правила хранить сценарии CGI в специальном каталоге, озаглавленном cgi-bin (сокращенно от CGI-binaries).

Когда они хранятся в одном каталоге, администраторам проще управ­лять сервером и обеспечивать его безопасность. Если сценарий CGI запрашивается браузером, сервер исполняет функцию и возвращает браузеру динамическое содержимое.

Использование SSI

Преимущества SSI проявляются, когда нам нужно поддерживать достаточно большой по объему сайт, имеющий определенную повторяющиеся элементы кода на всех страничках. При применении серверных включений сайт удобно рассматривать как состоящий из отдельных блоков, каждый из которых отвечает за свою часть блоки практически неизменны и повторяются к странице. В эти блоки можно вынести такие элементы странички как: главное меню, рекламные вставки, повторяющиеся элементы оформления т.д. Физически эти блоки представляют собой просто HTML-файлы, содержащие часть кода, нужную для выполнения их задачи.

Для того, чтобы сервер знал, не обычная, а содержит SSI-директивы, она имеет специальное расширение: *.shtml или *.shtm, наличие которого и заставляет Web-сервер предварительно обрабатывать Вообще-то, расширение может быть любое – в зависимости от конфигурации Web-сервера, но в основном применяется именно *.shtml.

Полная страничка формируется Web-сервером на лету, собирая из таких вот блоков. Для того, чтобы указать серверу, какой блок нужно вставить и в каком месте используется специальная форма записи в виде комментария. Например, вот такая:

//g;

$value =~ s/\n/ /g;

$FORM{$name} = $value;

}

open(OUTF,">>$logfile") or &dienice("Couldn't open guestbook.txt.");

print OUTF "&name_$hits=$FORM{'name'}&

email_$hits=$FORM{'email'}&

comments_$hits=$FORM{'comments'}\n";

close(OUTF);

sub dienice {

($msg) = @_;

print "

Ошибка

\n";

print $msg;

exit;}

ЛИСТИНГ ФАЙЛА INDEX.HTML, ЛИСТИНГ ФАЙЛА MYGUEST.HTML

ПРОЕКТИРОВАНИЕ И СОЗДАНИЕ

СОВРЕМЕННОГО WEB-САЙТА

Глобальная компьютерная сеть Интернет развивается очень стремительно. количество изданий, посвященных Сети, что предвещает широкое ее распространение даже в далеких от техники областях в ближайшем будущем. Уже сейчас благодаря благотворительной акции нефтяной компании "Юкос" на территории России создано порядка десяти региональных центров Интернет-образования (до конца 2001 года их будет создано около 50) в том числе и в Самарской области. Их целью которых является пропаганда и внедрение Интернет-технологий во все сферы российской системы образования.

По прогнозам специалистов через десять лет около 50 процентов семей (безусловно, пока лишь в развитых странах) будут ежедневно пользоваться услугами Интернета. Это будет время, когда любой человек, владеющий компьютером, сможет "скачать" с его помощью статьи, иллюстрации, видео- или аудиоинформацию по любой интересующей его теме. Он сможет получить эту информацию тогда, когда он этого пожелает. Через какое-то время системы искусственного интеллекта – параллельный машинный перевод, а также идентификация и распознавание голоса сломают последние национальные и языковые барьеры и сделают возможным свободный транснациональный обмен информацией.

Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать свой веб-сайт и разместить его в Сети. Но как это сделать? Ответ на данный вопрос я и попробовал дать в этой работе.

Хотелось бы обратить ваше внимание на стороны моей работы.:

Актуальность

Новизна . При создании Web-сайта использовался современный пакет Macromedia Flash 5.0, использование которого всегда являлось прерогативой профессиональных разработчиков.

Целью работы, В процессе достижения поставленной в дипломной работе цели необходимо было решить частных задач

– ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

– изучить программный применяемый для разработки и создания Web-сайтов;

– выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

– ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

– определиться Web-страниц;

– выбрать стратегию разработки и создания Web-сайта.

На данном плакате представлена таблица сравнительных характеристик поддержки браузерами веб-технологий.

К числу его основных отличительных особенностей можно отнести

• маленький размер файлов с кодами Web-страниц (их листинг приведен в приложении), что обеспечивает их быструю загрузку из Сети на клиентской машине;

• векторный формат используемой графики, сжатые форматы растровых и звуковых файлы, что так же положительно влияет на уменьшение размера Web-страниц и времени их скачивания по каналам Сети;

• отсутствие проблем совместимости с различными браузерами, например такими широко распространенными, как Internet Explorer и Netscape Navigator;

• автоматическая поддержка anti-aliasing (сглаживание контуров с помощью смешения соседних цветов), что значительно улучшает эстетическое восприятие использованной графики;

К числу имеющихся недостатков можно отнести

• необходимость овладения идеологией и средствами Macromedia Flash 5.0 – современным профессиональным создания Web-страниц;

• вынужденность использования для существующих версий браузеров (пока еще не выпущены их обновленные версии) подключаемого модуля-проигрывателя (Flash Java Player) для адекватного просмотра Flash-страниц.

Методика процесса разработки и создания Web-сайта, использованная в данной работе, была опробована и исследована в реальных условиях моей профессиональной деятельности и показала свою работоспособность и эффективность.

Таким образом, материалы дипломной работы показывают, что поставленные в ней задачи, сформулированные выше во введении, полностью решены.

О Т З Ы В

на дипломную работу студента 5 курса дневного отделения

механико-математического факультета СамГУ

Кондрахина Сергея Сергеевича

"ПРОЕКТИРОВАНИЕ И СОЗДАНИЕ СОВРЕМЕННОГО WEB-САЙТА"

Тема дипломной работы студента Кондрахина С.С. является актуальной и практически важной, поскольку ориентирована на освоение и внедрение в профессиональную практику новых сетевых Интернет-технологий, а именно – современных средств разработки и создания перспективных Web-сайтов, обладающих рядом существенных преимуществ по сравнению с теми, которые разрабатываются с помощью традиционных технологий, базирующихся на использовании HTML-редакторов (уровня NotePad и ему подобных).

Результаты, достигнутые Кондрахиным С.С. в его дипломной работе, выражаются в том, что он реализовал с помощью пакета Macromedia Flash 5.0 прототип Web-сайта, который наряду со многими традиционными функциональными возможностями обладает привлекательным интерфейсом, выполненном на действительно профессиональном уровне, что является особенно значимым, т.к. сочетание в лице одного узкого специалиста навыков программирования и дизайнерского вкуса делает его по-настоящему ценным специалистом в области Web-дизайна.

Следует отметить, что Кондрахин С.С. провел очень большую изыскательскую работу, связанную с изучением и анализом существующих Интернет-технологий в сфере проектирования и создания Web-сайтов, а также того программного который используется опытными разработчиками в этих целях. Остановив свой выбор на системе Macromedia Flash 5.0, он самостоятельно освоил ее и приобрел навыки уверенной работы в этой среде.

К недостатку данной дипломной работы, который, по сути, является следствием ее достоинств, можно отнести то, что современная система Macromedia Flash 5.0 не позволяет простыми средствами размещать локальную демо-версию Web-сайта на носителе, от операционной системы компьютера, т.е. – без дополнительной инсталляции соответствующего программного обеспечения.

В целом дипломная работа Кондрахина Сергея Сергеевича соответствует предъявляемым требованиям, заслуживает оценки "отлично" и может быть допущена к защите.

Научный руководитель, В.А.Игнатьев

доцент кафедры ВМиИ 8 июня 2001 г.

СамГУ, к.ф.-м.н., доцент

Р Е Ц Е Н З И Я

на дипломную работу студента 5 курса дневного отделения

механико-математического факультета СамГУ

Кондрахина Сергея Сергеевича

"ПРОЕКТИРОВАНИЕ И СОЗДАНИЕ СОВРЕМЕННОГО WEB-САЙТА"

Тема дипломной работы студента Кондрахина С.С. является актуальной и практически важной, т.к. она представляет собой попытку практической реализации новых Интернет-технологий, предназначенных для проектирования и создания современных Web-сайтов.

Результаты дипломной работы Кондрахина С.С. выгодно отличаются от многих подобных разработок тем, что в их основе лежит комплексный подход по выбору программного в качестве которого выступает мощный пакет разработок – Macromedia Flash 5.0, а также грамотно подобранная построения Web-сайта. По материалам дипломной работы видно, что Кондрахин С.С. потратил на решение этих вопросов немало времени и труда и, можно сказать, его усилия полностью окупились. Прототип созданного им Web-сайта представляет собой высокопрофессиональную реализацию самых передовых идей и технологий в области Web-дизайна.

В качестве недостатка данной дипломной работы можно отметить пока еще не решенный до конца вопрос относительно представления демо-версии Web-сайта на одном из видов носителей без какой-либо инсталляции на компьютере дополнительного программного обеспечения.

В целом рецензируемая работа студента Кондрахина Сергея Сергеевича полностью соответствует всем требованиям, предъявляемым к дипломным работам, и заслуживает оценки "отлично".

Рецензент, Г.И.МЕЛКОВ

первый проректор СМИУ, 25 июня 2001 г.

к.т.н., доцент

Поддержка браузерами Web-технологий
	HTML 3.2	HTML 4.0	Анимация GIF	Таблицы	Фреймы	Встраиваемые приложения	Java	JavaScipt	Таблицы стилей
Windows
Navigator 4.0	Да	Частично	Да	Да	Да	Да	Да	Да	Да
Navigator 3.0	Да	—	Да	Да	Да	Да	Да	Да	—
Navigator 2.0	Да	—	да	Да	Да	Да	Да	Да	—
Navigator 1.0	—	—	—	Да	—	—	—	—	—
Explorer 5.0	Да	Да	Да	Да	Да	Да	Да	Да	Да
Explorer 4.0	Да	Частично	Да	Да	Да	Да	Да	Да	Да
Explorer 3.0	Да	—	Да	Да	Да	Да	Да	Да	Да
Explorer 2.0	—	—	—	Да	—	—	—	—	—
Explorer 1.0	—	—	—	Да	—	—	—	—	—
AOL 3.0 (Win95)	Да	—	да	Да	Да	Да	Да	Да	Да
AOL 3.0 (Win3.0)	Да	—	Да	Да	Да	Да	—	Да	—
Mosaic 3.0	—	~	—	Да	Да	—	—	—	—
Mosaic 1.0	—	—	—	—	—	—	—	—	—
Opera 3.0	Большую	—	Да	Да	Да	—	—	Да	—
	часть
Macintosh
Navigator 4.0	Да	Частично	Да	Да	Да	Да	Да	Да	Да
Navigator 3.0	Да	—	Да	Да	Да	Да	Да	Да	—
Navigator 2.0	—	—	Да	Да	Да	Да	—	Да	~
Navigator 1.0	—	—	—	Да	—	—	—	—	—
Explorer 4.0	Да	Частично	Да	да	Да	Да	Да	Да	Частично
Explorer 3.0	Да	—	Да	Да	Да	Да	Да	Да	Да
Explorer 2.1	—	—	—	Да	Да	Да	—	—	—
AOL 3.0	Да	—	Да	Да	Да	Да	—	—	—
AOL 2.7	—	—	—	—	—	—	—	—	—
Mosaic 3.0b4	—	—	—	Да	Да	—	—	—	—
Mosaic 2.0	—	—	—	Да	—	—	—	—	—
Mosaic 1.0	—	—	—	~	—	—	—	—	—
Set-top
WebTV	Да	—	Да	Да	—	—	—	Да	—