Практика разработки Web-страниц

Браузеры

Разбить на страницы
Показывать лекцию целиком

Проблемы с доступом в Интернет

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

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

  • Попробуйте открыть веб-страницу на вашем собственном компьютере. В вашем браузере нажмите Open в меню File, нажмите Browse и выберите исправную страницу (файл .htm). Если это не получается, переустановите браузер, возможно, это решит проблему.
  • Убедитесь, что сеть доступна. В Internet Explorer выберите меню File и убедитесь, что не выбран пункт Work Offline. В Netscape выберите в меню File пункт Offline и нажмите Work Online. Нажмите кнопку Refresh.
  • Проверьте, возникают ли проблемы с одной страницей, сервером или со всей сетью. Введите адреса www.microsoft.com или www.yahoo.com. Если эти сайты отображаются вашим браузером, то дело только в сайте или странице, которую вы хотели посетить. Попробуйте зайти туда позднее.
  • Если вы подключаетесь к Интернет через местную сеть, без помощи модема, пропустите все нижеуказанные пункты до "Подключение через локальную сеть". Если нет, проверьте ваш удаленный доступ. Если вы подключены к вашему провайдеру, но веб-страницы недоступны, попробуйте подсоединиться заново, возможно, у вас проблемы со связью.
  • Соединение через дозвон. ( В Windows двойной щелчок по My Computer, двойной щелчок по Dial-Up Networking и двойной щелчок по значку соединения.) Если вы получаете сообщение об ошибке, проверьте наличие гудка. Если вы ничего не слышите от модема, проверьте телефонную линию и провода. Если вы всё еще не обнаружили источник проблемы, просмотрите документацию модема и браузера. (В Internet Explorer 5 нажмите Contents And Index в меню Help , щелкните Connecting To The Internet на панели Contents и выберите Fixing Connection Problems.)
  • Если модем дозванивается, но не соединяется – занято или нет ответа – проверьте код местности и телефонный номер. Если всё в порядке, дело в ограниченных возможностях вашего провайдера. Попробуйте дозвониться позднее.
  • Если вы подсоединяетесь, но получаете сообщение об ошибке пароля, проверьте ваше имя пользователя и пароль. Если вы уверены, что они верны, свяжитесь со своим провайдером.
  • Качество Интернет-услуг, предоставляемых небольшими местными компаниями и Интернет-гигантами, различается не сильно. Если вы испытываете проблемы с подключением, не бойтесь сменить провайдера.

    Подключение через локальную сеть

  • Проверьте вместе с вашими коллегами, администратором сети или провайдерской службой, что сеть функционирует нормально. Возможно, не работает подключение вашей сети к Интернет или служба перегружена.
  • Большинство соединений проходит через прокси-сервер. Проверьте ваши настройки прокси-сервера. В Internet Explorer выберите Internet Options в меню Tools , нажмите Connections, выберите LAN Settings и установите опции в Proxy Server. В Netscape нажмите Preferences в меню Edit, щелкните дважды по Advanced в Category, щелкните на Proxies и установите опции прокси-сервера.

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

  • Проверьте конфигурацию вашего протокола TCP/IP, обеспечивающего доступ в интернет. Откройте окно MS-DOS (в меню Start выберите Programs и нажмите MS-DOS Prompt или Command Prompt), наберите
  • Если эти строки не появились, вам придется переустановить TCP/IP. Вот как это делается (в Windows 98). Щелкните правой кнопкой на Network Neighborhood и выберите Properties. Щелкните дважды на вкладке TCP/IP доступ для вашей сетевой карты (вам не нужно делать этого при работе через дозвон) и впишите характеристики во все окна, особенно DNS, Gateway и IP-Address. Затем выберите каждый TCP/IP допуск и нажмите Remove. Нажмите OK и перезагрузите компьютер. Снова щелкните правой кнопкой по Network Neighborhood и нажмите Properties. Нажмите Add, дважды щелкните на Protocol, нажмите Microsoft под Manufacturers, нажмите TCP/IP под Network Protocols и OK. Дважды щелкните на TCP/IP protocol entry, чтобы применить сделанные изменения. Нажмите OK, затем перезагрузите компьютер.
  • Проверьте связь с Интернет. Наберите в режиме MS-DOS 208.20.99.165 и нажмите (Enter). Если вы подключены, вы увидите четыре строки текста, начинающегося с "Reply from…"

    Основы соединения с Интернет

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

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

    Каждый компьютер в сети имеет IP адрес, состоящий из четырех чисел от нуля до 255, к примеру 207.46.131.137 (адрес microsoft.com). Каждый домен, то есть место в сети, имеющее собственное имя, обладает постоянным IP адресом. Напротив, когда вы подключаетесь к своему провайдеру или корпоративной сети, ваш компьютер получает временный IP адрес, чтобы серверы могли посылать информацию в ответ на ваши запросы. Компьютеры используют цифровой IP адрес для доступа к доменам сети, люди используют имя домена, например microsoft.com. Чтобы преобразовать эти имена в числа, интернет использует систему имен доменов (domain name system) – огромную сеть серверов с полной базой данных по именам, числам и другой сетевой информации. Если вы зарегистрируете собственное имя домена, оно попадет в эту базу данных, чтобы пользователи сети по всему миру могли запросить ваш сайт.

    Заполучив IP-адрес веб-сервера, ваш браузер использует другой протокол – Hypertext Transfer Protocol (Протокол передачи гипертекста, сокращенно HTTP) – чтобы запросить веб-страницу. Этот протокол позволяет вам посылать и запрашивать информацию и получать ответы без прямого подключения к серверу на другом конце – что было бы затруднительно, учитывая число компьютеров в интернет.

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

  • Проверьте, соединены ли вы с сетью при помощи службы domain name service (DNS) –превращающей dot-com style names в адреса Интернет. Наберите ping callahansoftware.com и нажмите (Enter). Вы должны будете увидеть сообщение "Reply from…" Если же вам приходит ответ "Unknown host callahansoftware.com", ваш сервер или ваши установки DNS не работают. Если DNS не работает, свяжитесь со своим провайдером или администратором вашей сети.
  • Браузер отображает пустую или частично пустую страницу или появляется код HTML

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

    Самая частая причина возникновения проблем – опечатка или синтаксическая ошибка в вашем HTML. К примеру, если вы забыли закрывающую угловую скобку (>) после тэга, браузер воспримет весь текст до следующего тэга как часть предыдущего тэга. Если вы забыли открывающую скобку (<) перед тэгом, браузер не поймет, что это тэг, и может отобразить его как обычный текст. Лишний закрывающий тэг – для комментариев или сценария, например – может привести к тому, что браузер не отобразит остаток страницы. А в строгих браузерах, вроде Opera, даже небольшая ошибка HTML может привести к отказу браузера отображать всю или часть вашей страницы.

    Чтобы починить страницу, сделайте следующее.

  • Если страница совсем не загрузилась, попробуйте загрузить ее снова. В Internet Explorer нажмите Refresh в меню View. В Netscape нажмите Reload в меню View. Если вы снова получили чистую страницу или странное сообщение, что-то не так с вашим HTML. (Если браузер отображает сообщение об ошибке, обратитесь к разделу "Браузер выдает ошибку при просмотре страницы".)
  • Тщательно проверьте ваш HTML на правильность. Например, проверьте,что у всех тэгов стоят открывающие и закрывающие скобки (< и >). Убедитесь, что все тэги, открывающие блок, имеют соответствующие закрывающие тэги. Если браузер показывает HTML или недозагружает страницу, стоит особенно тщательно проверить то местo, где начались проблемы. Исправьте все найденные ошибки, добавьте пропущенные закрывающие тэги и просмотрите свою страницу снова.
  • Диагностируйте проблемы вашего HTML используя инструмент проверки HTML (validation). В HomeSite проверка на корректность кода встроена в программу. В меню Tools нажмите Validate Document; результаты появятся внизу экрана. Вы можете воспользоваться функцией validation прямо в сети, к примеру на validator.w3.org.

    Если программа проверки сообщает о пропущенных или неправильных тэгах, исправьте их и просмотрите страницу снова. (О том, как исправлять найденные ошибки, см. раздел "Инструмент проверки на корректность HTML сообщает об ошибке в коде".)

  • Плохо организованный код может затруднить диагностику ошибок. Если вы хотите подчистить ваш код – к примеру, чтобы облегчить его чтение – используйте функцию форматирования HTML. Если вы работаете с HomeSite, используйте функцию CodeSweeper – опция HTML Tidy часто дает превосходный результат. В менюTools отметьте CodeSweeper и затем нажмите AllaireDefault HTML Tidy Settings.
  • Если у вас стоит какой-либо сценарий, возможно, он является причиной проблем, о которых вам неизвестно. В Internet Explorer 5 посмотрите, нет ли предупреждающего значка в нижнем левом углу окна. В Netscape введите javascript: в строке адреса, чтобы открыть консоль JavaScript для отображения ошибок. Если ваш сценарий вызывает ошибки, удалите его со страницы или посмотрите главу "Сценарии", чтобы решить проблему.
  • Прежде чем использовать функцию форматирования HTML, сохраните и скопируйте вашу страницу, чтобы восстановить оригинал в случае необходимости. Во многих случаях вы можете не захотеть использовать функцию форматирования. Кроме того, форматирование страницы может создать новые проблемы. Не забудьте внимательно просмотреть страницу после форматирования кода.

    Браузер выдает ошибку при просмотре страницы

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

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

    Если ошибка в браузере

  • Если браузер отображает сообщение Windows "Illegal operation", вы, скорее всего, не сможете решить проблему, сменив страницу. Это может быть внутренняя проблема. Перезагрузите компьютер и попробуйте просмотреть страницу снова.
  • Если вы все еще не можете просмотреть страницу, вам, возможно, нужен обновленный браузер. (Браузеры Microsoft можно найти на www.microsoft.com/windows/ie, а Netscape – на home.netscape.com/download.) Также проблема часто бывает вызвана вашей видеокартой или программным обеспечением – вам стоит обновить видеодрайвер или проверить, поддерживает ли браузер видеокарту.
  • Если браузер сообщает, что не может найти и отобразить страницу

  • Браузеры используют набор различных сообщений о том, что они не могут отобразить страницу. В любом случае сперва проверьте, не ошиблись ли вы где-нибудь в имени домена или страницы. Проверьте расширение файла и веб-страницы и правильность написания имени домена, такого как http://www.w3.org
  • Если вы ввели верный адрес, возможно, файл не находится сейчас в этом месте. Используя вашу FTP программу – или Windows Explorer для локальных файлов – убедитесь, что вы сохранили или опубликовали свою страницу в нужном месте на веб-сервере.
  • Если у вас не получается открыть стартовую страницу вашего сервера – набрав, например, www.yahoo.com, – то возможно, что ваш веб-сервер не настроен для поиска имени файла вашей страницы. Проверьте, какое имя ищет сервер – зачастую это index.htm или default.htm.
  • Если браузер не может отыскать домен указанного вами сервера, возможно, подключение к интернет или веб-сервер не работает. Проверьте, подключены ли вы к интернет. Если подключены, попробуйте загрузить сервер позже или свяжитесь с вашим провайдером или администратором веб-сервера.
  • Браузер выводит сообщение о безопасности

  • Есть две причины ошибок безопасности – параметры доступа на сервере и предосторожности, принятые браузером. Если ваш браузер отображает сообщения вроде "401 Unauthorized", "403 Forbidden" или "You are not authorized to view this page", веб-сервер настроен так, чтобы не допускать вас на эту страницу. Для решения этой проблемы измените настройки безопасности, разрешив анонимный вход (или доступ для определенных пользователей).
  • Если браузер отображает свое собственное сообщение безопасности для вашей страницы, это означает, что настройки браузера не допускают использования некоторых особенностей вашей страницы.
  • Если, к примеру, ваша страница пытается загрузить ActiveX, настройки безопасности могут не допустить этого. Чтобы просмотреть страницу, вы можете поступиться ограничениями безопасности браузера. Чтобы решить проблему для посетителей, убедитесь, что вы используете компоненты только из надежных источников – и предусмотрите альтернативную страницу для посетителей, которые будут следовать правилам безопасности.

    Страница не работает в некоторых браузерах

    Страницы обычно создаются для наиболее используемых браузеров, скажем, для Internet Explorer или Netscape – причем для наиболее новых версий. Разрабатывая дизайн сайта, вы, как правило, просматриваете страницу именно таким браузером. Позже, когда вы тестируете его другим браузером или версией, вы можете обнаружить, что ваши тэги, стили, сценарии и внедренные объекты не работают. Все дело в несовместимости браузеров. Проблемы возрастают потому, что другой браузер не поддерживает некоторые используемые вами функции или потому, что он нуждается в другом синтаксисе или тэге для их реализации. Если браузер не поддерживает тэг или атрибут HTML, он обычно не сообщает об этом. Вместо этого он проигнорнирует часть, которую не понимает, и просто отобразит страниц настолько хорошо, насколько сможет. В некоторых случаях эффект будет не очень заметен – например, если вы предусмотрели фоновый звук, который проигрывается только в некоторых браузерах. В других случаях проблемы могут помешать посетителям увидеть вашу страницу.

    Чтобы решить проблему совместимости браузеров, за идеями дизайна обратитесь к разделу "Дизайн страниц для всех браузеров". Если ваша страница использует сценарии и они не работают, обратитесь к разделу "Сценарий работает в одном браузере, но не работает в другом".

  • Определите серьезность проблемы. Если ваша страница не работает с новыми версиями Netscape или Internet Explorer (версии 4 или более поздней), вам обязательно нужно найти решение. С другой стороны, если это менее популярный браузер, вы вполне можете смириться с этой проблемой. К примеру, если ваша графика не совместима с браузером WebTV – который не слишком популярен, особенно для делового использования – вы можете проигнорировать проблему.
  • Если ваш редактор HTML обеспечивает легкий предварительный просмотр, настройте браузер на просмотр страницы, с которой у вас возникают проблемы. Изменяя код для решения проблемы, почаще проверяйте страницу в этом браузере. В FrontPage, например, нажмите Preview In Browser в меню File, а затем нажмите Add, если браузер, который вам нужен, не приведен в списке.

    В HomeSite нажмите Configure External Browsers в меню Options и добавьте нужный вам браузер. Каждый раз, когда вы просматриваете страницу, у вас будет возможность посмотреть, как она выглядит в этом браузере.

  • Если HTML содержит ошибки, они могут повлиять на браузер. Внимательно проверьте ваш HTML на правильность, например, все ли открывающие тэги снабжены соответствующими закрывающими тэгами? Найдите ошибки в коде HTML, используя инструменты проверки кода на корректность.

    Если вы используете HomeSite для редактирования вашей страницы, функция validation встроена в программу. Нажмите Validate Document в меню Tools; результаты появятся внизу экрана. Вы также можете воспользоваться функцией validation прямо в сети, к примеру на validator.w3.org.

    (Другие решения смотрите в Приложении C). Об исправлении ошибок см. раздел "Инструмент проверки на корректность HTML сообщает об ошибке в коде".

  • Некоторый HTML может быть слишком продвинутым для браузера или может подходить только к определенному браузеру. Например, тэг <MARQUEE> работает только в Internet Explorer, а тэг <BLINK> – только в Netscape. Многие программы проверки отмечают тэги или атрибуты, работающие только с одним браузером. Существует много источников со списками совместимости браузеров. Отыщите тэг, с которым возникают проблемы при отображении вашей страницы в данном браузере. Можете ли вы добиться того же эффекта, используя другой, более широко поддерживаемый метод? Например, вместо тэга <BLINK> вы можете использовать JavaScript или создать анимированный GIF.

    Если вы хотите отображать разные страницы или отдельные элементы страниц для посетителей с нераспространёнными браузерами, вы можете сделать это при помощи сценария. См. раздел "Сценарий работает в одном браузере, но не работает в других".
  • Если страница использует каскадированные таблицы стилей (CSS), могут возникнуть проблемы. По возможности используйте обычные тэги HTML и атрибуты. К примеру, используйте атрибуты тэга <BODY>, такие как bgcolor и link, чтобы установить параметры фона и связать цвета, пусть даже эти атрибуты зачастую лучше управляются через CSS. Подробнее см. раздел "Стили не работают в определенном браузере".
  • Если ваша страница использует внедрённые объекты, плагины или апплеты Java, учтите, что они могут не работать со старыми браузерами или с системами, где не были установлены все необходимые компоненты. Компоненты ActiveX, например, запускаются только в Internet Explorer для Windows. Даже если компоненты и работают где-то ещё, посетителям нужно скачивать плагины, чтобы поддерживать их.

    Если вы хотите быть уверены, что никто из ваших посетителей не останется за дверью, предпочтите более совместимый вариант. см. раздел "Форматы аудио и видео".

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

    Насколько популярен каждый браузер? Так получилось, что очень многие сайты публикуют статистику использования браузеров. (Чтобы найти ее, поищите в сети browser statistics.) В зависимости от источника цифры могут немного меняться – около 75 процентов используют Internet Explorer 4 или более поздних версий, около 20 процентов используют Netscape 4 или более поздних версий, и оставшиеся 5 процентов используют старые версии или другие браузеры, такие как WebTV, Opera или Lynx.

    Потрясающие новости о совместимости! Internet Explorer 5.5 и Netscape 6 поддерживают одинаковые веб-стандарты. В большинстве случаев одни и те же страницы будут выглядеть и работать одинаково в этих двух браузерах.

    Дизайн страниц для всех браузеров

    Существуют четыре основные стратегии для преодоления различий между браузерами.

  • Делайте проще. Суть этой стратегии выражается словами "дизайн для наименьшего общего знаменателя", предполагает использование исключительно HTML, поддерживаемого уже долгие годы, без стилей, сценариев и плагинов. Заодно протестируйте ваши страницы в старом браузере, чтобы убедиться, что посетители, использующие такие браузеры, могут просмотреть ваш сайт.
  • Режьте по живому. Стратегия, противоположная предыдущей. Подразумевает использование всеми последних браузеров, таких как Netscape 6 и Internet Explorer 5.5 и более поздними. Вы можете использовать все последние достижения: стили для форматирования и размещения объектов, динамические эффекты HTML, Flash анимацию и т.д.. Если вы пойдёте этим путём, вы должны будете указать на вашей главной странице, какой браузер необходим для доступа к вашему сайту.
  • Создавайте отдельную страницу для каждого браузера. Многие крупные сайты используют эту трудоёмкую стратегию, чтобы наилучшим образом представить своё содержание посетителям. Вам понадобится создать три или более версий вашей страницы, по одной для каждого браузера или группы браузеров. Например, сделайте низкотехнологичный сайт для старых браузеров, технически продвинутый для новых браузеров и третий для Netscape 4. Затем используйте сценарии – скажем, JavaScript на вашей странице или сценарии сервера, чтобы отобразить нужную страницу.
  • Сбалансированный подход. Создайте набор страниц, работающий с большинством браузеров, которые вы хотите поддерживать. Кроме того, убедитесь, что ваши страницы не имеет существенных изъянов в других браузерах.
  • Страница FrontPage не работает в конкретном браузере

    Многие функции FrontPage разработаны для работы только в Internet Explorer 4 и более поздних версиях. Когда вы применяете их в Netscape или каком-то ещё браузере, они могут действовать неверно и даже вызывать ошибки. Для того чтобы решить эту проблему, в FrontPage включены опции, которые помогут вам избежать создания страницы, несовместимой с браузером, который вы хотите поддерживать. Например, вы можете отключить все функции FrontPage, не работающие в Netscape.

    Чтобы заставить ваши страницы работать в других браузерах, сделайте следующее.

  • Если вы использовали переход страницы, динамические эффекты HTML, стили границ, фоновые звуки, эффекты шрифтов или абсолютное расположение объектов, они вряд ли будут работать с Netscape версии 4 и более ранними. Если эти функции просто не работают, но не создают других проблем, оставьте их для пользователей Internet Explorer. Но если они ещё и создают проблемы, уберите их со своей страницы.
  • Если ваша страница использует тему FrontPage, добавьте тему заново, не используя стили. В меню Format нажмите Theme. Нажмите All Pages или Selected Page. Уберите флажок Apply Using CSS и затем нажмите OK.

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

    Мое решение проблемы совместимости

    Разрабатывая свои веб-страницы для www.callahansoftware.com, я использовал таблицы стилей, чтобы удобнее отформатировать содержимое. Я потратил очень много времени на то, чтобы мой сайт хорошо выглядел в Netscape 4, и я очень хотел обойтись без отдельных страниц для других браузеров. Слишком сложно поддерживать!

    В связи с различиями между браузерами в поддержке CSS я пошел на компромисс. Я оставил один набор страниц, но сделал две отдельные таблицы стилей – одну для Netscape 4, другую для остальных браузеров. Несложный JavaScript вверху каждой страницы загружал либо одну, либо другую таблицу стилей. Кроме того, если браузер не поддерживает ни JavaScript, ни CSS – крайне неприятный случай – посетитель все равно видит страницу со вполне приемлемым качеством.

  • Чтобы избежать использования функций, несовместимых с некоторыми браузерами, отключите их. В меню Tools нажмите Page Options. Выберите вкладку Compatibility. В окне Browsers выберите Both Internet Explorer And Navigator. Под Technologies уберите флажки для тех функций, которые вы не хотите использовать, вроде CSS 2.0 (Positioning) и Dynamic HTML. Нажмите OK.
  • Макет страницы меняется в разных браузерах

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

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

  • Если ваш редактор HTML обеспечивает легкий предварительный просмотр, настройте браузер на просмотр страницы, с которой у вас возникают проблемы. Изменяя код для решения проблемы, почаще проверяйте страницу в этом браузере. В FrontPage, например, нажмите Preview In Browser в меню File, а затем нажмите Add, если браузер, который вам нужен, не приведен в списке. В HomeSite,нажмите Configure External Browsers в меню Options и добавьте нужный браузер. Затем каждый раз при просмотре страницы у вас будет возможность увидеть, как она выглядит в этом браузере.
  • Возможно, проблема с полями страницы. По умолчанию браузер помещает пустое пространство в левом верхнем углу каждой странцы. Netscape и Internet Explorer используют разные атрибуты тэга <BODY> для изменения этого поля, так что вам придется написать дополнительный код. Используйте следующий тэг <BODY>, чтобы страница загружалась вплотную к левому верхнему углу.

    <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>
  • Возможно, у вас лишняя строка или лишнее свободное место в конце ячейки, гиперссылки или другого элемента. Многие браузеры добавляют дополнительные пробелы, если вы ставите закрывающий тэг (такой как </TD> или </A>) в строку тэга (хотя этого может и не случиться, учитывая специфику HTML). Эта проблема особенно актуальна, если у вас есть два изображения, которые должны соприкасаться друг с другом. Чтобы избавиться от пустого пространства, переместите закрывающий тэг в конец предыдущей строки.

    <a href=other.htm><img src="ralph.gif "width=50 height=50></a>

    Также, чтобы избежать дополнительного пространства между ячейками в Netscape, приравняйте атрибуты cellspacing и border к 0 в тэге <TABLE>:

    <table cellspacing=0 border=0>
  • Убедитесь, что Netscape правильно отображает таблицу с пустыми ячейками. Некоторые версии Netscape неверно отбражают пустые ячейки, даже если вы указали ширину и высоту. (За дополнительной информацией обратитесь к разделу "Пустые ячейки не отображаются правильно в Netscape".) Чтобы этого избежать, поместите внутрь ячейки какой-либо элемент, вроде непрерывного пробела:

    <td width=50> </td>
  • У вас могут возникнуть проблемы с пространством столбцов на странице. Зачастую они ограничивают ширину страницы или создают на странице столбцы, таким образом превращая страницу в большую таблицу. К сожалению, браузеры устанавливают ширину столбцов по-разному. Чтобы ваша таблица одинаково выглядела в разных браузерах, установите атрибут width в каждом тэге <td>, предоставляя каждому столбцу достаточно места для его содержимого. Если вы указали ширину таблицы, убедитесь, что ширина ячеек совпадает с этой величиной, иначе Netscape добавит лишнее пространство к каждой ячейке. Ниже приведен пример:

    <!--Table for overall page layout -->
    <table width=600 cellpadding=0 cellspacing=0 border=0>
      <tr>
        <td width=200>
          Insert narrow column HTML here.
        </td>
        <td width=400>
          Insert wide column HTML here.
        </td>
      </tr>
    </table>

    Если вы создали растягиващуюся таблицу, то есть изменяющую размер столбцов в зависимости от ширины окна, браузеры могут определять их размер по-разному. За советом обращайтесь к разделу "Отображаемая ширина столбца отличается от заданной".

    Если вы хотите отображать различные страницы для посетителей с разными браузерами, вы можете делать это с помощью сценария. Смотрите "Сценарий работает в одном браузере, но не работает в другом".

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

    body,td {font-size:16px;}
  • Если вы создаете форму, то обнаружите, что Netscape и Internet Explorer устанавливают разную ширину текстовых полей (теги <INPUT>); в Netscape эти поля могут не совпадать с вашей страницей или шириной ячеек. Измените величину атрибута size, чтобы поля правильно размещались в Netscape. Затем, если вам хочется, используйте стиль, чтобы указать размер поля и шрифт:

    <input type="text "name="email "size="20"
      style="width:300px;font:10pt arial ">
  • Если вы не можете получить страницу, правильно отображаемую во всех браузерах, попробуйте пойти на компромисс: вы обеспечиваете наилучшее возможное размещение в наиболее распространенных браузерах и по возможности точное в других браузерах.
  • Страницы:

    Проблемы с доступом в Интернет

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

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

  • Попробуйте открыть веб-страницу на вашем собственном компьютере. В вашем браузере нажмите Open в меню File, нажмите Browse и выберите исправную страницу (файл .htm). Если это не получается, переустановите браузер, возможно, это решит проблему.
  • Убедитесь, что сеть доступна. В Internet Explorer выберите меню File и убедитесь, что не выбран пункт Work Offline. В Netscape выберите в меню File пункт Offline и нажмите Work Online. Нажмите кнопку Refresh.
  • Проверьте, возникают ли проблемы с одной страницей, сервером или со всей сетью. Введите адреса www.microsoft.com или www.yahoo.com. Если эти сайты отображаются вашим браузером, то дело только в сайте или странице, которую вы хотели посетить. Попробуйте зайти туда позднее.
  • Если вы подключаетесь к Интернет через местную сеть, без помощи модема, пропустите все нижеуказанные пункты до "Подключение через локальную сеть". Если нет, проверьте ваш удаленный доступ. Если вы подключены к вашему провайдеру, но веб-страницы недоступны, попробуйте подсоединиться заново, возможно, у вас проблемы со связью.
  • Соединение через дозвон. ( В Windows двойной щелчок по My Computer, двойной щелчок по Dial-Up Networking и двойной щелчок по значку соединения.) Если вы получаете сообщение об ошибке, проверьте наличие гудка. Если вы ничего не слышите от модема, проверьте телефонную линию и провода. Если вы всё еще не обнаружили источник проблемы, просмотрите документацию модема и браузера. (В Internet Explorer 5 нажмите Contents And Index в меню Help , щелкните Connecting To The Internet на панели Contents и выберите Fixing Connection Problems.)
  • Если модем дозванивается, но не соединяется – занято или нет ответа – проверьте код местности и телефонный номер. Если всё в порядке, дело в ограниченных возможностях вашего провайдера. Попробуйте дозвониться позднее.
  • Если вы подсоединяетесь, но получаете сообщение об ошибке пароля, проверьте ваше имя пользователя и пароль. Если вы уверены, что они верны, свяжитесь со своим провайдером.
  • Качество Интернет-услуг, предоставляемых небольшими местными компаниями и Интернет-гигантами, различается не сильно. Если вы испытываете проблемы с подключением, не бойтесь сменить провайдера.

    Подключение через локальную сеть

  • Проверьте вместе с вашими коллегами, администратором сети или провайдерской службой, что сеть функционирует нормально. Возможно, не работает подключение вашей сети к Интернет или служба перегружена.
  • Большинство соединений проходит через прокси-сервер. Проверьте ваши настройки прокси-сервера. В Internet Explorer выберите Internet Options в меню Tools , нажмите Connections, выберите LAN Settings и установите опции в Proxy Server. В Netscape нажмите Preferences в меню Edit, щелкните дважды по Advanced в Category, щелкните на Proxies и установите опции прокси-сервера.

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

  • Проверьте конфигурацию вашего протокола TCP/IP, обеспечивающего доступ в интернет. Откройте окно MS-DOS (в меню Start выберите Programs и нажмите MS-DOS Prompt или Command Prompt), наберите
  • Если эти строки не появились, вам придется переустановить TCP/IP. Вот как это делается (в Windows 98). Щелкните правой кнопкой на Network Neighborhood и выберите Properties. Щелкните дважды на вкладке TCP/IP доступ для вашей сетевой карты (вам не нужно делать этого при работе через дозвон) и впишите характеристики во все окна, особенно DNS, Gateway и IP-Address. Затем выберите каждый TCP/IP допуск и нажмите Remove. Нажмите OK и перезагрузите компьютер. Снова щелкните правой кнопкой по Network Neighborhood и нажмите Properties. Нажмите Add, дважды щелкните на Protocol, нажмите Microsoft под Manufacturers, нажмите TCP/IP под Network Protocols и OK. Дважды щелкните на TCP/IP protocol entry, чтобы применить сделанные изменения. Нажмите OK, затем перезагрузите компьютер.
  • Проверьте связь с Интернет. Наберите в режиме MS-DOS 208.20.99.165 и нажмите (Enter). Если вы подключены, вы увидите четыре строки текста, начинающегося с "Reply from…"

    Основы соединения с Интернет

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

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

    Каждый компьютер в сети имеет IP адрес, состоящий из четырех чисел от нуля до 255, к примеру 207.46.131.137 (адрес microsoft.com). Каждый домен, то есть место в сети, имеющее собственное имя, обладает постоянным IP адресом. Напротив, когда вы подключаетесь к своему провайдеру или корпоративной сети, ваш компьютер получает временный IP адрес, чтобы серверы могли посылать информацию в ответ на ваши запросы. Компьютеры используют цифровой IP адрес для доступа к доменам сети, люди используют имя домена, например microsoft.com. Чтобы преобразовать эти имена в числа, интернет использует систему имен доменов (domain name system) – огромную сеть серверов с полной базой данных по именам, числам и другой сетевой информации. Если вы зарегистрируете собственное имя домена, оно попадет в эту базу данных, чтобы пользователи сети по всему миру могли запросить ваш сайт.

    Заполучив IP-адрес веб-сервера, ваш браузер использует другой протокол – Hypertext Transfer Protocol (Протокол передачи гипертекста, сокращенно HTTP) – чтобы запросить веб-страницу. Этот протокол позволяет вам посылать и запрашивать информацию и получать ответы без прямого подключения к серверу на другом конце – что было бы затруднительно, учитывая число компьютеров в интернет.

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

  • Проверьте, соединены ли вы с сетью при помощи службы domain name service (DNS) –превращающей dot-com style names в адреса Интернет. Наберите ping callahansoftware.com и нажмите (Enter). Вы должны будете увидеть сообщение "Reply from…" Если же вам приходит ответ "Unknown host callahansoftware.com", ваш сервер или ваши установки DNS не работают. Если DNS не работает, свяжитесь со своим провайдером или администратором вашей сети.
  • Браузер отображает пустую или частично пустую страницу или появляется код HTML

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

    Самая частая причина возникновения проблем – опечатка или синтаксическая ошибка в вашем HTML. К примеру, если вы забыли закрывающую угловую скобку (>) после тэга, браузер воспримет весь текст до следующего тэга как часть предыдущего тэга. Если вы забыли открывающую скобку (<) перед тэгом, браузер не поймет, что это тэг, и может отобразить его как обычный текст. Лишний закрывающий тэг – для комментариев или сценария, например – может привести к тому, что браузер не отобразит остаток страницы. А в строгих браузерах, вроде Opera, даже небольшая ошибка HTML может привести к отказу браузера отображать всю или часть вашей страницы.

    Чтобы починить страницу, сделайте следующее.

  • Если страница совсем не загрузилась, попробуйте загрузить ее снова. В Internet Explorer нажмите Refresh в меню View. В Netscape нажмите Reload в меню View. Если вы снова получили чистую страницу или странное сообщение, что-то не так с вашим HTML. (Если браузер отображает сообщение об ошибке, обратитесь к разделу "Браузер выдает ошибку при просмотре страницы".)
  • Тщательно проверьте ваш HTML на правильность. Например, проверьте,что у всех тэгов стоят открывающие и закрывающие скобки (< и >). Убедитесь, что все тэги, открывающие блок, имеют соответствующие закрывающие тэги. Если браузер показывает HTML или недозагружает страницу, стоит особенно тщательно проверить то местo, где начались проблемы. Исправьте все найденные ошибки, добавьте пропущенные закрывающие тэги и просмотрите свою страницу снова.
  • Диагностируйте проблемы вашего HTML используя инструмент проверки HTML (validation). В HomeSite проверка на корректность кода встроена в программу. В меню Tools нажмите Validate Document; результаты появятся внизу экрана. Вы можете воспользоваться функцией validation прямо в сети, к примеру на validator.w3.org.

    Если программа проверки сообщает о пропущенных или неправильных тэгах, исправьте их и просмотрите страницу снова. (О том, как исправлять найденные ошибки, см. раздел "Инструмент проверки на корректность HTML сообщает об ошибке в коде".)

  • Плохо организованный код может затруднить диагностику ошибок. Если вы хотите подчистить ваш код – к примеру, чтобы облегчить его чтение – используйте функцию форматирования HTML. Если вы работаете с HomeSite, используйте функцию CodeSweeper – опция HTML Tidy часто дает превосходный результат. В менюTools отметьте CodeSweeper и затем нажмите AllaireDefault HTML Tidy Settings.
  • Если у вас стоит какой-либо сценарий, возможно, он является причиной проблем, о которых вам неизвестно. В Internet Explorer 5 посмотрите, нет ли предупреждающего значка в нижнем левом углу окна. В Netscape введите javascript: в строке адреса, чтобы открыть консоль JavaScript для отображения ошибок. Если ваш сценарий вызывает ошибки, удалите его со страницы или посмотрите главу "Сценарии", чтобы решить проблему.
  • Прежде чем использовать функцию форматирования HTML, сохраните и скопируйте вашу страницу, чтобы восстановить оригинал в случае необходимости. Во многих случаях вы можете не захотеть использовать функцию форматирования. Кроме того, форматирование страницы может создать новые проблемы. Не забудьте внимательно просмотреть страницу после форматирования кода.

    Браузер выдает ошибку при просмотре страницы

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

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

    Если ошибка в браузере

  • Если браузер отображает сообщение Windows "Illegal operation", вы, скорее всего, не сможете решить проблему, сменив страницу. Это может быть внутренняя проблема. Перезагрузите компьютер и попробуйте просмотреть страницу снова.
  • Если вы все еще не можете просмотреть страницу, вам, возможно, нужен обновленный браузер. (Браузеры Microsoft можно найти на www.microsoft.com/windows/ie, а Netscape – на home.netscape.com/download.) Также проблема часто бывает вызвана вашей видеокартой или программным обеспечением – вам стоит обновить видеодрайвер или проверить, поддерживает ли браузер видеокарту.
  • Если браузер сообщает, что не может найти и отобразить страницу

  • Браузеры используют набор различных сообщений о том, что они не могут отобразить страницу. В любом случае сперва проверьте, не ошиблись ли вы где-нибудь в имени домена или страницы. Проверьте расширение файла и веб-страницы и правильность написания имени домена, такого как http://www.w3.org
  • Если вы ввели верный адрес, возможно, файл не находится сейчас в этом месте. Используя вашу FTP программу – или Windows Explorer для локальных файлов – убедитесь, что вы сохранили или опубликовали свою страницу в нужном месте на веб-сервере.
  • Если у вас не получается открыть стартовую страницу вашего сервера – набрав, например, www.yahoo.com, – то возможно, что ваш веб-сервер не настроен для поиска имени файла вашей страницы. Проверьте, какое имя ищет сервер – зачастую это index.htm или default.htm.
  • Если браузер не может отыскать домен указанного вами сервера, возможно, подключение к интернет или веб-сервер не работает. Проверьте, подключены ли вы к интернет. Если подключены, попробуйте загрузить сервер позже или свяжитесь с вашим провайдером или администратором веб-сервера.
  • Браузер выводит сообщение о безопасности

  • Есть две причины ошибок безопасности – параметры доступа на сервере и предосторожности, принятые браузером. Если ваш браузер отображает сообщения вроде "401 Unauthorized", "403 Forbidden" или "You are not authorized to view this page", веб-сервер настроен так, чтобы не допускать вас на эту страницу. Для решения этой проблемы измените настройки безопасности, разрешив анонимный вход (или доступ для определенных пользователей).
  • Если браузер отображает свое собственное сообщение безопасности для вашей страницы, это означает, что настройки браузера не допускают использования некоторых особенностей вашей страницы.
  • Если, к примеру, ваша страница пытается загрузить ActiveX, настройки безопасности могут не допустить этого. Чтобы просмотреть страницу, вы можете поступиться ограничениями безопасности браузера. Чтобы решить проблему для посетителей, убедитесь, что вы используете компоненты только из надежных источников – и предусмотрите альтернативную страницу для посетителей, которые будут следовать правилам безопасности.

    Страница не работает в некоторых браузерах

    Страницы обычно создаются для наиболее используемых браузеров, скажем, для Internet Explorer или Netscape – причем для наиболее новых версий. Разрабатывая дизайн сайта, вы, как правило, просматриваете страницу именно таким браузером. Позже, когда вы тестируете его другим браузером или версией, вы можете обнаружить, что ваши тэги, стили, сценарии и внедренные объекты не работают. Все дело в несовместимости браузеров. Проблемы возрастают потому, что другой браузер не поддерживает некоторые используемые вами функции или потому, что он нуждается в другом синтаксисе или тэге для их реализации. Если браузер не поддерживает тэг или атрибут HTML, он обычно не сообщает об этом. Вместо этого он проигнорнирует часть, которую не понимает, и просто отобразит страниц настолько хорошо, насколько сможет. В некоторых случаях эффект будет не очень заметен – например, если вы предусмотрели фоновый звук, который проигрывается только в некоторых браузерах. В других случаях проблемы могут помешать посетителям увидеть вашу страницу.

    Чтобы решить проблему совместимости браузеров, за идеями дизайна обратитесь к разделу "Дизайн страниц для всех браузеров". Если ваша страница использует сценарии и они не работают, обратитесь к разделу "Сценарий работает в одном браузере, но не работает в другом".

  • Определите серьезность проблемы. Если ваша страница не работает с новыми версиями Netscape или Internet Explorer (версии 4 или более поздней), вам обязательно нужно найти решение. С другой стороны, если это менее популярный браузер, вы вполне можете смириться с этой проблемой. К примеру, если ваша графика не совместима с браузером WebTV – который не слишком популярен, особенно для делового использования – вы можете проигнорировать проблему.
  • Если ваш редактор HTML обеспечивает легкий предварительный просмотр, настройте браузер на просмотр страницы, с которой у вас возникают проблемы. Изменяя код для решения проблемы, почаще проверяйте страницу в этом браузере. В FrontPage, например, нажмите Preview In Browser в меню File, а затем нажмите Add, если браузер, который вам нужен, не приведен в списке.

    В HomeSite нажмите Configure External Browsers в меню Options и добавьте нужный вам браузер. Каждый раз, когда вы просматриваете страницу, у вас будет возможность посмотреть, как она выглядит в этом браузере.

  • Если HTML содержит ошибки, они могут повлиять на браузер. Внимательно проверьте ваш HTML на правильность, например, все ли открывающие тэги снабжены соответствующими закрывающими тэгами? Найдите ошибки в коде HTML, используя инструменты проверки кода на корректность.

    Если вы используете HomeSite для редактирования вашей страницы, функция validation встроена в программу. Нажмите Validate Document в меню Tools; результаты появятся внизу экрана. Вы также можете воспользоваться функцией validation прямо в сети, к примеру на validator.w3.org.

    (Другие решения смотрите в Приложении C). Об исправлении ошибок см. раздел "Инструмент проверки на корректность HTML сообщает об ошибке в коде".

  • Некоторый HTML может быть слишком продвинутым для браузера или может подходить только к определенному браузеру. Например, тэг <MARQUEE> работает только в Internet Explorer, а тэг <BLINK> – только в Netscape. Многие программы проверки отмечают тэги или атрибуты, работающие только с одним браузером. Существует много источников со списками совместимости браузеров. Отыщите тэг, с которым возникают проблемы при отображении вашей страницы в данном браузере. Можете ли вы добиться того же эффекта, используя другой, более широко поддерживаемый метод? Например, вместо тэга <BLINK> вы можете использовать JavaScript или создать анимированный GIF.

    Если вы хотите отображать разные страницы или отдельные элементы страниц для посетителей с нераспространёнными браузерами, вы можете сделать это при помощи сценария. См. раздел "Сценарий работает в одном браузере, но не работает в других".
  • Если страница использует каскадированные таблицы стилей (CSS), могут возникнуть проблемы. По возможности используйте обычные тэги HTML и атрибуты. К примеру, используйте атрибуты тэга <BODY>, такие как bgcolor и link, чтобы установить параметры фона и связать цвета, пусть даже эти атрибуты зачастую лучше управляются через CSS. Подробнее см. раздел "Стили не работают в определенном браузере".
  • Если ваша страница использует внедрённые объекты, плагины или апплеты Java, учтите, что они могут не работать со старыми браузерами или с системами, где не были установлены все необходимые компоненты. Компоненты ActiveX, например, запускаются только в Internet Explorer для Windows. Даже если компоненты и работают где-то ещё, посетителям нужно скачивать плагины, чтобы поддерживать их.

    Если вы хотите быть уверены, что никто из ваших посетителей не останется за дверью, предпочтите более совместимый вариант. см. раздел "Форматы аудио и видео".

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

    Насколько популярен каждый браузер? Так получилось, что очень многие сайты публикуют статистику использования браузеров. (Чтобы найти ее, поищите в сети browser statistics.) В зависимости от источника цифры могут немного меняться – около 75 процентов используют Internet Explorer 4 или более поздних версий, около 20 процентов используют Netscape 4 или более поздних версий, и оставшиеся 5 процентов используют старые версии или другие браузеры, такие как WebTV, Opera или Lynx.

    Потрясающие новости о совместимости! Internet Explorer 5.5 и Netscape 6 поддерживают одинаковые веб-стандарты. В большинстве случаев одни и те же страницы будут выглядеть и работать одинаково в этих двух браузерах.

    Дизайн страниц для всех браузеров

    Существуют четыре основные стратегии для преодоления различий между браузерами.

  • Делайте проще. Суть этой стратегии выражается словами "дизайн для наименьшего общего знаменателя", предполагает использование исключительно HTML, поддерживаемого уже долгие годы, без стилей, сценариев и плагинов. Заодно протестируйте ваши страницы в старом браузере, чтобы убедиться, что посетители, использующие такие браузеры, могут просмотреть ваш сайт.
  • Режьте по живому. Стратегия, противоположная предыдущей. Подразумевает использование всеми последних браузеров, таких как Netscape 6 и Internet Explorer 5.5 и более поздними. Вы можете использовать все последние достижения: стили для форматирования и размещения объектов, динамические эффекты HTML, Flash анимацию и т.д.. Если вы пойдёте этим путём, вы должны будете указать на вашей главной странице, какой браузер необходим для доступа к вашему сайту.
  • Создавайте отдельную страницу для каждого браузера. Многие крупные сайты используют эту трудоёмкую стратегию, чтобы наилучшим образом представить своё содержание посетителям. Вам понадобится создать три или более версий вашей страницы, по одной для каждого браузера или группы браузеров. Например, сделайте низкотехнологичный сайт для старых браузеров, технически продвинутый для новых браузеров и третий для Netscape 4. Затем используйте сценарии – скажем, JavaScript на вашей странице или сценарии сервера, чтобы отобразить нужную страницу.
  • Сбалансированный подход. Создайте набор страниц, работающий с большинством браузеров, которые вы хотите поддерживать. Кроме того, убедитесь, что ваши страницы не имеет существенных изъянов в других браузерах.
  • Страница FrontPage не работает в конкретном браузере

    Многие функции FrontPage разработаны для работы только в Internet Explorer 4 и более поздних версиях. Когда вы применяете их в Netscape или каком-то ещё браузере, они могут действовать неверно и даже вызывать ошибки. Для того чтобы решить эту проблему, в FrontPage включены опции, которые помогут вам избежать создания страницы, несовместимой с браузером, который вы хотите поддерживать. Например, вы можете отключить все функции FrontPage, не работающие в Netscape.

    Чтобы заставить ваши страницы работать в других браузерах, сделайте следующее.

  • Если вы использовали переход страницы, динамические эффекты HTML, стили границ, фоновые звуки, эффекты шрифтов или абсолютное расположение объектов, они вряд ли будут работать с Netscape версии 4 и более ранними. Если эти функции просто не работают, но не создают других проблем, оставьте их для пользователей Internet Explorer. Но если они ещё и создают проблемы, уберите их со своей страницы.
  • Если ваша страница использует тему FrontPage, добавьте тему заново, не используя стили. В меню Format нажмите Theme. Нажмите All Pages или Selected Page. Уберите флажок Apply Using CSS и затем нажмите OK.

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

    Мое решение проблемы совместимости

    Разрабатывая свои веб-страницы для www.callahansoftware.com, я использовал таблицы стилей, чтобы удобнее отформатировать содержимое. Я потратил очень много времени на то, чтобы мой сайт хорошо выглядел в Netscape 4, и я очень хотел обойтись без отдельных страниц для других браузеров. Слишком сложно поддерживать!

    В связи с различиями между браузерами в поддержке CSS я пошел на компромисс. Я оставил один набор страниц, но сделал две отдельные таблицы стилей – одну для Netscape 4, другую для остальных браузеров. Несложный JavaScript вверху каждой страницы загружал либо одну, либо другую таблицу стилей. Кроме того, если браузер не поддерживает ни JavaScript, ни CSS – крайне неприятный случай – посетитель все равно видит страницу со вполне приемлемым качеством.

  • Чтобы избежать использования функций, несовместимых с некоторыми браузерами, отключите их. В меню Tools нажмите Page Options. Выберите вкладку Compatibility. В окне Browsers выберите Both Internet Explorer And Navigator. Под Technologies уберите флажки для тех функций, которые вы не хотите использовать, вроде CSS 2.0 (Positioning) и Dynamic HTML. Нажмите OK.
  • Макет страницы меняется в разных браузерах

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

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

  • Если ваш редактор HTML обеспечивает легкий предварительный просмотр, настройте браузер на просмотр страницы, с которой у вас возникают проблемы. Изменяя код для решения проблемы, почаще проверяйте страницу в этом браузере. В FrontPage, например, нажмите Preview In Browser в меню File, а затем нажмите Add, если браузер, который вам нужен, не приведен в списке. В HomeSite,нажмите Configure External Browsers в меню Options и добавьте нужный браузер. Затем каждый раз при просмотре страницы у вас будет возможность увидеть, как она выглядит в этом браузере.
  • Возможно, проблема с полями страницы. По умолчанию браузер помещает пустое пространство в левом верхнем углу каждой странцы. Netscape и Internet Explorer используют разные атрибуты тэга <BODY> для изменения этого поля, так что вам придется написать дополнительный код. Используйте следующий тэг <BODY>, чтобы страница загружалась вплотную к левому верхнему углу.

    <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>
  • Возможно, у вас лишняя строка или лишнее свободное место в конце ячейки, гиперссылки или другого элемента. Многие браузеры добавляют дополнительные пробелы, если вы ставите закрывающий тэг (такой как </TD> или </A>) в строку тэга (хотя этого может и не случиться, учитывая специфику HTML). Эта проблема особенно актуальна, если у вас есть два изображения, которые должны соприкасаться друг с другом. Чтобы избавиться от пустого пространства, переместите закрывающий тэг в конец предыдущей строки.

    <a href=other.htm><img src="ralph.gif "width=50 height=50></a>

    Также, чтобы избежать дополнительного пространства между ячейками в Netscape, приравняйте атрибуты cellspacing и border к 0 в тэге <TABLE>:

    <table cellspacing=0 border=0>
  • Убедитесь, что Netscape правильно отображает таблицу с пустыми ячейками. Некоторые версии Netscape неверно отбражают пустые ячейки, даже если вы указали ширину и высоту. (За дополнительной информацией обратитесь к разделу "Пустые ячейки не отображаются правильно в Netscape".) Чтобы этого избежать, поместите внутрь ячейки какой-либо элемент, вроде непрерывного пробела:

    <td width=50> </td>
  • У вас могут возникнуть проблемы с пространством столбцов на странице. Зачастую они ограничивают ширину страницы или создают на странице столбцы, таким образом превращая страницу в большую таблицу. К сожалению, браузеры устанавливают ширину столбцов по-разному. Чтобы ваша таблица одинаково выглядела в разных браузерах, установите атрибут width в каждом тэге <td>, предоставляя каждому столбцу достаточно места для его содержимого. Если вы указали ширину таблицы, убедитесь, что ширина ячеек совпадает с этой величиной, иначе Netscape добавит лишнее пространство к каждой ячейке. Ниже приведен пример:

    <!--Table for overall page layout -->
    <table width=600 cellpadding=0 cellspacing=0 border=0>
      <tr>
        <td width=200>
          Insert narrow column HTML here.
        </td>
        <td width=400>
          Insert wide column HTML here.
        </td>
      </tr>
    </table>

    Если вы создали растягиващуюся таблицу, то есть изменяющую размер столбцов в зависимости от ширины окна, браузеры могут определять их размер по-разному. За советом обращайтесь к разделу "Отображаемая ширина столбца отличается от заданной".

    Если вы хотите отображать различные страницы для посетителей с разными браузерами, вы можете делать это с помощью сценария. Смотрите "Сценарий работает в одном браузере, но не работает в другом".

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

    body,td {font-size:16px;}
  • Если вы создаете форму, то обнаружите, что Netscape и Internet Explorer устанавливают разную ширину текстовых полей (теги <INPUT>); в Netscape эти поля могут не совпадать с вашей страницей или шириной ячеек. Измените величину атрибута size, чтобы поля правильно размещались в Netscape. Затем, если вам хочется, используйте стиль, чтобы указать размер поля и шрифт:

    <input type="text "name="email "size="20"
      style="width:300px;font:10pt arial ">
  • Если вы не можете получить страницу, правильно отображаемую во всех браузерах, попробуйте пойти на компромисс: вы обеспечиваете наилучшее возможное размещение в наиболее распространенных браузерах и по возможности точное в других браузерах.
  • Вернуться к учебному плану