Содержание

Интернет работает, а браузер не грузит страницы. Не заходит на сайты

В этой статье мы попробуем разобраться, по какой причине и почему браузер перестает загружать страницы и заходить на разные сайты. При том, что интернет продолжает нормально работать, судя по статусу подключения на панели уведомлений. В данном случае совершенно не важно, ПК у вас, или ноутбук. Установлена на нем Windows 10, Windows 8, или Windows 7. И даже не важно, как вы подключаетесь к интернету: по кабелю напрямую, или через Wi-Fi роутер.

Сообщение в браузере может отличатся. Когда вы увидели в браузере (Opera, Хром, Mozilla Firefox, Microsoft Edge) ошибку, что невозможно открыть сайт, не удается отобразить страницу, или отсутствует подключение к интернету, то первым делом обратите внимание на статус подключения к интернету. Иконка на панели уведомлений. Так же в описании ошибки может быть сообщение, что проблема с DNS. В таком случае можете смотреть решения в статье: не удалось обнаружить DNS-адрес.

Если там возле значка есть какой-то красный крестик, или желтый восклицательный знак, то браузер не грузит страницы из-за отсутствия подключения к интернету. И нужно решать эту проблему. Первым делом перезагружаем компьютер и роутер (если у вас подключение через него). Так же вам могут пригодится эти статьи:

  • Без доступа к интернету в Windows 7
  • «Подключение ограничено» в Windows 10

Когда интернет подключен и работает, то иконка должна быть такая:

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

  • Если у вас подключение через маршрутизатор, то проверьте загружаются ли сайты на других устройствах. Если нет, то перезагрузите маршрутизатор. Так же можно подключить интернет сразу к компьютеру и попробовать зайти на какой-то сайт. Возможно, эта проблема появилась по вине провайдера.
  • В том случае, если проблема только на одном компьютере, то важно вспомнить, когда и после чего она появилась. Например, после установки какой-то программы.
  • Перезагрузите компьютер и запустите диагностику сетей Windows. Нужно нажать на иконку подключения правой кнопкой мыши и выбрать «Диагностика неполадок». О результатах можете написать в комментариях.
  • Попробуйте зайти на разные страницы. Возможно, проблема в каком-то одном конкретном сайте. Так же попробуйте разные браузеры.

Проблема понятна, переходим к решениям.

Это самое популярное и самое рабочее решение данной проблемы. Практически всегда, именно из-за проблем с DNS не загружаются сайты при работающем интернете. И в таких случаях с рекомендую прописывать DNS от Google. Это сделать совсем не сложно.

Нужно зайти в сетевые подключения. Сделайте это удобным для вас способом.

 Можно нажать сочетание клавиш Win + R, ввести команду ncpa.cpl и нажать Ok.

Правой кнопкой мыши нажмите на то подключение, через которое вы подключены к интернету и выберите «Свойства». В новом окне выделите «IP версии 4 (TCP/IPv4)» и нажмите на кнопку «Свойства».

Дальше просто прописываем DNS:

8.8.8.8

8.8.4.4

Как на скриншоте ниже.

Все должно заработать сразу. Если нет, то попробуйте еще перезагрузить компьютер.

Больше информации по этой теме в статье: 8.8.8.8 – что за адрес? Как заменит DNS на Google Public DNS.

ipconfig/flushdns – очистка кэша DNS

Запустите командную строку от имени администратора и выполните команду ipconfig/flushdns. Кэш DNS будет сброшен, и возможно проблема будет устранена.

Должно получится примерно вот так:

После этого желательно выполнить перезагрузку.

Как настройки прокси-сервера могут повлиять на загрузку страниц в браузере

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

В панели управления найдите и откройте «Свойства образователя». Если у вас установлена Windows 10, то этот пункт будет называться «Свойства браузера». Можете в поиске набрать эту фразу, так быстрее будет.

На вкладке «Подключения» нажмите на кнопку «Настройка сети». Проверьте, чтобы настройки были как у меня на скриншоте ниже.

Более подробно об отключении прокси (в том числе в Windows 11) я писал в этой статье: как отключить прокси-сервер в Windows.

Если у вас там все нормально, то переходим к следующему решению.

Сброс сетевых настроек

В Windows 10 это можно сделать очень просто, через параметры. Подробнее в отдельной статье: сброс настроек сети в Windows 10. И если у вас Windows 11: сброс настроек сети в Windows 11.

В Windows 7, Windows 8 (да и в десятке) сбросить параметры сети можно отдельными командами, которые нужно по очереди выполнить в командной строке запущенной от имени администратора.

ipconfig /flushdns

ipconfig /registerdns

ipconfig /renew

ipconfig /release

Выполняем команды по очереди.

Не забудьте перезагрузить компьютер.

Установлен Avast?

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

Попробуйте сначала удалить Avast. Если интернет заработает, то сможете установить его обратно.

Сброс параметров брандмауэра

В комментариях автор под ником Mecha подсказал еще одно решение проблемы, которое ему помогло. Нужно сбросить параметры брандмауэра Windows. Показываю способ, который работает в Windows 11, 10, 8, 7:

  1. Нажмите сочетание клавиш Win + R, введите команду Control и нажмите Ok. Или откройте старую панель управления другим способом.
  2. Перейдите в раздел «Брандмауэр защитника Windows» (если у вас включены большие значки, то этот пункт находится в категории «Система и безопасность»).
    Слева нажмите на «Восстановить значения по умолчанию». В новом окне нажмите на соответствующую кнопку.

Ничего не помогло, есть еще варианты?

Проверьте свой компьютер на вирусы. Есть много хороших, бесплатных антивирусных утилит. Если у вас установлен антивирус, то запустите сканирование компьютера.

Так же можно попробовать временно отключить антивирус. Может это он сменил какие-то сетевые настройки, и странички в браузере перестали открываться.

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

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

Как задать домашнюю страницу в веб-браузере Chrome, Firefox, Opera, Explorer, Edge

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

«Интернет» из любого места, только усилило применение «Интернета» в повседневной жизни.

Содержание

  • Интернет-браузер. Домашняя или стартовая страница
  • Измените домашнюю страницу в «Google Chrome»
  • Измените домашнюю страницу в «Mozilla Firefox»
    • Стационарно установленный веб-браузер «Mozilla Firefox»
    • Мобильный вариант веб-браузера «Mozilla Firefox»
  • Измените домашнюю страницу в «Opera»
  • Измените домашнюю страницу в «Microsoft Edge»
  • Измените домашнюю страницу в «Microsoft Explorer»
  • Вопросы и ответы
  • Комментарии

Интернет-браузер.

Домашняя или стартовая страница

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

Перейти к просмотру

Как восстановить очищенную историю браузеров Chrome, Mozilla FireFox, Opera, Edge, Explorer 🌐⏳💻

С недавних пор значительную конкуренцию основным устройствам для выхода в «Интернет»

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

Все это было бы недоступно без современного программного обеспечения. Основным видом программ для доступа ко всем возможностям «Интернета» являются веб-браузеры. Это специальная прикладная программа для отображения различных веб-страниц и приложений, открывающая любые ссылки, файлы, изображения и решающая другие сетевые задачи. На сегодняшний момент доступно большое количество различных браузеров, но наиболее популярными являются: «Google Chrome», «Mozilla Firefox», «Opera» и «Microsoft Edge» («Microsoft Explorer»). Благодаря развитию компьютерных технологий, возможности представленных браузеров неуклонно расширяются. Но ввиду высокой конкуренции, данные веб-браузеры, практически, не отличаются друг от друга, и могут, с легкостью, быть заменены один на другой. Поэтому, главными критериями при выборе веб-браузера выступают дружественный пользовательский интерфейс обозревателя, удобство его использования и возможность браузера решать определенные задачи пользователя в данный конкретный момент.

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

Очень часто, пользователю бывает необходимо установить конкретную главную страницу в веб-браузере по определенным причинам (например, любимый новостной сайт, важный форум, конкретный поисковый сайт и т.д.). Главная страница – это первая страница, которую открывает браузер при своем запуске. У большинства браузеров установлена собственная домашняя страница по умолчанию, в которой отображаются последние веб-сайты, которые вы посетили, и, возможно, другое содержимое, основанное на ваших личных интересах. Вы легко можете заменить предустановленную страницу браузера любой другой по вашему выбору. В этой статье мы рассмотрим возможные способы, как задать новую домашнюю страницу для основных видов веб-браузеров: «Google Chrome», «Mozilla Firefox», «Opera», «Microsoft Edge» и «Microsoft Explorer».

Измените домашнюю страницу в

«Google Chrome»

На момент написания этой статьи, обозреватель «Google Chrome» поддерживает возможное изменение домашней страницы на другую, по выбору пользователя, только в стационарно установленном браузере.

Перейти к просмотру

Горячие клавиши браузеров Google Chrome, Яндекс, Mozilla Firefox, Opera, Microsoft Edge ⌨️🌐⚙️

Запустите приложение «Google Chrome» и нажмите в правом верхнем углу кнопку вызова главного меню управления приложением «Настройка и управление Google Chrome», представленную в виде трех вертикальных точек. Иногда, когда обозреватель «Google Chrome» уже открыт и ожидает обновления, вместо кнопки меню с тремя точками может появиться зеленая или оранжевая стрелка, при нажатии на которую также будет открыто главное меню веб-браузера.

В открывшемся всплывающем меню выберите среди предложенных действий раздел «Настройки». Или скопируйте и вставьте в адресную строку обозревателя команду «chrome://settings/» для быстрого перехода на страницу настроек веб-браузера.

На открывшейся странице настроек браузера, используя полосу прокрутки, опустите бегунок вниз страницы, и найдите раздел «Запуск Chrome». В найденном разделе установите переключатель в ячейку «Заданные страницы». Указанное действие вызовет открытие скрытых текстовых ссылок раздела.

Если у вас уже есть заданная домашняя страница (или страницы), то вы увидите там ее название и ссылку (или список ссылок). Веб-браузер «Google Chrome» поддерживает несколько вариантов домашних страниц, а все открытые адреса отображаются в виде набора вкладок при запуске обозревателя.

На этом этапе у вас есть два варианта установки домашней страницы. Нажмите текстовую ссылку «Добавить страницу», чтобы ввести (или вставить) адрес вашей новой домашней страницы. Или нажмите ссылку «Использовать текущие страницы», чтобы добавить все открытые вкладки в текущее окно к вашей группе домашних страниц.

В первом случае появится небольшое всплывающее окно «Добавить страницу», в котором вы можете ввести в соответствующую ячейку «Адрес сайта» требуемый «URL-адрес» домашней страницы, а затем нажмите кнопку «Добавить».

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

Вместо изображения кнопки появится всплывающее меню с двумя вариантами действий: «Изменить» и «Удалить», которые вы можете использовать для изменения или удаления, соответственно, выбранной домашней страницы.

Измените домашнюю страницу в

«Mozilla Firefox»

Веб-браузер «Mozilla Firefox» поддерживает пользовательские домашние страницы на своих обоих, стационарной и мобильной, версиях.

Стационарно установленный веб-браузер

«Mozilla Firefox»

Откройте веб-браузер «Mozilla Firefox» и нажмите кнопку вызова основного меню управления обозревателем «Открыть меню» в правом верхнем углу окна, имеющую вид трех вертикально расположенных горизонтальных полос.

В открывшемся вертикальном меню выберите, среди возможных действий, раздел «Настройки». Или в адресную строку браузера скопируйте и вставьте следующую команду «about:preferences» для прямого доступа на страницу настроек обозревателя.

На открывшейся странице настроек веб-браузера «Mozilla Firefox» во вкладке «Основные» найдите раздел «Домашняя страница», в котором представлены несколько параметров настройки.

«Mozilla Firefox» поддерживает возможность установки нескольких домашних страниц. Если вы зададите более одной домашней страницы, то каждая страница будет открыта на отдельной вкладке при запуске браузера.

Вы можете вводить (или вставлять) адреса непосредственно в текстовое поле «Начальная страница Mozilla Firefox». Если вы решите ввести сразу несколько адресов, то отделите их друг от друга символом «|».

Нажатие кнопки «Использовать текущие страницы» добавляет все открытые вкладки в текстовое поле «Начальная страница Mozilla Firefox». При нажатии кнопки «Использовать закладку» вы можете выбрать нужный адрес из своих сохраненных закладок.

В браузере отсутствует кнопка сохранения, и любые сделанные вами изменения будут сохранены автоматически.

Однако процесс изменения домашней страницы в браузере еще не завершен. Прямо над разделом «Домашняя страница» вы увидите несколько вариантов действий, которые будут выполнены при запуске «Firefox». Выберите настройку «Показать домашнюю страницу», установив переключатель в соответствующую ячейку, чтобы обозреватель «Firefox» открывал ваши сохраненные домашние страницы при своем запуске.

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

«Mozilla Firefox»

Процесс установки домашней страницы в мобильной версии веб-браузера «Mozilla Firefox» несколько отличается. Откройте «Firefox» на своем телефоне, а затем нажмите кнопку меню в правом верхнем углу, представленную в виде трех вертикальных точек.

Во всплывающем меню, в предложенном списке доступных действий, выберите раздел «Параметры».

На полноразмерной странице параметров браузера выберите раздел «Основные».

Затем в открывшемся разделе в верхней части экрана нажмите раздел «Дом».

В открывшейся вкладке найдите раздел «Домашняя страница» и выберите строку «Установка домашней страницы».

Во всплывающем окне установите переключатель в ячейку «Другая».

В появившемся текстовом поле введите желаемый «URL-адрес», который вы хотите установить в качестве домашней страницы, используя всплывающую виртуальную клавиатуру, а затем нажмите кнопку «ОК» для сохранения заданных параметров.

В разделе «Домашняя страница» вы увидите вашу, вновь установленную, домашнюю страницу.

Измените домашнюю страницу в

«Opera»

В настоящий момент, веб-браузер «Opera» позволяет выполнить настройку домашней страницы, по желанию пользователя, только в стационарной версии браузера.

Запустите обозреватель «Opera» и найдите в левом верхнем углу экрана кнопку «Настройка и управление Opera» (представлена в виде красной буквы «О») и откройте главное меню управления браузером.

Среди предложенных вариантов возможных действий, найдите и откройте раздел «Настройки». Или в открытом браузере нажмите вместе сочетание клавиш «Alt + P» для быстрого перемещения на требуемую страницу.

На странице настроек браузера во вкладке «Основные» найдите раздел «При запуске». В строке «Открыть определенную страницу или несколько страниц» нажмите на текстовую ссылку «Задать страницы».

Теперь вы можете выбрать два варианта установки домашней страницы в браузере «Opera». В первом варианте во всплывающем окне «Начальные страницы» в строке «Добавить новую страницу» введите в соответствующей ячейке требуемый «URL-адрес» будущей домашней страницы и нажмите клавишу «Ввод» на клавиатуре.

Указанный адрес будет сразу отображен в окне «Начальные страницы». Вы можете указать несколько адресов, которые будут открываться каждый в отдельной вкладке при запуске веб-браузера. По завершению нажмите кнопку «ОК» для сохранения установленных параметров домашних страниц.

Во втором варианте нажмите кнопку «Использовать текущие страницы», чтобы добавить все открытые вкладки в текущее окно настроек «Начальные страницы» к вашей группе домашних страниц.

При наведении курсора на строку с «URL-адресом» домашней страницы появляется всплывающая кнопка «Удалить» (круг с красным крестом внутри), которую вы можете использовать для удаления ненужной страницы.

По окончанию всех действий нажмите кнопку «ОК», чтобы все внесенные изменения вступили в силу.

На основной странице настроек переключатель в ячейке «Открыть определенную страницу или несколько страниц» будет включен автоматически.

Измените домашнюю страницу в

«Microsoft Edge»

Подобно обозревателям «Google Chrome» и «Opera», веб-браузер «Microsoft Edge» поддерживает установку домашних страниц только в своей стационарно установленной версии.

Откройте браузер «Microsoft Edge» и нажмите кнопку доступа к меню управления обозревателем в виде трех горизонтальных точек «Параметры и прочее» в правом верхнем углу окна. Или напрямую откройте всплывающую панель меню, нажав в открытом браузере вместе сочетание клавиш «Alt + X».

В открывшемся меню, среди возможных вариантов действий, выберите раздел «Параметры».

Панель меню будет обновлена и покажет все возможные настройки веб-браузера. В предложенном списке параметров найдите раздел «Показывать в новом окне Microsoft Edge» и выберите в раскрывающемся меню пункт «Конкретную страницу или страницы».

В текстовом поле, которое отображается после выбора указанного пункта, введите «URL-адрес», который вы хотите установить в качестве домашней страницы, а затем нажмите кнопку «Сохранить», представленную в виде дискеты и расположенную рядом с текстовым полем.

Как только внесенные изменения сохранены, ваша домашняя страница будет отображена в меню «Параметры» под разделом «Показывать в новом окне Microsoft Edge».

Вы можете добавить дополнительно несколько домашних страниц, используя текстовую ссылку «Добавить новую страницу». При ее нажатии будет открыто дополнительное текстовое поле, в которое необходимо ввести новый «URL-адрес» следующей домашней страницы и нажать кнопку «Сохранить».

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

Измените домашнюю страницу в

«Microsoft Explorer»

Не все пользователи перешли на последнюю версию операционной системы «Windows 10» с новым веб-браузером «Microsoft Edge», а продолжают использовать предыдущие версии операционных систем, и, соответственно, пользуются браузером «Microsoft Explorer». Для этого обозревателя процесс установки пользовательского варианта домашней страницы следующий.

Откройте веб-браузер «Microsoft Explorer». Затем в правом верхнем углу окна нажмите на кнопку «Сервис», на которой изображена шестеренка, и откройте всплывающее меню управления браузером. Или нажмите в окне веб-браузера сочетание клавиш вместе «Alt + X» для мгновенного доступа к меню.

Среди доступных вариантов действий, во всплывающем меню выберите раздел «Свойства браузера».

Появится окно свойств браузера, в верхней части которого расположены вкладки, содержащие различные настраиваемые параметры обозревателя. Перейдите на вкладку «Общие» и найдите раздел «Домашняя страница». Введите в текстовое поле каждый из требуемых адресов домашней страницы с новой строки. Вы можете ввести то количество адресов, которое вам необходимо. В разделе «Автозагрузка» установите переключатель в ячейку «Начинать с домашней страницы». Затем нажмите кнопки «Применить» и «ОК» для сохранения всех внесенных изменений.

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

СОЗДАНИЕ WEB-СТРАНИЦ И WEB-САЙТОВ

 

 

 

 

 

 

 

СОЗДАНИЕ WEB-СТРАНИЦ И WEB-САЙТОВ

 

Изучаемые темы:

 

1. Создание Web-страниц.

2. Размещение Web-страниц в Интернете.

3. Создание Web-страниц и Web-сайтов с помощью MS FrontPage 2002.


Тема № 1

СОЗДАНИЕ WEB-СТРАНИЦ

 

Вопросы: 1. Общие сведения о создании Web-страниц.

2. Создание и оформление Web-страниц.

 

1. Общие сведения о создании Web-страниц

 

Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом. Узлы Web подобны книгам, а Web-страницы — страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами. На одном сервере может размещаться множество Web-узлов или сайтов.

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

HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.

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

Язык HTML существует в нескольких вариантах или спецификациях. Как и версии программных продуктов, спецификации пронумерованы: 2.0, 3.0, 3.2, 4.0. Каждая последующая спецификация представляет собой расширение и дополнение предыдущей таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.

Документ в окне с кодом HTML — это текстовый документ специального формата. Все файлы этого формата имеют расширение .html или .htm. В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки < и >, например <html>, <head>, <title>, </title>. Такие элементы разметки называются тэгами. Тэги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:

•       левой угловой скобки <;

•       необязательного символа слэш /, который означает, что тэг является конечным тэгом, закрывающим некоторую структуру, например, </title>. В этом смысле можно читать символ / как конец некоторого элемента разметки, например, строки или абзаца;

•       имени тэга, например, html;

•       необязательных атрибутов. Тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например, aligncenter«;

•       правой угловой скобки >.

Таким образом, открывающий тэг <html>, стоящий вначале документа HTML и означающий его начало, состоит из имени html и двух угловых скобок < >, а тэг </html>, находящийся в конце Web-документа, кроме указанных элементов содержит также символ слэш /, означающий закрывающий тэг и указывающий на конец документа. Тэг <div aligncenter«>, означающий разделение документа на части, содержит, кроме имени div, атрибут align со значением «center«, означающий выравнивание по центру.

В тэгах могут использоваться только символы латинского алфавита, а в значениях атрибутов — любые символы. Если в качестве значений атрибута используются, например, символы кириллицы, то они должны быть заключены в кавычки, например name=»Раздел 1″.

Язык HTML не различает большие и малые буквы, так что тэги <HEAD>, <head> и <Head> эквивалентны. Далее мы будем использовать написание тэгов в нижнем регистре.

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

В таких случаях два тэга и часть документа, заключенная между ними, образует блок, называемый элементом HTML. Некоторые тэги, например <hr>, являются одиночными, и для них закрывающий тэг не применяется. Такие тэги сами по себе являются элементами HTML.

Большинство тэгов могут иметь один или несколько атрибутов - параметров, дающих дополнительную информацию о том, как браузер должен обрабатывать текущий тэг. Однако атрибутов может и не быть вовсе. Атрибут тэга состоит из имени, например, align, знака равенства = и значения, которое задается строкой символов, например, «center«:aligncenter«. Значения атрибутов обычно заключаются в кавычки. Однако если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки можно опустить, например: align=center.

Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом:

<html>

<head>

</head>

<body>

</body>

</html>

Структура HTML-документа содержит следующие обязательные элементы:

• тэги <html> и </html>, которые отмечают начало и конец документа;

•       заголовок, ограниченный тэгами <head> и </head>;

•       тело, ограниченное тэгами <body>. ..</body>.

В заголовке, ограниченном тэгами <head> и </head>, с помощью тэгов <title></title> определяется название документа, которое должно описывать его содержимое и обычно содержит не более 5-6 слов. Это название отображается браузерами в строке заголовка рабочего окна программы, а роботы, составляющие индексы для поисковых систем, идентифицируют документ, используя его название.

Кроме элемента <title></title>, заголовок может содержать элементы <meta></meta>. Открывающий тэг <meta> включает пары имя=значение, описывающие свойства документа, например, авторство, список ключевых слов и т.д. Эти данные используются также поисковыми серверами при индексации документов.

 

2. Создание и оформление Web-страниц

 

Для создания Web-страниц понадобится любой браузер — Internet Explorer или Netscape Communicator, а лучше оба, так как многие элементы HTML по-разному отображаются в разных программах просмотра и весьма желательно контролировать эту разницу. Кроме того, нужен любой текстовой редактор, например, Блокнот из Windows. Программа Блокнот нужна для подготовки HTML-файлов, а браузер — для просмотра и контроля сделанного. С помощью этих инструментов мы создадим сайт на своем локальном компьютере, после чего поместим его на один из WWW-серверов в Интернете, сделав, таким образом, ваши Web-страницы доступными всему миру.

В качестве примера создадим сайт лицея. Цель сайта — рассказать миру о лицее, сфере его деятельности, интересов, найти друзей, партнеров, спонсоров.

Для файлов нашего сайта нужна отдельная папка.

Создайте папку с именем Web на жестком диске вашего компьютера.

Теперь запустим программу Блокнот и приступим к работе.

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

Сначала введем в окне программы Блокнот тэги, определяющие структуру любого HTML-документа. Напомним, что в HTML-коде допускается использовать любой регистр символов — верхний или нижний.

Введите с клавиатуры следующие основные тэги, поместив каждый из них, кроме закрывающего тэга </title>, в новой строке.

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

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

Напомним, что первый <html> и последний </html> тэги означают соответственно начало и конец документа, элемент <head></head> определяет заголовок Web-страницы, элемент <body></body> — тело документа, а в элементе <title></title> мы сейчас укажем название Web-страницы.

Между открывающим <title> и закрывающим </title> тэгами вставьте название документа – Лицей № 1548. Этот элемент должен выглядеть следующим образом:

<title>Лицей № 1548</title>

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

Наша следующая задача — вставить в тело документа между тэгами <body>. ..</body> короткий текст-приветствие посетителям Web-страницы.

Вставьте пустую строку между тэгами <body> и </body> и введите в ней следующий текст:

Добро пожаловать на страничку лицея № 1548! Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях

Для каждой Web-страницы вы можете определить цвет фона и цвет текста. Это выполняется с помощью атрибутов bgcolor и text открывающего тэга <body>. Для определения цвета как значения атрибутов существует два варианта:

• словесное указание имени цвета, например, white (белый). В языке HTML предусмотрено шестнадцать таких имен;

• цифровое обозначение в шестнадцатеричной записи, например, «#ffffff» — белый, которое указывает, каким образом цвет формируется из основных цветов — красного, зеленого, синего.

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

Используем в качестве примера для фона нашей Web-страницы синий цвет (blue), а для текста — желтый (yellow).

Вставьте в открывающий тэг <body> атрибуты bgcolor=blue и text=yellow. Этот тэг должен принять вид:

<body bgcolor=blue text=yellow>

Ваш текстовый файл должен выглядеть примерно так:

<html>

<head>

<title>Лицей № 1548</title>

</head>

<body bgcolor=blue text=yellow>

Добро пожаловать на страничку лицея № 1548! Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях

</body>

</html>

Теперь документ следует сохранить. Откройте ранее созданную папку Web, введите имя файла licey1548.html и нажмите кнопку Сохранить.

Обратите внимание: вы обязательно должны указать расширение имени файла .html или .htm, чтобы браузер смог его открыть.

Возможно, в вашем браузере размер шрифта текста будет крупнее или мельче, чем на рисунке. В таком случае выберите команду меню ВидРазмер текстаСредний в браузере Internet Explorer или ВидУвеличить шрифт, ВидУменьшить шрифт в браузере Netscape Communicator, чтобы установить средний размер шрифта.

Следует иметь в виду, что разные браузеры могут по-разному отображать содержимое одного и того же HTML-файла. Поэтому при создании Web-страниц желательно всегда просматривать результат в обоих наиболее популярных браузерах — Internet Explorer и Netscape Communicator. В таком случае вы будете уверены, что посетитель вашего сайта увидит именно то, что вы хотите ему показать.

Так как в элементе <body></body> мы ввели текст без разбивки на абзацы, то в браузере он отображается в виде одного абзаца и выровнен влево. Теперь следует придать тексту более наглядный вид.

 

2.1. Форматирование текста

 

Чтобы наша Web-страница выглядела более привлекательно, разделим текст на абзацы и выделим заголовок. HTML имеет шесть уровней заголовков разделов документа, пронумерованных цифрами от 1 до 6. Заголовки объявляются парой тэгов с номерами, соответствующими уровню, например, <h1></h1> - заголовок раздела первого уровня, а <h6></h6> - заголовок раздела шестого уровня. От нормального текста заголовки отличаются размером и толщиной букв. Заголовок первого уровня h1 отображается обычно очень крупным шрифтом, в то время как заголовок шестого уровня h6 — очень мелким.

Не следует путать заголовки разделов документа с рассмотренным ранее заголовком документа, определяемым элементом <head></head>.

В качестве заголовка текста используем первое предложение — Добро пожаловать на страничку лицея 1548! Для этого достаточно ограничить его тэгами <h1> и </h1>.

Вставьте в текст файла licey1548.html тэги <h1> и </h1> так, чтобы они ограничивали первое предложение текста, и этот фрагмент кода принял следующий вид:

<h2>Добро пожаловать на страничку лицея 1548!</h2>

Сохраните файл, выбрав команду Сохранить меню Файл программы Блокнот.

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

Нажмите клавишу F5 или кнопку Обновить на панели инструментов рабочего окна программы Internet Explorer или аналогичную кнопку Обновить в Netscape Communicator. Файл licey1548.html будет перезагружен, и вы увидите в окне браузера, как выглядит заголовок первого уровня.

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

По умолчанию заголовок выравнивается по левому краю страницы. Но его можно также выровнять по правому краю или центрировать. Для правостороннего выравнивания в тэге <h1> используется атрибут align=right, а для центрирования — align=center. Допускается также явное указание левостороннего выравнивания — align=left.

Добавьте в тэг <h1> атрибут align=center, чтобы центрировать заголовок. Этот элемент должен принять следующий вид:

<h2 align=center>Добро пожаловать на страничку лицея 1548!</h2>

Теперь займемся остальным текстом. Увеличим его размер и оформим текст полужирным курсивным начертанием. Для установки полужирного начертания используются парные тэги <b></b>.

Вставьте в файле licey1548.html открывающий <b> и закрывающий </b> тэги так, чтобы они ограничили текст Здесь вы узнаете… . Этот элемент должен принять следующий вид:

<b> Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях </b>

Курсивное начертание устанавливается с помощью тэгов <i></i>.

Вставьте в исходный код HTML тэг <i> и </i> так, чтобы отредактированный элемент принял следующий вид:

<b><i>Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях</i></b>

Элементы разметки могут быть вложенными, как в данной структуре, где элемент <i></i> вложен в элемент <b></b>. Современные браузеры способны правильно обрабатывать вложенные тэги. Поэтому вам необходимо следить за тем, чтобы не нарушался порядок вложения. Работа браузера окажется затрудненной, если вложенность будет нарушена. Например, такая запись будет неправильной: <b><i></b></i>. Соблюдение вложенности — очень важная часть общей культуры написания HTML-кода.

С помощью пары тэгов <u></u> можно установить подчеркнутое начертание текстового фрагмента, который ограничивают данные тэги, а с помощью пары тэгов <tt></tt> -отобразить текст телетайпным шрифтом.

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

Тэги <big></big> увеличивают размер шрифта текста, заключенного между ними.

Добавьте в начало и конец вышеуказанного фрагмента кода соответственно тэги <big> и </big> так, чтобы элемент принял следующий вид:

<big><b><i> Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях </i></b></big>

С помощью тэгов <small></small> вы можете уменьшить размер шрифта текста по сравнению с исходным.

Другой способ указания размера шрифта — с помощью тэгов <font></font> с атрибутом size. В качестве значений этого атрибута используются целые числа от 1 до 7. Причем значение 1 соответствует минимальному размеру шрифта, а значение 7 — максимальному.

В качестве значения атрибута size можно также использовать числа от 1 до 7 со знаком + (плюс) или — (минус). В этом случае размер шрифта соответственно увеличивается или уменьшается, по сравнению с исходным, например, тэги <font size=+1></font> увеличат размер шрифта, по сравнению с текущим, на один порядок.

В тэгах <font></font> может использоваться также атрибут color для указания цвета шрифта, ограниченного тэгами текста. Значения этого атрибута такие же, как и для рассмотренных ранее атрибутов, описывающих цвет фона и текста документа.

По умолчанию абзац с текстом Здесь Вы узнаете… выровнен влево. Центрируем его по горизонтали с помощью тэгов <center></center>. Вы можете также выровнять абзац по правому краю страницы с помощью тэгов <right></right> или по левому — с помощью тэгов <left></left>.

Вставьте тэги <center></center>, ограничив ими указанный абзац так, чтобы код HTML принял следующий вид:

<html>

<head>

<title>Лицей № 1548</title>

</head>

<body bgcolor=blue text=yellow>

<h2 align=center>Добро пожаловать на страничку лицея № 1548!</h2>

<center><font size=5><b><i>Здесь Вы узнаете о нашей деятельности, о наших интересах и увлечениях, о наших успехах и достижениях</i></b></font><center>

</body>

</html>

В окне браузера документ будет выглядеть примерно так, как это показано на рис. 1.

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

<dfn></dfn> - применяется для определения слова. Текст обычно выводится курсивом.

<em></em> — для выделения слов и усиления. Отображается курсивом.

<cite></cite> — для выделения названий книг, фильмов, спектаклей и т.д. Выводится курсивом.

<code></code> — для фрагментов кода программ. Показывается на экране шрифтом фиксированной ширины.

<kbd></kbd> - используется для текста, который пользователь вводит с клавиатуры. В разных браузерах может отображаться разными шрифтами.

<samp></samp> — служит для отображения сообщений программ. Выводится шрифтом фиксированной ширины.

<strong></strong> — для особо важных фрагментов. Обычно выделяется полужирным начертанием.

<var></var> - используется для указания, что часть текста или слово является символьной переменной, т. е. текстом, который может быть заменен различными выражениями. Отображается курсивом.

 

2.2. Вставка иллюстраций

 

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

Графические изображения, которые вы вставляете в свои Web-документы, должны быть созданы в таком графическом формате, который поддерживается браузером. Стандартные форматы Web-графики — GIF, JPG и PNG. Размеры их файлов минимальны по сравнению с другими форматами, что значительно сокращает время загрузки из сети.

Вставим на первую страницу нашего сайта рисунок МИР.JPG, который обычно находится в папке Windows, т.е. той папке, в которой установлена операционная система Windows. Прежде всего, этот файл следует скопировать в папку Web, которую мы создали для хранения файлов сайта.

Скопируйте файл МИР.JPG или любой другой файл с расширением .JPG или .GIF из папки Windows в папку Web.

Для вставки изображения в Web-документ используется одиночный тэг <img> с атрибутом src, значение которого соответствует имени вставляемого файла или его адресу в Интернете. С помощью необязательного атрибута <border> можно включить отображение рамки вокруг рисунка. Значение 1 для этого атрибута создаст рамку толщиной 1 пиксел. Таким образом, тэг, вставляющий рисунок, должен выглядеть следующим образом:

<img src=МИР.JPG border=1>

Вставим его после заголовка Добро пожаловать на страничку лицея № 1548!

Операционная система Windows не различает регистр букв в названиях имен файлов, но операционные системы семейства Unix различают его, поэтому следует тщательно следить за тем, чтобы имя файла в тэге указывалось с соблюдением регистра. Начинающие Web-дизайнеры часто недоумевают: почему рисунок был виден на странице при тестировании на локальном компьютере и не появляется при загрузке страниц с удаленного сервера. А все дело в том, что они указали Мир.jpg, а на диске хранится МИР.JPG.

Вставьте пустую строку после элемента <h1 align=center>Добро пожаловать на страничку лицея № 1548!</h1> и введите в ней тэг <img src=МИР.JPG border=1> для включения изображения в документ.

Чтобы выровнять рисунок по центру, следует, воспользовавшись тэгами <center></center>, записать строку кода HTML, вставляющего рисунок, следующим образом:

<center><img src=МИР.JPG border=1</center>

Ограничим размер рисунка по ширине 300 пикселами, а по высоте – 400 пикселами:

<center><img src= МИР. JPG border=1 Widht=300 height=400></center>

В результате текстовый файл должен выглядеть так, как это показано на рис. 2. В окне браузера документ будет выглядеть примерно как на рис. 3.

 

2.3. Создание списков

 

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

Создайте структуру Web-документа, напечатав основные тэги:

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>

В качестве заголовка документа в тэге <title></title> введите: Чем мы занимаемся?:

<title>Чем мы занимаемся?</title>

Такой же заголовок для списка введите в теле документа между тэгами <body> и </body>, использовав для его отображения тэги <h2></h2> с атрибутом align=center, выравнивающим заголовок по центру страницы:

<h3 align=center>Чем мы занимаемся?</h3>

Самостоятельно подберите цвет фона страницы и цвет текста, указав соответствующие значения для атрибутов bgcolor и text в открывающемся тэге <body>, например, так:

<body bgcolor=aqua text=navy>

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

Теперь вставим на страницу ненумерованный список с информацией о сфере деятельности нашего лицея. Ненумерованные списки создаются с помощью пары тэгов <ul></ul>, которые ограничивают список.

Между ними располагается столько элементов, начинающихся с тэга <li>, сколько элементов в списке.

Вставьте пустую строку под строкой с кодом <h2 align=center>Чем мы занимаемся?</h2> и введите в теле документа следующий код:

<ul>

<li>Изучением фундаментальных курсов физико-математических дисциплин.

<li>Изучением курсов дисциплин, составляющих основу современной теоретической и прикладной экономики.

<li>Изучением цикла гуманитарных дисциплин.

<li>Изучением сценического искусства.

</ul>

Обратите внимание: тэг <li> может использоваться как одиночный, т.е. без парного, закрывающего тэга </li>.

Полный HTML-код документа должен иметь следующий вид:

<html>

<head>

<title>Чем мы занимаемся?</title>

</head>

<body bgcolor=aqua text=navy>

<h3 align=center>Чем мы занимаемся?</h3>

<ul>

<li>Изучением фундаментальных курсов физико-математических дисциплин.

<li>Изучение курсов дисциплин, составляющих основу современной теоретической и прикладной экономики.

<li>Изучением цикла гуманитарных дисциплин.

<li>Изучением сценического искусства.

</ul>

</body>

</html>

Когда ввод кода будет закончен, сохраните документ в папке Web под именем spisok. html.

Воспользовавшись командой Открыть меню Файл в браузере Internet Explorer или командой Открыть страницу меню Файл в браузере Netscape Communicator, откройте файл spisok.html из папки Web.

На экране (рис. 4) Вы увидите, что каждый элемент ненумерованного списка выделяется специальным маркером.

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

 

2.4. Создание форм

 

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

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

Посмотрим, как вставить в Web-документ простую форму, которая позволит пользователю напечатать свое сообщение прямо на Web-странице и автоматически отправить его по электронной почте лицею. Но сначала вставим в HTML-документ spisok.html текст с приглашением заполнить форму, поместив его под списком. Текст приглашения следует выделить в отдельный абзац, ограничив его парой тэгов <р></р>, и выровнять по центру с помощью атрибута align=center.

Вставьте пустую строку между закрывающим тэгом </ul> и закрывающим тэгом </body> и введите в этой строке следующий код:

<р align=center>Ecли у Вас есть вопросы или предложения, напишите нам:</р>

Каждая форма начинается тэгом <form> и заканчивается тэгом </form>. HTML-документ может содержать в себе несколько форм, однако они не должны находиться одна внутри другой. Текст и тэги могут размещаться внутри формы без ограничений. Открывающий тэг <form> должен содержать обязательный атрибут action, который определяет, где находится программа-обработчик, или адрес сервера, который будет обрабатывать форму. Так как сообщение, написанное посетителем сайта, будет отправляться по электронной почте, то значение этого атрибута должно содержать адрес E-mail владельца сайта, например: actionmailto: licey1548. narod.ru«.

Еще один атрибут тэга <form>method — определяет, каким образом или с помощью какого протокола данные из формы будут переданы программе-обработчику. Так как будет использована электронная почта, то значение этого атрибута должно быть post:method=post. Таким образом, элемент <form></form> будет иметь примерно такой вид:

<form action=»mailto: [email protected]» method=post></form>

Добавьте в документе spisok.html пустую строку перед закрывающим тэгом </body> и введите указанный код.

Теперь нам нужно поместить в форме многострочное текстовое поле для ввода сообщения. Для этого служат тэги <textarea></textarea>. В качестве атрибутов открывающего тэга <textarea> необходимо указать количество строк (rows) и колонок (cols), a также имя (name), под которым содержимое текстового поля ввода будет передано программе-обработчику, например:

<textarea rows=5 cols=40 name=Comments></textarea>

Такой элемент создаст текстовое поле ввода высотой 5 строк и шириной 40 символов. Введенный посетителем сайта текст будет передан обработчику под именем Comments (Комментарии). Чтобы центрировать текстовое поле относительно краев страницы, следует ограничить его тэгами <center></center>.

Вставьте пустую строку перед закрывающим тэгом </form> и введите следующий элемент, создающий текстовое поле:

<center><textarea rows=5 cols=40 name=Comments></textarea></center>

Здесь для центрирования текстового поля мы использовали тэги <center></center>, a не атрибут align=center тэга <р>, так как данный атрибут предназначен преимущественно для выравнивания текстовых фрагментов, и некоторые браузеры, например, Netscape Communicator, могут игнорировать данный атрибут для поля формы.

Чтобы запустить процесс передачи данных из формы обработчику, нужен какой-то элемент управления, например, кнопка. Создать такой элемент управления очень легко с помощью одиночного тэга <input> с атрибутом type. Если нужно создать кнопку, то значение этого атрибута должно быть submit (передать):

<input type=submit>

Такой элемент по умолчанию выведет на Web-странице кнопку с надписью Подача запроса. Чтобы изменить надпись на кнопке, достаточно включить в данный тэг атрибут value с нужным вам значением, например: value=»Отправить». Напомним, что значения атрибутов, в которых используются символы, отличные от латинских, следует обязательно заключать в кавычки.

Вставьте пустую строку перед закрывающим тэгом </form> и введите в ней следующий код, создающий кнопку в новом абзаце и выравнивающий ее по центру страницы:

<p><center><input type=submit value=»Oтправить»></center></p>

В результате элемент <form>. ..</form> должен принять следующий вид:

<form action=»mailto:[email protected]» method=post>

<center><textarea rows=5 cols=40 name=Comments></textarea><center> <p><center><input type=submit value=»Отправить»></center></р></form>

Напомним еще раз, что в качестве значения атрибута action, в открывающем тэге <form> следует указать ваш адрес электронной почты.

 

2.5. Вставка гипертекстовых ссылок

 

Аббревиатура HTML означает «Язык разметки гипертекста». Что же такое гипертекст?

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

Для задания перехода по гиперссылке в языке HTML используются тэги <а></а> с атрибутом href, значением которого является адрес перехода. В качестве адреса может использоваться имя файла другого документа или URL-адрес.

Каждый компьютер, подключенный к Интернету, имеет свой уникальный адрес, который может быть представлен или в числовом виде, например, 204.146.46.133, или определенным сочетанием символов, например, www.microsoft.com. Поскольку каждый компьютер имеет свою уникальную структуру каталогов и файлов, то и каждая страница Web также имеет уникальный адрес, называемый URL (Uniform Resource Locator — Унифицированный указатель ресурсов). Как видно из названия, URL может указывать не только на страницы Web, но также и на другие ресурсы Интернета, например, FTP (File Transfer Protocol — Протокол передачи файлов) — хранилища файлов. В самом общем виде URL включает в себя указатель на протокол, который применяется для доступа к ресурсу — http, ftp и др. — и символьный адрес компьютера в сочетании с именем конкретного файла в структуре каталогов этого компьютера. Например, URL-адрес http://www.chat.ru/user/faq.html состоит из указателя на протокол http, который применяется для доступа к Web, имени компьютера www.chat.ru и имени файла-документа faq.html, который находится в каталоге user.

Из сказанного следует, что каждой Web-странице соответствует свой HTML-файл. Однако вы можете заметить, что во многих URL-адресах отсутствует имя файла, например, http://www.microsoft.com. Тем не менее, в окне браузера все же появляется конкретная страница. Дело в том, что администраторы Web-серверов могут указать на своих узлах некоторые HTML-файлы, которые выводятся по умолчанию, если имя файла в URL явно не задано. Обычно эти файлы имеют имена index.html или index.htm.

Посмотрим, как создать переход по ссылке с конца текущего документа spisok.html на первую страницу нашего сайта, т.е. к файлу licey1548.html. Чтобы сообщить посетителю сайта о возможности вернуться к первой странице, необходимо предусмотреть между открывающим <а> и закрывающим </а> тэгами соответствующий текст, например:

<а href=»licey1548.html»>Ha первую страницу</а>

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

Чтобы ссылка На первую страницу была центрирована, следует ограничить элемент <а></а> тэгами <center> и </center>.

Вставьте в файле spisok.html пустую строку перед закрывающим тэгом </body> и введите в ней следующий код:

<center><a href=»licey1548. html»>Ha первую страницу</а></сеnter>

Теперь создадим гиперссылку для перехода с первой страницы – licey1548.html — на вторую — spisok.html. Для ссылки логичней всего будет использовать текстовый фрагмент о нашей деятельности, так как список на второй странице раскрывает содержание именно этого фрагмента текста. Поэтому нам нужно в файле licey1548.html поместить открывающий тэг <а> с атрибутом hrefspisok.html« перед фрагментом текста о нашей деятельности, а закрывающий тэг </а> — после него.

Для этого:

Откройте в программе Блокнот файл licey1548.html.

Отредактируйте этот файл, вставив тэг hrefspisok.html«> перед текстом о нашей деятельности, а закрывающий тэг </а> — после него. Код HTML в файле licey1548.html должен принять следующий вид:

<html>

<head>

<title>Лицей № 1548</title>

</head>

<body bgcolor=blue text=yellow>

<h2 align=center>Добро пожаловать на страничку лицея № 1548!</h2>

<center><img src=МИР.JPG border=1><a></center>

<p>Здесь Вы узнаете <а href=»spisok.html»>о нашей деятельности</a>, о наших интересах и увлечениях, о наших успехах и достижениях</р>

</body>

</html>

Очень вероятно, что когда вы просмотрите результат в браузере, вы обнаружите, что ссылка о нашей деятельности видна очень плохо или вообще не видна. Это связано с тем, что цвет, которым браузер отображает непросмотренные ссылки, совпадает с цветом фона вашего документа. В таком случае цвет ссылок следует изменить, воспользовавшись атрибутами link и vlink тэга <body>. Атрибут link определяет цвет непросмотренной ссылки, а vlink — просмотренной. Еще один атрибут — alink определяет цвет ссылки в момент, когда на ней установлен указатель мыши и нажата левая кнопка.

Если вы устанавливаете какой-либо из атрибутов: bgcolor, text, link, vlink, alink — то устанавливайте их все. Иначе, например, установленный вами фоновый цвет может совпасть с цветом текста, установленным пользователем в браузере.

Установим для непросмотренной ссылки белый цвет (white), для просмотренной — светло-зеленый (lime), а для ссылки в момент щелчка мышью — красный (red), добавив в тэг <body> атрибуты link=white, vlink=lime, alink=red так, чтобы этот тэг имел следующий вид:

<body bgcolor=blue text=yellow link=white, vlink=lime, alink=red>

Вставить переход в документе можно не только с текстовой ссылки, но также и с рисунка. Посмотрим, как вставить переход с рисунка на вторую страницу.

Для создания такой ссылки достаточно в файле licey1548.html вставить открывающий тэг hrefspisok.html«> перед тэгом <img src=МИР.JPG border=1> и закрывающий тэг </а> после него.

Отредактируйте файл licey1548.html так, чтобы окончательный HTML-код документа имел следующий вид:

<html>

<head>

<title>Лицей № 1548</title>

</head>

<body bgcolor=blue text=yellow link=white vlink=lime, alink=red>

<body bgcolor=blue text=yellow>

<h2 align=center>Добро пожаловать на страничку лицея № 1548!</h2>

<center><img src=МИР.JPG border=1><a></center>

<p>Здесь Вы узнаете <а href=»spisok. html»>о нашей деятельности</a>, о наших интересах и увлечениях, о наших успехах и достижениях</р>

</body>

</html>

Создавая ссылки на страницы нашего сайта, мы использовали в качестве адреса имя файла. При таком указании адреса браузер всегда ищет файл в текущем каталоге. Если бы нужный файл — spisok.html — находился, предположим, в подкаталоге Doc текущего каталога, то в адресе необходимо было бы указать путь к нему от текущего каталога: hrefDoc\spisok.html«>. Такая ссылка, в которой адрес указывается относительно текущего каталога на том же компьютере, называется относительной.

Вы можете также использовать в ссылках полный URL-адрес, указывающий на файл, находящийся в определенном каталоге определенного компьютера в сети. Такая ссылка называется абсолютной. В то время как относительные ссылки указывают на файлы, расположенные на том же самом компьютере, абсолютные ссылки служат для представления адресов документов на других компьютерах в Интернете.

 

2.6. Создание таблиц

 

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

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

Создайте новый текстовый файл, выбрав в меню Файл программы Блокнот команду Создать.

Введите основные тэги, создающие структуру документа. В заголовке документа укажите Меню. Цвет фона и текста документа самостоятельно выберите такими, чтобы ссылки были хорошо видны:

<html>

<head>

<title>Meню</title>

</head>

<body bgcolor=silver>

</body>

</html>

Каждая таблица начинается тэгом <table> и заканчивается тэгом </table>. Строки таблицы образуются парой тэгов <tr></tr>, между которыми располагаются пары тэгов <td></td>. Каждая пара этих тэгов образует один столбец. Между открывающим <td> и закрывающим </td> тэгами помещается текст или любое другое содержимое ячейки.

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

<table>

<tr><td>Главная страница</td></tr>

<tr><td>Чем мы занимаемся?</td></tr>

<tr><td>О нашем лицее</td></tr>

<tr><td>Новости</td></tr>

<tr><td>Учебный процесс</td></tr>

<tr><td>Связь с лицеем</td></tr>

</table>

Вставьте пустую строку между открывающим <body> и закрывающим </body> тэгами и, начиная с нее, введите указанный код.

Созданная нами таблица располагается у левого края экрана. Это положение можно изменить, использовав в открывающем тэге <table> атрибут align=center для выравнивания таблицы по центру или атрибут align=right — для выравнивания по правому краю окна браузера. Пункты меню расположены один под другим, а края таблицы и ячеек не видны. Это связано с тем, что по умолчанию рамка и ячейки таблицы не показываются. Чтобы включить их отображение, следует использовать в тэге <table> атрибут border, указав в качестве его значения толщину рамки в пикселах.

Добавьте в тэг <table> атрибут border=1, чтобы показать рамку и ячейки таблицы толщиной 1 пиксел:

<table border=1>

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

Установите для таблицы ширину 140 пикселов, добавив атрибут width=140 в открывающий тэг <table> так, чтобы он принял вид:

<table border=1 width=140>

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

При использовании для формирования столбцов таблицы тэгов <td></td> данные в ячейках представляются шрифтом нормального текста и по умолчанию выравниваются по левому краю ячеек. Если же требуется выделить данные в ячейках, например, заголовки столбцов или строк таблицы, то вместо тэгов <td></td> удобно использовать тэги <th></th>. Текст в элементах <th></th> обычно выделяется полужирным начертанием и выравнивается по центру ячеек.

Наше меню будет выглядеть лучше, если его пункты будут центрированы в ячейках и выделены полужирным шрифтом. Поэтому заменим в HTML-коде элементы <td></td> элементами <th></th>.

Отредактируйте файл menu.html, заменив тэги <td> и </td> соответственно тэгами <th> и </th>. Код HTML должен принять следующий вид:

<html>

<head>

<title>Меню</title>

</head>

<body bgcolor=silver>

<table border=1 width=140>

<table>

<tr><th>Главная страница</th></tr>

<tr><th>Чем мы занимаемся?</th></tr>

<tr><th>О нашем лицее</th></tr>

<tr><th>Новости</th></tr>

<tr><th>Учебный процесс</th></tr>

<tr><th>Связь с лицеем</th></tr>

</table>

</body>

</html>

В тэгах <td> и <th> вы можете использовать следующие атрибуты:

align — для горизонтального выравнивания содержимого ячеек по центру (center), левому (left) и правому (right) краям ячейки;

width — для указания ширины ячейки в пикселах;

height — для определения высоты ячейки;

valign — для вертикального выравнивания данных в ячейке по верхнему (top) и нижнему (bottom) краям и середине (middle) ячейки; по умолчанию valign=middle.

Вы можете также изменить цвет любой ячейки, столбца, строки или всей таблицы, вставив атрибут bgcolor соответственно в тэг <th>, <tr> или <table>.

Нам осталось теперь создать ссылки двух первых пунктов меню на соответствующие страницы нашего сайта. Так как остальные страницы еще не созданы, то ограничимся этими двумя ссылками. Как и прежде, воспользуемся тэгами <а></а> с атрибутом href. В качестве значения этого атрибута для первого пункта меню — Главная страница — следует указать файл licey1548.html, т.е. hreflicey1548.html«, а для второго — Чем мы занимаемся? — файл spisok.html т.е. hrefspisok.html«.

Обычно при переходе по ссылке новый документ отображается в том же окне, что и исходный, в котором была ссылка. Чтобы отобразить его в другом окне, необходимо в открывающем тэге <а> использовать атрибут target, параметром которого должно быть имя того окна, в которое будет загружен документ. Укажем это имя как значение атрибута target в ссылке: targetframe«. Web-страница будет загружаться в то же окно браузера, в котором находится ссылка, а атрибут target позволит загружать документ в другое окно.

Отредактируйте в файле menu.html строки кода, содержащие названия пунктов меню Главная страница и Чем мы занимаемся?, вставив вышеуказанные ссылки соответственно на файлы licey1548.html и spisok.html так, чтобы эти строки приняли следующий вид:

<tr><th><a href=»licey1548.html» target=»frame»>Главная страница</а></th></tr>

<tr><th><a href=»spisok.html» target=»frame»>Чем мы занимаемся?</а></th></tr>

Окончательный вид файла menu. html с HTML-кодом примет следующий вид:

<html>

<head>

<title>Меню<title>

</head>

<body>

<table border=1 width=140>

<tr><th><a href=»licey1548.html» target=»frame»>Главная страница</а></th></tr>

<tr><th><a href=»spisok.html» target=»frame»>Чем мы занимаемся?</а></th></tr>

<tr><th>О нашем лицее</th></tr>

<tr><th>Новости</th></tr>

<tr><th>Учебный процесс</th></tr>

<tr><th>Связь с лицеем</th></tr>

</table>

</body>

</html>

Сохраните документ в папке Web под именем menu.html, выбрав из меню Файл программы Блокнот команду Сохранить. В браузере этот файл будет выглядеть так, как это представлено на рис. 5.

 

2.7. Создание фреймов

 

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

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

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

Для описания фреймов используется специальный HTML-файл.

В окне программы Блокнот (Notepad) создайте новый файл.

Введите основные тэги, кроме тэгов <body></body>, которые в файле, описывающем фреймы, не используются. В тэгах <title></title> заголовка укажите – Лицей № 1548:

<head>

<title>Лицей № 1548</title>

</head>

</html>

Вместо тэгов <body></body> в файле, описывающем фреймы, используется пара тэгов <frameset></frameset> с атрибутами rows или cols, определяющими, как делится экран — по горизонтали или по вертикали. В качестве значений этих атрибутов можно использовать числовое значение высоты или ширины фрейма в пикселах или в процентах от 1% до 100%. Например, если вы хотите разделить окно браузера по горизонтали на два равных по размеру фрейма, то код HTML должен быть таким:

<frameset row=»50%,50%»>

Обратите внимание: значения атрибутов отделяются один от другого запятой.

Чтобы разделить окно браузера по вертикали на два фрейма шириной 200 и 600 пикселов, следует написать:

<frameset cols=»200,600″>

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

Создадим для отображения нашего сайта два вертикальных фрейма. Для первого фрейма, в котором будет выводиться меню, установим фиксированную ширину — 160 пикселов, а размер второго предоставим определить браузеру, заменив его звездочкой *.

В окне программы Блокнот (Notepad) вставьте пустую строку после закрывающего тэга </head> и введите следующий код:

<frameset cols=»160,*»>

</frameset>

Таким образом, мы указали, что окно браузера должно быть разделено по вертикали на два фрейма. Для описания каждого фрейма в отдельности используются одиночные тэги <frame>, которые должны находиться внутри элемента <frameset></frameset>. Обязательным атрибутом тэга <frame> является src, значение его — адрес документа, который должен находиться в данном фрейме. Так как в первом фрейме будет находиться файл menu.html, то данный тэг следует записать так:

<frame src=»menu.html»>

Вставьте в окне программы Блокнот (Notepad) пустую строку после открывающего тэга <frameset> и введите указанный тэг.

Во второй фрейм должен загружаться файл licey1548.html, поэтому второй тэг <frame> будет таким:

<frame src=»licey1548.html»>

Чтобы во второй фрейм могли загружаться также и все остальные страницы сайта — spisok.html и другие, которые, возможно, будут созданы, — необходимо с помощью атрибута name присвоить данному фрейму имя, которое, будучи указано в ссылках любого документа в качестве значения атрибута target, определит, в какой именно фрейм следует загрузить документ. Напомним, что в общем случае, при переходе по ссылке новый документ открывается в том же окне. Именно для того, чтобы при переходе по ссылкам нашего меню страницы открывались не в первом фрейме, в котором расположено меню, а во втором, мы использовали в предыдущем вопросе в ссылках меню атрибут target со значением «frame«: targetframe«, где «frame» -это имя второго фрейма. И теперь имя «frame» следует присвоить второму фрейму, в котором должен открываться файл licey1548.html. Поэтому второй тэг <frame> в окончательном виде должен быть записан так:

<frame src=»licey1548.html» name=»frame»>

Введите этот код, вставив пустую строку перед закрывающим тэгом </frameset>.

Сохраните файл в папке Web под именем index.html.

Имя index.html должно обязательно присваиваться файлу с главной страницей каждого сайта. Именно этот файл открывается по умолчанию при обращении к Web-узлу, если не указано другое имя файла. На некоторых сайтах имя главной страницы может быть index.htm, a index.html отображается не как страница, а как папка с именами файлов. Это надо уточнять у администратора узла.

Окончательный код файла index.html в окне программы Блокнот должен быть следующим:

<head>

<title>Лицей № 1548</title>

</head>

<frameset cols=»160,*»>

<frame src=»menu.html»>

<frame src=»licey1548.html» name=»frame»>

</frameset>

</html>

Вид файла index.html в браузере показан на рис. 6.

Фреймы — удобное и эффективное средство для размещения информации на Web-страницах. Однако, используя его, не следует терять чувства меры. Слишком большое количество окон на экране не улучшает восприятие информации. Не располагайте на экране более трех фреймов и старайтесь не применять их без необходимости.

 

2.8. Анимация на Web-страницах

 

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

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

В настоящее время существует несколько технологий создания анимации для WWW: анимационный (animated) GIF, Flash, Java и JavaScript.

Из этих технологий анимационный GIF является, пожалуй, самым простым в создании, и практически любой современный браузер может его показать. Формат GIF позволяет размещать в одном файле несколько кадров или фреймов (frames) с изображениями для их последовательного вывода на экран. В отличие от обычного фильма, где длительность анимации определяется скоростью воспроизведения, для каждого кадра GIF-анимации может быть задана длительность его показа на экране, а для всей анимации может быть указано количество повторений. Кроме того, в отличие от обычного фильма, изображения, содержащиеся в кадрах GIF-анимации, не обязательно должны быть одного размера. Для изображения каждого кадра или слоя анимации вы можете установить индивидуальный размер и расположить его по своему усмотрению, независимо от других слоев. Анимационные GIF-файлы могут быть легко подготовлены в программе Adobe ImageReady. Увидеть анимацию такого типа можно, например, на сайте по адресу http://ani.newmail.ru/gallery.

Готовые бесплатные анимационные картинки для использования на своих Web-страницах вы можете найти, например, по адресам:

www. webman.ru/animation/main.htm

http://shpak.narod.ru/collection1.htm

http://www.animation-central.com

http://www.animationlibrary.com

http://www.animationcity.net

В отличие от GIF-анимации, которая позволяет размещать в файле только изображения, Flash-технология предоставляет возможность объединить в одном формате анимацию, звук, текст, графику и, кроме того, элементы интерактивности, которые дают возможность пользователю или посетителю сайта определенным образом изменять данные на Web-странице, превращая его из наблюдателя в активного участника. Интерактивными элементами сайта могут быть игры, например, карточные, рулетка, тир, крестики-нолики, «морской бой»; онлайновые обучающие программы, викторины, тесты, калькуляторы и т.п. Примеры такой анимации вы увидите на сайтах www.legus.ru/, www.flasher.ru/, www.avestadesign.ru/. Создается подобная анимация с помощью программы Macromedia Flash. К сожалению, для просмотра Flash-анимации вам, скорее всего, придется установить дополнительный подключаемый модуль (Plug-in) для вашего браузера. Именно по этой причине не имеет смысла создавать сайты, которые предназначены для широкого круга лиц. Так как многие люди просто не смогут увидеть Flash-анимацию, а установить дополнительный подключаемый модуль не захотят или просто не смогут.

Еще один способ создания анимации — посредством программирования на языках Java и JavaScript. Эти языки позволяют разрабатывать программы, встроенные в документы HTML и называемые апплетами, которые выполняются браузерами на компьютерах пользователей. И, конечно же, возможности Java и JavaScript значительно шире, чем подготовка анимационных картинок. Он позволяет создавать масштабные Интернет-приложения. Примеры Java-апплетов можно увидеть на сайтах http://reality.sgi.com/, www.bulletproof.com/. Создание анимации с помощью Java и JavaScript, также нельзя назвать подходящим для серьезных сайтов, так как пользователи очень часто отключают поддержку Java и JavaScript в своих браузерах по соображениям безопасности. Так как с помощью программ на указанных языках, можно скопировать или испортить файлы на вашем компьютере.

Учитывая все вышесказанное, можно сказать, что самый простой, надежный и эффективный способ разместить анимацию на своих Web-страницах — это использование формата GIF.

 

Контрольные вопросы

 

1.      Что такое Web-узел и Web-страница?

2.      Что представляет собой язык HTML?

3.      Что значит тэг? Какие бывают тэги? Порядок записи элементов тэгов.

4.      Какие обязательные элементы входят в структуру HTML-документа?

5.      Как определить цвет фона и цвет текста Web-страницы?

6.      Как определить уровень заголовков Web-страницы средствами языка HTML?

7.      Как отцентрировать текст заголовка?

8.      Как увеличить (уменьшить) размер текста, оформить текст полужирным, курсивным, подчеркнутым начертанием?

9.      Какие существуют стандартные форматы Web-графики?

10. Как вставить рисунок в Web-документ в GIF-формате?

11. Как создать маркированный (нумерованный) список на Web-cтранице?

12. Как вставить в Web-документ простую форму?

13. Что такое гипертекст, гиперссылка? Какие тэги используются для задания перехода по гиперссылке в языке HTML?

14. Какие атрибуты используются для изменения цвета гиперссылок?

15. Как создать таблицу на Web-странице?

16. Какие атрибуты используются для горизонтального и вертикального выравнивания ячеек в таблице, для определения высоты и ширины ячеек, их цвета?

17. Что такое фрейм? Какие тэги используются для описания фреймов. Перечислите рекомендации по созданию фреймов.

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

19. Что такое анимация?

20. Какие в настоящее время существуют технологии создания анимации для WWW? Кратко перечислите их достоинства и недостатки.


Тема № 2

РАЗМЕЩЕНИЕ WEB-СТРАНИЦ В ИНТЕРНЕТЕ

 

Вопросы: 1. Общие сведения о размещении Web-страниц в Интернете.

2. Создание адреса вашего сайта в Интернете и размещение Web-страниц с помощью менеджера файлов бесплатной службы.

3. Регистрация в поисковых системах и каталогах.

 

1. Общие сведения о размещении Web-страниц в Интернете

 

Поместить свой сайт в Интернете очень просто. Для этого достаточно скопировать файлы, из которых он состоит, на один из серверов WWW. Созданный нами сайт пока находится в папке Web одного из дисков вашего компьютера и содержит четыре HTML-файла — index.html, licey1548.html, spisok.html, menu.html, а также рисунок МИР.JPG. Все эти файлы, включая файл с рисунком, мы и должны поместить на сервер WWW. Если вы забудете скопировать какой-либо файл или рисунок, на который есть ссылка на одной из Web-страниц, то, естественно, браузер посетителя не сможет их найти и отобразить.

Для передачи файлов на сервер WWW существует несколько возможностей. Вы можете использовать специальные программы, например, Издатель Web (Web Publishing Wizard), Netscape Composer или интерфейс загрузки — файловый менеджер сервера бесплатной службы, на котором собираетесь поместить сайт. Для передачи файлов все эти варианты используют протокол HTTPHyperText Transfer Protocol (Протокол передачи гипертекста), который обеспечивает возможность обмена информацией между передающей программой и Web-сервером. Всемирная паутина WWW объединяет десятки, а может быть, и сотни миллионов компьютеров самых разных типов, не обязательно совместимых между собой, использующих разные операционные системы и разные коммуникационные программы. Чтобы каждый из компьютеров сети мог связаться с другим, применяется единый набор правил и стандартов, который называется протоколом.

Еще один вариант передачи файлов использует доступ по протоколу FTPFile Transfer Protocol (Протокол передачи файлов). Основное назначение этого протокола — пересылать файлы в Интернете с одного компьютера на другой. Кроме того, с помощью протокола FTP можно работать с файлами на удаленном компьютере: копировать, перемещать, удалять, создавать каталоги. Чтобы воспользоваться протоколом FTP, понадобится специальная программа, так называемый FTP-клиент. FTP-клиентом может служить, например, программа управления файлами FAR, программа CuteFTP и другие. Следует иметь в виду, что способ передачи файлов на сервер определяет владелец сервера.

Где же можно поместить ваш сайт? Возможны два варианта: либо на сервере своего провайдера, либо на сервере одной из бесплатных служб.

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

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

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

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

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

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

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

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

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

www.mysiteinc.com — 2 Мб, быстрый сервер.

http://www.tripod.lycos.com/build/ — 11 Мб, быстрый сервер, FTP-доступ, можно через браузер, гостевая книга, адрес: members.tripod.com/Ваше_имя.

www.xoom.com - неограниченное дисковое пространство, быстрый сервер, FTP-доступ, адрес: members.xoom.com/Ваше_имя.

www.virtualave.net — 20 Мб, доступ к CGI, адрес: Bame_имя.virtualave.net. Недостаток — появляющееся дополнительное окно с рекламой.

www.fortunecity.com — 10 Мб, гостевая книга, счетчик, форум. Длинный адрес. Недостаток — рекламный фрейм в верхней части страницы. Если в адресе написать вместо .сот/- .com//, реклама не появится.

www.hypermart.net — 10 Мб, быстрый сервер, FTP-доступ, есть доступ к CGI. Недостаток — рекламное окно.

www.geocities.com — 11 Мб, FTP-доступ, гостевая книга. Недостатки — очень медленный сервер, длинный адрес, всплывающее окно, логотип внизу странички.

Российские бесплатные службы.

www.chat.ru — 3 Мб, почтовый ящик, доступ с помощью файлового менеджера и FTP, адрес вида www.chat.ru/~Baше_имя.

www.narod.ru — неограниченное пространство, почтовый ящик, доступ с помощью файлового менеджера и FTP, гостевая книга, чат, форум, адрес: Ваше_имя.nad.ru.

www.null.ru — 1 Мб с возможность увеличения до 2 Мб, быстрый сервер, доступ по WWW и FTP, адрес www.null.ru/pages/Ваше_имя.

www.newmail.ru — 16 Мб, почтовый ящик с 3 адресами, 3 адреса сайта, FTP-доступ.

 

2. Создание адреса вашего сайта в Интернете и размещение

Web-страниц с помощью менеджера файлов бесплатной службы

 

Если вы решили поместить сайт на сервере своего провайдера, то вам следует получить у него информацию, необходимую для доступа:

• выделенный вам адрес URL. Возможно, провайдер даст вам возможность самому выбрать адрес;

• логин или имя для доступа;

• пароль для доступа.

Кроме того, вам необходимо выяснить, по какому протоколу осуществляется доступ к серверу: HTTP или FTP.

Следующее, что нужно сделать — это зарегистрироваться в бесплатной службе. Процедура регистрации очень простая. Рассмотрим кратко для примера, как зарегистрироваться на сервере www.narod.ru.

Установите соединение с Интернетом и загрузите начальную страницу сайта www.narod.ru (рис. 7), указав этот адрес в адресной строке браузера.

В левом верхнем углу страницы есть ссылка Регистрация. Щелкните на ней мышью. На экране появится форма (рис. 8), которую следует заполнить.

В форме вы должны указать выбранное вами имя для вашего сайта, логин и пароль для доступа, а также персональные данные: фамилию, имя, адрес, E-mail и др.

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

Заполнив форму, нажмите кнопку Зарегистрироваться в конце формы. Если вы все ввели правильно, то появится страница с сообщением об успешной регистрации.

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

Когда регистрация будет закончена, прервите связь с Интернетом.

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

Теперь, когда вы зарегистрировали свой сайт и получили всю необходимую для доступа информацию, можно приступать к пересылке файлов. Посмотрим, как для этой цели использовать интерфейс загрузки сервера www.narod.ru.

Установите связь с Интернетом и загрузите главную страницу www.narod.ru.

В правой части этой страницы в группе элементов управления Вход введите в соответствующих полях ввода ваши Логин и Пароль.

Будьте внимательны при вводе пароля, так как вводимые символы отображаются звездочками *. Помните также, что пароль чувствителен к регистру, т.е. заглавные и строчные буквы в пароле различаются.

Нажмите кнопку Войти. На экране появится страница Мастерская (рис. 9).

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

Нажмите левую верхнюю кнопку Обзор… . На экране появится диалог Выбор файла, который ничем не отличается от стандартного диалога открытия файла.

Перейдите в папку Web, в которой вы сохранили файлы сайта, и щелчком мыши выберите файл index.html.

Нажатием кнопки Открыть закройте диалог Выбор файла. Полное имя выбранного файла появится в верхнем левом поле ввода, слева от кнопки Обзор… .

Выберите остальные файлы сайта – licey1548.html, spisok.html, menu.html, МИР.JPG — нажимая поочередно каждую следующую кнопку Обзор… .

Когда все пять файлов будут выбраны, нажмите кнопку Загрузить файлы. Через некоторое время, после того как файлы будут загружены, появится страница с сообщением об этом, а затем вы возвратитесь к странице загрузки, в верхней части которой увидите список загруженных файлов.

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

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

Несмотря на то, что стандартной кодировкой русскоязычного текста для Web-страниц является кодировка Win1251, некоторые бесплатные службы используют на своих серверах другие кодировки. По данным статистики русскоязычная часть Интернета использует на 95% кодировку Win1251 и на 5% - кодировку КОИ-8. Так, например, на сервере www.chat.ru используется кодировка КОИ-8. Это, однако, не создает для пользователей никаких препятствий или проблем, если загрузка выполняется с помощью файлового менеджера. При пересылке ваших Web-страниц на этот сервер менеджер файлов службы спросит у вас, в какой кодировке составлены документы. Если вы использовали текстовый редактор в Windows, то кодировка документа Win1251, если в DOS, то кодировка DOS, если в Unix, то кодировка КОИ-8, если в Macintosh, то кодировка Мас. На основании вашего ответа файловый менеджер автоматически перекодирует ваши страницы в КОИ-8.

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

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

Иногда при загрузке Web-страниц могут возникнуть некоторые проблемы. Если ваша страница, находящаяся на сервере www.narod.ru, не загружается, и в окне браузера появляется примерно такое или похожее сообщение: «Извините, запрошенный Вами документ не найден. Попробуйте начать с главной страницы» или «Невозможно отобразить страницу» (The page cannot be displayed), то это значит, что адрес сайта введен вами неправильно. Проверьте указанный вами адрес. Если же появляется сообщение «Не найден файл index.html или доступ к каталогу запрещен», то это означает, что страница не помещена на сервер или среди посланных вами файлов отсутствует файл index. html. Содержащаяся в этом файле страница всегда выводится как первая.

 

 

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

Когда вы ищете информацию в Интернете, вы, скорее всего, обращаетесь к поисковым системам, таким как Yandex, Rambler, Altavista, или к Интернет-каталогам, например, Aport, Mail.ru, Yahoo. Поэтому очень важно, чтобы данные о вашем сайте попали в подобные системы, и каждый желающий, который интересуется тематикой вашего сайта, мог его легко обнаружить.

Процесс попадания информации о вашем сайте в каталоги и поисковые системы, иногда называемые поисковыми машинами, состоит из нескольких этапов.

• Вы вводите данные и описание своего сайта на специальной странице Интернет-каталога или поисковой машины.

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

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

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

Вот список популярных поисковых систем, в которых нужно обязательно зарегистрировать свой сайт:

Яндекс (http://www. yandex.ru)

Rambler (http://www.rambler.ru)

Апорт (http://www.aport.ru)

Altavista (http://www.altavista.com)

Из каталогов наиболее популярными являются следующие:

Mail.RU (http://www.mail.ru)

Интернет-столица (http://www.data.ru)

Yahoo (http://www.yahoo.com)

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

Регистрация в каталогах наиболее проста: все, что от вас потребуется — это правильно подобрать раздел, в котором должно находиться описание вашего сайта. В некоторых каталогах не нужно и этого — сотрудник каталога сам разместит описание вашего сайта в нужном разделе, а то и в нескольких.

Подготовка к регистрации в автоматических поисковых системах потребует небольшой корректировки файлов вашего Web-сайта.

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

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

Также внимательно просмотрите заголовки страниц, которые отображаются в строке заголовка браузера (на самом верху окна браузера). Они должны соответствовал содержанию страницы. Такой заголовок в коде странице находится между тэгами <title> и </title> и его легко найти и отредактировать. Это можно сделать либо с помощью вашей программы редактирования Web-страниц, либо вручную с помощью текстовок редактора.

Сам процесс регистрации в поисковой системе довольно прост и не отнимет у вас много времени. Рассмотрим регистрацию в одной из самых популярных российских поисковых систем Яндекс. Регистрация в других системах производится аналогично.

Наберите в адресной строке вашего браузера адрес поисковой системы, например, http://www.yandex.ru. Загрузится главная страница поисковой системы.

Найдите на странице ссылку Добавить сайт, обычно расположенную в нижней части главной страницы системы, и нажмите на нее. В разных системах эта ссылка может называться по разному, например. Добавить ресурс, Добавить URL, Add URL, Submit a site и так далее. После нажатия на ссылку откроется страница добавления сайта в поисковую систему.

Прочитайте правила регистрации в системе и заполните регистрационную форму.

Нажмите кнопку Добавить URL!, и через несколько секунд загрузится страница с сообщением об успешной регистрации.

Система Яндекс также сразу предлагает внести информацию о вашей странице в каталог. Для внесения в каталог информации о вашем сайте заполните поля новой регистрационной формы.

Нажмите кнопку Добавить!, и через несколько секунд появится сообщение о том, что ваш ресурс будет добавлен в каталог после проверки гидом.

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

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

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

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

Услуги бесплатной регистрации предоставляют следующие службы:

TAU (http://www.design.ru/free/addurl/) — регистрирует сайт во всех основных российских и зарубежных поисковых системах.

AddMe! (http://www.addme.com/) — регистрирует в 25 зарубежных поисковых машинах

@Submit! (http://www. uswebsites.com/submit/) — регистрирует в основных зарубежных поисковых системах.

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

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

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

 

Контрольные вопросы

 

1.        Что следует учитывать, выбирая бесплатную службу по размещению Web-страниц в Интернете?

2.        Дайте краткую характеристику серверов, предоставляющих бесплатно место для Web-сайта.

3.        Какую рекомендацию следует получить у провайдера для того чтобы поместить сайт на сервере?

4.        Как зарегистрироваться на сервере www.narod.ru?

5.        Как переслать на сервер www.narod.ru свои файлы?

6.        Какие поисковые системы и каталоги вы знаете?

7.        Как зарегистрировать свой сайт в поисковой системе Яндекс?

8.        Какие службы предоставляют услуги бесплатной регистрации?


Нажмите кнопку ОК, чтобы закрыть диалог и применить выбранные настройки к тексту.

Контрольные вопросы

Устройство современного веб-браузера Chrome (часть 2/4) / Хабр

Это 2-я часть из 4-х, в которой рассматривается внутренняя работа Chrome. В предыдущей части мы рассмотрели, как различные процессы и потоки работают с разными частями браузера. В этом посте мы подробнее рассмотрим, как каждый процесс и поток взаимодействуют, чтобы отобразить веб-сайт.

Часть 1
Часть 2 (текущая)
Часть 3
Часть 4


Об особенностях перевода

  • в ходе перевода, я старался вычленять из статьи ПОНЯТИЯ, т.е. текстовые единицы которые несут специальный (технический) смысл. В переводе эти понятия выделены по особенному — во первых понятия предваряются символом звёздочки, во-вторых в них вместо пробела используется тире. Например: *браузер-процесс, *сайто-изоляция. При переводе понятий, приоритет отдавался не красоте перевода, а желанию выделить, акцентировать, то что мы имеем дело с ПОНЯТИЕМ, а не с фигурой речи.
  • также, некоторые слова переведены неверно с точки зрения русского языка, в жаргонном стиле, например пайплайн, продакшен. У «технарей» такой перевод не вызовет затруднений, у остальных читателей прошу прощения.

Рассмотрим простой пример использования веб-браузера: вы вводите URL в браузере, затем браузер извлекает данные из интернета и отображает страницу. В этой заметке мы остановимся на той части, где пользователь запрашивает сайт, а браузер готовится к отображению страницы — также известной как навигация.


Как мы описывали в первой части, все, что находится вне вкладки, обрабатывается *браузер-процессом. *Браузер-процесс имеет такие потоки, как *UI-поток (UI thread), который рисует кнопки и поля ввода браузера, *сетевой-поток (network thread), который имеет дело с сетевым стеком для получения данных из Интернета, *поток-хранения (storage thread), который контролирует доступ к файлам и многие другие. Когда вы вводите URL в адресную строку, ваш ввод обрабатывается *UI-потоком *браузер-процесса.

Рисунок 1: Интерфейс браузера вверху, схема *браузер-процесса с *UI-потоком, *сетевым-потоком и *потоком-хранения внутри внизу



= Шаг 1. Обработка ввода

Когда пользователь начинает печатать в адресной строке, первое, что интересует *UI-поток «Это поисковый запрос или URL?». В Chrome адресная строка также является полем ввода поискового запроса, поэтому *UI-поток должен разобраться и решить, отправить ли вас в поисковую систему, или на сайт, который вы запросили.

Рисунок 1-bis: *UI-поток спрашивает, является ли входной запрос поисковым или URL-адресом


= Шаг 2. Старт навигации

Когда пользователь нажимает Enter, *UI-поток инициирует сетевой вызов для получения контента сайта. В углу вкладки отображается анимация загрузки, и *сетевой-поток проходит через соответствующие протоколы, такие как DNS поиск и создание TLS соединения для запроса.

Рисунок 2: *UI-поток разговаривающий с *сетевым-потоком для перехода на mysite. com

В этом месте *сетевой-поток может получить заголовок перенаправления сервера, например, HTTP 301. В этом случае *сетевой-поток взаимодействует с *UI-потоком, для которого сервер выполняет редирект. Затем будет инициирован еще один запрос URL-адреса.


= Шаг 3. Чтение ответа

Как только тело ответа (payload, полезная нагрузка) начинает поступать, *сетевой-поток при необходимости смотрит на первые несколько байт данных. В заголовке ответа ‘Content-Type’ должно быть указано, какой это тип данных, но так как он может отсутствовать или быть неправильным, то в данном случае выполняется прослушивание MIME-типа. Это «сложное дело», прокомментировано в исходном коде. Вы можете прочитать эти комментарии исходного кода, чтобы посмотреть, как разные браузеры обращаются с парами ‘content-type/payload’

Рисунок 3: Заголовок ответа, содержащий Content-Type и полезную нагрузку, которая является фактическими данными

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

Рисунок 4: *Сетевой-поток спрашивает, являются ли данные ответа HTML данными с безопасного сайта

Здесь также выполняется проверка SafeBrowsing. Если домен и ответные данные, похоже совпадают с известным вредоносным сайтом, то *сетевой-поток предупреждает показом предупреждающей страницы. Кроме того, выполняется проверка Cross Origin Read Blocking (CORB), чтобы убедиться, что конфиденциальные межсайтовые данные не попадают в *рендер-процесс.


= Шаг 3. Поиск *рендер-процесса

После того, как все проверки завершены и *сетевой-поток уверен, что браузер может перейти к запрашиваемому сайту, *сетевой-поток сообщает *UI-потоку, что данные готовы. Затем *UI-поток ищет *рендер-процесс для продолжения рендеринга веб-страницы.

Рисунок 5: *Сетевой-поток, просящий *UI-поток предоставить *рендер-процесс

Поскольку сетевой запрос на получение обратного ответа может занять несколько сотен миллисекунд, применяется оптимизация для ускорения этого процесса. Когда *UI-поток посылает URL запрос в *сетевой-поток на шаге 2, он уже знает, к какому сайту он обращается. *UI-поток пытается проактивно найти или запустить *рендер-процесс параллельно с сетевым запросом. Таким образом, если все пойдет как ожидалось, *рендер-процесс уже будет находиться в режиме ожидания, к моменту когда *сетевой-поток получил данные. Этот резервный процесс может быть не использован, если навигация будет перенаправлена на другой сайт, в этом случае может потребоваться другой процесс.


= Шаг 4. Реализация перехода

Теперь, когда данные и *рендер-процесс готовы, выполняется IPC запрос из *браузер-процесса в *рендер-процесс для реализации перехода. Также передается стрим данных, для того чтобы *рендер-процесс мог продолжать получать HTML-данные. Как только *браузер-процесс получает подтверждение того, что в *рендер-процессе всё выполнено, навигация завершается и начинается фаза загрузки документа.

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

Рисунок 6: IPC между *браузер-процессом и *рендер-процессом, запрос на рендеринг страницы


= Дополнительный шаг. Завершение начальной загрузки

После реализации навигации *рендер-процесс продолжает загрузку ресурсов и рендеринг страницы. Подробнее о том, что происходит на этом этапе, мы расскажем в следующем посте. Как только *рендер-процесс «финиширует» рендеринг, он посылает IPC запрос обратно в *браузер-процесс (это происходит после того, как все события загрузки сработали на всех фреймах страницы и закончили своё выполнение). На этом этапе *UI-поток останавливает анимацию индикатора загрузки страницы.

Я пишу «финиширует» в кавычках, потому что JavaScript на стороне клиента все равно может загрузить дополнительные ресурсы и вывести новые представления после этого момента.

Рисунок 7: IPC-запрос от *рендер-процесса к *браузер-процессу для уведомления о том, что страница «загружена».


Простая навигация была завершена! Но что случится, если пользователь снова поместит другой URL в адресную строку? Что ж, процесс браузера пройдет те же самые этапы, что и при переходе на другой сайт. Но перед тем, как это сделать, ему нужно проверить для текущего отрисованного сайта, волнует ли его событие beforeunload.

beforeunload может создавать высплыавющее предупреждение «Покинуть этот сайт?» при попытке навигации наружу или закрытии вкладки. Все внутренние вкладки, включая ваш JavaScript код, обрабатывается *рендер-процессом, поэтому *браузер-процесс должен свериться с текущим *рендер-процессом, когда приходит новый навигационный запрос.


Внимание: Не добавляйте без необходмости обработчики beforeunload. Это создает дополнительные задержки, так как обработчик должен быть выполнен еще до того, как навигация может быть запущена. Этот обработчик событий должен добавляться только при необходимости, например, если необходимо предупредить пользователей о том, что они могут потерять данные, введенные на странице.

Рисунок 8: IPC-запрос от *браузер-процесса к *рендер-процессу, говорящий ему, что он собирается перейти на другой сайт

Если навигация была инициирована из *рендер-процесса (например, пользователь нажал на ссылку или JavaScript на стороне клиента запустил window.location = "https://newsite.com"), то *рендер-процесс сначала проверяет обработчики beforeunload. Затем он проходит через тот же процесс, что и процесс запуска навигации. Единственное отличие состоит в том, что запрос на навигацию запускается от *рендер-процесса к *браузер-процессу.

Когда новая навигация осуществляется на сайт, отличный от текущего, вызывается отдельный *рендер-процесс для обработки новой навигации, в то время как текущий *рендер-процесс продолжается для обработки таких событий, как выгрузка. Для получения более подробной информации смотрите обзор состояния жизненного цикла страницы и то, как вы можете подключаться к событиям с помощью Page Lifecycle API.

Рисунок 9: 2 IPC-запроса от *браузер-процесса к новому *рендер-процессу, говорящему отрисовать страницу и говорящему старому *рендер-процессу выгрузить страницу


Одним из недавних изменений в процессе навигации является введение service worker. *Сервис-воркер — это способ написания сетевого прокси в коде вашего приложения; позволяющий веб-разработчикам иметь больше контроля над тем, что кэшировать локально а когда получать новые данные из сети. Если *сервис-воркер настроен на загрузку страницы из кэша, то нет необходимости запрашивать данные из сети.

Важно помнить, что *сервис-воркер — это JavaScript-код, который запускается в *рендер-процессе. Но когда приходит запрос на навигацию, как *браузер-процессу узнать что у сайта есть *сервис-воркер?

Когда *сервис-воркер зарегистрирован, скоуп *сервис-воркера сохраняется как ссылка (вы можете прочитать более подробную информацию об этом скоупе в статье The Service Worker Lifecycle). Когда происходит навигация, *сетевой-поток сравнивает домен со скоупами *сервис-воркера, если *сервис-воркер зарегистрирован для этого URL, то *UI-поток ищет *рендер-процесс, чтобы выполнить код *сервис-воркера. *Сервис-воркер может загружать данные из кэша, исключая необходимость запрашивать данные из сети, или может запрашивать новые ресурсы из сети.

Рисунок 10: Сетевой-поток в процессе просмотра браузером скоупа \сервис-воркера

Рисунок 11: *UI-поток в *браузер-процессе запускает *рендер-процесс для работы с *сервис-воркерами; поток *сервис-воркера в *рендер-процессе затем запрашивает данные из сети


Вы можете видеть, что цикл общения между *браузер-процессом и *рендер-процессом может приводить к задержкам, если *сервис-воркер в конце концов решит запросить данные из сети. Navigation Preload — это механизм ускорения этого процесса путем загрузки ресурсов параллельно с запуском *сервис-воркера. Он помечает эти запросы заголовком, позволяя серверам решить отправить ли различное содержимое для этих запросов; например, просто обновленные данные вместо полного документа.

Рисунок 12: *UI-поток в *браузер-процессе, запускающий *рендер-процесс для обработки *сервис-воркера с параллельным запуском сетевого запроса


В этом посте мы рассмотрели, что происходит во время навигации и как код вашего веб-приложения, такой как заголовки ответов и JavaScript на стороне клиента, взаимодействует с браузером. Знание шагов, через которые проходит браузер для получения данных из сети, облегчает понимание того, зачем были разработаны API, такие как Navigation Preload. В следующем посте мы погрузимся в то, как браузер обрабатывает HTML/CSS/JavaScript для отображения страниц.

Часть 1
Часть 2 (текущая)
Часть 3
Часть 4

КриптоПро | Браузер Chromium-Gost

Браузер Chromium-Gost — веб-браузер с открытым исходным кодом на основе Chromium с поддержкой криптографических алгоритмов ГОСТ (в соответствии с методическими рекомендациями ТК 26) при установке защищённых соединений через интерфейс msspi.

Основной задачей проекта является техническая демонстрация возможности встраивания ГОСТ в браузер с открытым исходным кодом Chromium. Данное технологическое решение может помочь разработчикам адаптировать браузер при встраивании поддержки ГОСТ.

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

Скачать

Браузер Chromium-Gost доступен для операционных систем Windows, Linux и MacOS.

Ссылки для скачивания актуальных сборок и основная ветка разработки:
https://github.com/deemru/chromium-gost/releases/latest

Версия браузера Chromium-Gost для Windows XP:
https://github.com/deemru/chromium-gost/releases/tag/49.0.2623.112

Обсуждение и отзывы по проекту:
https://www.cryptopro.ru/forum2/default.aspx?g=posts&t=9991

Требования к системе

Для работы с алгоритмами ГОСТ требуется наличие в системе криптопровайдера, поддерживающего работу с российской криптографией.

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

Проверка работоспособности

Если соответствующий криптопровайдер установлен в системе, то проверить работоспособность браузера Chromium-Gost, можно перейдя по ссылке на сервис для разработчиков https://gost.cryptopro.ru

Сертификат сайта должен выглядеть следующим образом, что подтверждает установку защищённого соединения по алгоритмам ГОСТ:

Альтернативный вариант проверки — через панель разработчика:
— Находясь в браузере, нажмите F12, откроется панель разработчика браузера
— Перейдите на вкладку Security

— Находясь на вкладке Security, обновите страницу (1 — на картинке ниже)
— Перейдите на появившуюся закладку https://gost. cryptopro.ru/ (2 — на картинке ниже)
— Проверьте данные соединения и сертификата (3 — на картинке ниже)

Если у вас показывается другой сертификат (примеры ниже), то попробуйте переустановить криптопровайдер и перезапустить браузер Chromium-Gost.

Или в альтернативном варианте проверки — если соединение не по ГОСТ:

Если у вас по какой-то причине не установлены корневые сертификаты (перечёркнут https, как на картинке ниже),

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

Принцип работы

Оригинальная реализация Chromium при установке защищённых соединений использует библиотеку BoringSSL, которая не поддерживает криптографические алгоритмы ГОСТ. Для обеспечения работы ГОСТ-алгоритмов используется интерфейс msspi, который может поддерживать соответствующие алгоритмы, используя установленный в систему криптопровайдер.

При запуске браузера определяется наличие технической возможности работы криптографических алгоритмов ГОСТ через интерфейс msspi. В случае успеха при установке очередного защищённого соединения помимо оригинальных идентификаторов алгоритмов в пакете будут отправлены идентификаторы алгоритмов ГОСТ.

Если сайт поддерживает работу по ГОСТ, он может отреагировать на наличие этих идентификаторов предложением работы на ГОСТ-алгоритмах. Тогда защищённое соединение в рамках BoringSSL установлено не будет, так как BoringSSL не поддерживает ГОСТ, но поступит сигнал о соответствующей ошибке.

В случае возникновения подобного сигнала для данного сайта происходит переключение в режим работы интерфейса msspi. Если защищённое соединение успешно устанавливается через интерфейс msspi, сайт отмечается поддерживающим алгоритмы ГОСТ и все последующие с ним соединения будут использовать интерфейс msspi.

Для пользователя данный алгоритм работы остаётся прозрачен, так как Chromium автоматически устанавливает повторное соединение через интерфейс msspi.

Safari – Apple (RU)

Браузер Safari идеально подходит для всего, что вы любите делать в интернете — на всех ваших устройствах Apple. В нём появилось больше персональных настроек, надёжных функций для защиты данных и мощнейших решений для экономии заряда аккумулятора. Всё, чтобы вы могли просматривать сайты, как удобно и когда угодно. А ещё Safari превосходит другие браузеры в скорости.1

Узнайте, как сделать Safari браузером по умолчанию

Производительность

Больше скорости.


Больше эффективности.

Safari оснащён невероятно быстрым движком JavaScript, и это делает его самым быстрым браузером в мире.1 Кроме того, он разработан специально для устройств Apple, поэтому умеет эффективно расходовать их энергию и позволяет дольше работать без подзарядки. А благодаря чипу Apple браузер Safari стал ещё быстрее, чем раньше.2

+50%Часто посещаемые страницы загружаются в среднем на 50% быстрее, чем в браузере Chrome3

До 1,5 часа дольше можно смотреть видео онлайн — по сравнению с Chrome, Edge и Firefox4

До 30 минут дольше можно просматривать сайты — по сравнению с Chrome, Edge и Firefox4

  • Jetstream /
  • MotionMark /
  • Speedometer /

Производительность JavaScript в сложных веб‑приложениях. 5

Safari в macOS

1,8x быстрее

Chrome в macOS

1,5x быстрее

Edge в macOS

1,5x быстрее

Firefox в macOS

1,0x базовый уровень

Safari в macOS

2,0x быстрее

Chrome в Windows 10

1,6x быстрее

Edge в Windows 10

1,6x быстрее

Firefox в Windows 10

1,0x базовый уровень

Скорость рендеринга анимированного контента.5

Safari в macOS

1,6x быстрее

Chrome в macOS

0,8x быстрее

Edge в macOS

0,8x быстрее

Firefox в macOS

1,0x базовый уровень

Safari в macOS

2,3x быстрее

Chrome в Windows 10

1,1x быстрее

Edge в Windows 10

1,1x быстрее

Firefox в Windows 10

1,0x базовый уровень

Скорость отклика в веб‑приложениях. 5

Safari в macOS

1,3x быстрее

Chrome в macOS

1,3x быстрее

Edge в macOS

1,1x быстрее

Firefox в macOS

1,0x базовый уровень

Safari в macOS

1,9x быстрее

Chrome в Windows 10

1,4x быстрее

Edge в Windows 10

1,3x быстрее

Firefox в Windows 10

1,0x базовый уровень

Конфиденциальность

Встроенная защита данных.

Конфиденциальность в интернете не только желательна, а просто необходима. Поэтому в Safari встроены мощные технологии защиты личной информации. В том числе функция «Предотвра­щение отслеживания», которая умеет обнаруживать и блокировать попытки профилирования и перекрёстного отслеживания вас в интернете. А если вы подключите iCloud+, то в вашем распоряжении окажется ещё больше инструментов для обеспечения конфиденциаль­ности. Например, вы сможете регистрироваться на сайтах и в сервисах, не предоставляя им свой личный адрес электронной почты.

Подробнее о защите конфиденциальности в продуктах Apple

Браузер Safari защищает вас от тайного отслеживания.

Подробнее

Предотвращение отслеживания

Что именно вы ищите и куда заходите в интернете, касается только вас и никого больше. Поэтому в Safari есть встроенные защитные функции, которые мешают сторонним веб-сайтам и компаниям, занимающимся сбором данных, отслеживать ваши действия в интернете и составлять на их основе ваш профиль. Функция «Предотвращение отслеживания» с помощью интеллектуальных средств вашего устройства помогает предотвратить перекрёстный сбор данных и не позволяет известным трекерам записывать ваш IP‑адрес — без этого невероятно сложно определить, кем вы являетесь и чем интересуетесь.

Настройки на ваш вкус

Ваш личный Safari.

Теперь в Safari ещё больше персональных настроек. Создайте группы вкладок, с помощью которых удобно переключаться от одного занятия к другому. Измените оформление начальной страницы: выберите фоновое изображение и добавьте на неё содержание, например Список для чтения, Избранное, Вкладки iCloud, Предложения Siri. Кроме того, сторонние расширения для iPhone, iPad и Mac помогут дополнить функции Safari, чтобы браузер был именно таким, как вам хочется, — на всех ваших устройствах.

Умные инструменты

Всё внимание


на работу.

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

Hallo

Hola

Bonjour

Hello

Привет

你好

Olá

こんにちは

Безопасность

Safari заботится

о вашей безопасности.

Мощные защитные функции Safari помогают обеспечи­вать безопасность ваших данных. Например, Связка ключей iCloud надёжно хранит ваши пароли на всех одобренных вами устройствах и автоматически подставляет их в поле ввода. Если ваш пароль был скомпрометирован, функция «Мониторинг паролей» сообщит вам об этом. Браузер Safari также предупреждает, когда вы переходите на подозритель­ную страницу, и не даёт ей загрузиться. Так как для загрузки каждой веб‑страницы создаётся отдельный процесс, то потенциально вредонос­ный код не выходит за пределы одной вкладки браузера — а значит, не может нарушить работу всего приложения или получить доступ к вашим данным. Кроме того, теперь Safari автоматически использует HTTPS вместо HTTP, если сайт поддерживает безопасное подключение.

Если ваш пароль будет скомпро­метирован, то функция «Мониторинг паролей» предупредит вас и поможет его поменять.

Подробнее о безопасности паролей

Мониторинг паролей

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

Непрерывность

Разные устройства.


Один Safari.

Safari быстро и надёжно синхронизирует ваши пароли, закладки, историю, вкладки и другие данные на ваших Mac, iPad, iPhone и Apple Watch. А когда ваш Mac и устройства iOS и iPadOS находятся рядом друг с другом, они могут автоматически обмениваться сведениями о том, чем вы занимаетесь в Safari, — с помощью функции Handoff. Благодаря этому вы даже можете скопировать изображение, видео или текст в Safari на iPhone или iPad и вставить прямо на Mac, если он рядом. И наоборот.

Подробнее о функции «Непрерывность»

Режим просмотра вкладок.

Когда вы используете Safari на нескольких устройствах Apple, открытые вкладки автоматически переносятся с одного устройства на другое. Поэтому можно искать информацию, делать покупки, работать или просто смотреть сайты на iPhone, а затем переключиться на iPad или Mac — и сразу продолжить там.

Список для чтения.

Сохраняйте веб‑страницы, которые хотите прочитать позднее, в Список для чтения. После добавления в список такую страницу вы можете посмотреть на любом своём устройстве, которое использует iCloud. И чтобы её потом открыть, вам даже не понадобится подключение к интернету.

Связка ключей iCloud.

Связка ключей iCloud надёжно хранит ваши имена пользователя, пароли и номера кредитных карт. И синхронизирует их на всех одобренных вами устройствах. Поэтому вы можете быстро входить в свои профили на сайтах и в приложениях на iOS и iPadOS, а также мгновенно оплачивать покупки онлайн.

Создан для разработчиков.

Глубокая интеграция технологии WebKit в систему macOS и аппаратную часть Mac позволяет браузеру Safari обеспечивать самую высокую производительность и самый экономный расход заряда аккумулятора по сравнению с любыми другими браузерами на этой платформе. При этом WebKit поддерживает современные веб‑стандарты, позволяющие создавать красивые сайты с расширенными возможностями. А в macOS Monterey движок WebKit оснащён оптимизированными функциями, которые расширяют возможности браузера ещё сильнее.

Подробнее

Ресурсы

Сделайте Safari


своим браузером по умолчанию Подробнее

Настройте начальную страницу на свой вкус

Подробнее

Смотрите отчёт


Safari о конфиден­циальности Подробнее

Используйте мониторинг сохранённых паролей

Подробнее

Открывайте свои вкладки на разных устройствах

Подробнее

Читайте руководство пользователя Safari

Подробнее

Получайте техническую поддержку по Safari

Подробнее

Как зарегистрировать интернет-браузер или почтовый клиент с помощью меню «Пуск» Windows — приложения Win32

  • Статья
  • 11 минут на чтение

Примечание

Этот раздел относится к Windows XP, Windows Vista и Windows 7.

 

Меню «Пуск» в Windows XP и Windows Vista содержит зарезервированные слоты для Интернет (браузер) и Электронная почта (почта) клиенты, вместе известные как Интернет-приложения меню «Пуск» . Приложения, которые регистрируются как Интернет-приложения меню «Пуск», делают это во всей системе (для каждого компьютера). В Windows Vista пользователь может использовать функцию «Программы по умолчанию» , чтобы установить настройки по умолчанию для каждого пользователя.

Когда приложения регистрируются как Интернет-приложения меню «Пуск», Windows XP и Windows Vista создают Интернет и Электронная почта значки в меню «Пуск». Щелчок по этим значкам приводит к тому, что меню «Пуск» проверяет поддерево реестра для каждого пользователя ( HKEY_CURRENT_USER ). Если параметр по умолчанию для каждого пользователя не найден, меню «Пуск» ищет подраздел по умолчанию для каждого компьютера в поддереве HKEY_LOCAL_MACHINE .

Примечание

Установка Windows по умолчанию не регистрирует программу Интернета или электронной почты по умолчанию для каждого пользователя, а только общесистемную программу по умолчанию. Это обеспечивает плавный путь обновления с предыдущих версий операционной системы, в которых для регистрации клиентов поддерживается только поддерево HKEY_LOCAL_MACHINE.

 

В этом разделе обсуждаются следующие вопросы:

  • Регистрация в меню «Пуск» Интернет-ссылка
    • Как зарегистрироваться в качестве Интернет-клиента по умолчанию
  • Регистрация для отправки ссылки по электронной почте в меню «Пуск»
    • Как меню «Пуск» отображает почтовый клиент по умолчанию
    • Как зарегистрироваться в качестве почтового клиента по умолчанию
  • Настройка контекстного меню

Примечание

Эта регистрация устарела, начиная с Windows 7, которая больше не предоставляет интернет-ссылку меню «Пуск». Существующие регистрации игнорируются в Windows 7 и более поздних версиях. Регистрация в качестве интернет-приложения меню «Пуск» по умолчанию — это не то же самое, что регистрация в качестве веб-браузера по умолчанию. Веб-браузер по умолчанию используется для запуска произвольных URL-адресов из любой точки системы. Интернет-приложение меню «Пуск» просто управляет программой, которая запускается, когда пользователь щелкает значок Интернета в меню «Пуск».

 

Любое приложение веб-браузера может зарегистрироваться, чтобы отображаться в качестве интернет-клиента в меню «Пуск». Такая видимость в сочетании с надлежащей регистрацией типов файлов и протоколов приложения дает приложению статус браузера по умолчанию.

Регистрации, сделанные в поддереве HKEY_CURRENT_USER , имеют более высокий приоритет для пользователя консоли, чем соответствующие регистрации, сделанные в HKEY_LOCAL_MACHINE . Для новых пользователей системы настройки, сохраненные в HKEY_LOCAL_MACHINE используются. Начиная с Windows XP, настройки Интернета в меню «Пуск» сохраняются в записях по умолчанию в двух разделах реестра:

  • HKEY_CURRENT_USER \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ StartMenuInternet
  • HKEY_LOCAL_MACHINE \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ StartMenuInternet

Подключ HKEY_CURRENT_USER \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ StartMenuInternet описывает интернет-браузер, который запускается, когда пользователь щелкает значок Internet в меню «Пуск». Если этот подраздел пуст или отсутствует, то для значка Internet в меню «Пуск» устанавливается системное значение по умолчанию, хранящееся во втором расположении по адресу HKEY_LOCAL_MACHINE \ SOFTWARE \ Clients \ StartMenuInternet , которое описывает весь Интернет. браузерные приложения, установленные в системе.

Когда новый пользователь входит в систему, меню «Пуск» использует значение по умолчанию в подразделе HKEY_LOCAL_MACHINE \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ StartMenuInternet для отображения интернет-клиента по умолчанию и запускает зарегистрированное приложение, когда это значок щелкнут.

Как зарегистрироваться в качестве Интернет-клиента по умолчанию

Ниже подраздела HKEY_LOCAL_MACHINE \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ StartMenuInternet может быть ноль или более подразделов, по одному для каждого зарегистрированного приложения интернет-браузера. Например, гипотетическая система может иметь такое расположение:

 HKEY_LOCAL_MACHINE.
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
ПускМенюИнтернет
IEXPLORE.EXE
БРАУЗЕР2.EXE
БРАУЗЕР3.EXE
 

Мы продемонстрируем записи реестра с помощью гипотетического браузера под названием «Lit View» от вымышленной компании Litware Inc. Предположим, что имя исполняемого файла для Lit View — Litview.exe. Регистрация Lit View происходит, как показано здесь:

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
ПускМенюИнтернет
LITVIEW.EXE
LocalizedString = @C:\Program Files\LitwareInc\ResourceDLL.dll, -123
 

Данные LocalizedString имеют тип REG_SZ или REG_EXPAND_SZ, если используются переменные пути, такие как %programfiles% . LocalizedString предоставляет путь к исполняемому (.exe) или библиотечному (.dll) файлу. Обратите внимание, что строка пути начинается со знака «at» (@) и что вокруг пути не требуется никаких кавычек, независимо от пробелов внутри него. Десятичное целое число — это идентификатор строкового ресурса, содержащегося в указанной DLL, значение которого должно отображаться пользователю. Это позволяет использовать одну и ту же регистрацию для нескольких языков. Для каждого языка предоставляется своя библиотека ResourceDLL.dll. Это позволяет системе отображать правильную строку на основе выбранного языка.

Следующее значение REG_SZ или REG_EXPAND_SZ информирует меню «Пуск» о значке по умолчанию, который отображается, когда пользователь выбирает Lit View в качестве интернет-браузера меню «Пуск».

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
ПускМенюИнтернет
LITVIEW.EXE
Значок по умолчанию
(по умолчанию) = C:\Program Files\LitwareInc\LitView.exe,1
 

Следующий подраздел реестра указывает командную строку, которая запускается, когда пользователь щелкает команду меню «Интернет» в меню «Пуск», при условии, что Lit View является выбранным интернет-браузером в меню «Пуск». Например, команда может открыть браузер с домашней страницей пользователя или команда может запустить ознакомительный пользовательский интерфейс, который независимый поставщик программного обеспечения (ISV) считает подходящим. Данные имеют тип REG_SZ или REG_EXPAND_SZ, но обратите внимание, что поскольку в пути командной строки есть пробел, путь к исполняемому файлу заключен в кавычки.

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
ПускМенюИнтернет
LITVIEW. EXE
оболочка
открытым
(по умолчанию) = "C:\Program Files\LitwareInc\LitView.exe" - приветствие
 

Когда пользователь указывает с помощью настройки доступа к программам и параметров компьютера по умолчанию (SPAD), что Lit View следует использовать в качестве веб-браузера по умолчанию на уровне компьютера, приложение должно установить следующую запись REG_SZ. Обратите внимание, что, поскольку SPAD работает с правами администратора, доступ к этому подразделу разрешен.

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
ПускМенюИнтернет
(по умолчанию) = LITVIEW.EXE
 

Примечание

В Windows Vista веб-браузер по умолчанию на уровне пользователя должен быть установлен с помощью инструмента Программы по умолчанию , а не SPAD.

Следующая информация относится только к Windows XP.

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

 HKEY_CURRENT_USER
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
ПускМенюИнтернет
 

Если регистрация веб-браузера по умолчанию на уровне компьютера в разделе HKEY_LOCAL_MACHINE не удалась, приложение должно установить данные REG_SZ, как показано в этом примере для приложения Lit View:

 HKEY_CURRENT_USER
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
(по умолчанию) = LITVIEW. EXE
 

 

После обновления соответствующих подразделов приложение передает сообщение WM_SETTINGCHANGE с параметром wParam , установленным на 0, и параметром lParam , указывающим на завершающуюся нулем строку "Software\Clients\StartMenuInternet" . Это уведомляет операционную систему о том, что клиент по умолчанию изменился.

Установка этих подразделов для браузера меню «Пуск» по умолчанию необходима для сохранения обратной совместимости со старыми веб-браузерами, которые не поддерживают регистрацию для отдельных пользователей.

Примечание

Ссылка на электронную почту в меню «Пуск» была удалена, начиная с Windows 7. Тем не менее, эту регистрацию, обсуждаемую в этом разделе, все равно следует выполнять, чтобы она повлияла на назначение клиента MAPI по умолчанию.

 

Любое приложение электронной почты может зарегистрироваться, чтобы оно отображалось в качестве почтового клиента в меню «Пуск». Такая видимость в сочетании с надлежащей регистрацией типов файлов и протоколов приложения обеспечивает почтовый статус приложения по умолчанию.

Регистрации, сделанные в поддереве HKEY_CURRENT_USER , имеют более высокий приоритет для пользователя консоли, чем соответствующие регистрации, сделанные в HKEY_LOCAL_MACHINE . Для новых пользователей системы настройки, сохраненные в HKEY_LOCAL_MACHINE используются. Начиная с Windows XP, настройки электронной почты меню «Пуск» хранятся в записях по умолчанию в двух разделах реестра:

  • HKEY_CURRENT_USER \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ Почта
  • HKEY_LOCAL_MACHINE \ ПРОГРАММА \ Клиенты \ Почта

Подключ HKEY_CURRENT_USER \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ Почта описывает почтовый клиент, который запускается, когда пользователь нажимает кнопку Значок электронной почты в меню «Пуск».

Подключ HKEY_LOCAL_MACHINE \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ Почта описывает почтовые приложения, установленные в системе, а также почтовое приложение по умолчанию.

Если HKEY_CURRENT_USER \ SOFTWARE \ Clients \ Mail пусто или отсутствует, значение по умолчанию определяется в HKEY_LOCAL_MACHINE \ SOFTWARE 9s SOFTWARE 9s0022\ Почта используется для выбора приложения электронной почты, которое отображается в меню «Пуск».

Когда новый пользователь входит в систему, меню «Пуск» использует значение по умолчанию в подразделе HKEY_LOCAL_MACHINE \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ Почта для отображения почтового клиента по умолчанию и запускает зарегистрированное приложение, когда это значок щелкнут.

Как зарегистрироваться в качестве клиента электронной почты по умолчанию

HKEY_LOCAL_MACHINE \ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ \ Клиенты \ Почта может содержать ноль или более подразделов, по одному для каждого зарегистрированного почтового приложения. Например, гипотетическая система может определить следующие подразделы:

 HKEY_LOCAL_MACHINE.
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
Юдора
Почта Windows
 

Мы продемонстрируем записи реестра с гипотетическим почтовым клиентом под названием «LitMail» от вымышленной компании Litware Inc. Litware Inc. решает зарегистрировать этот почтовый клиент под внутренним именем «LitMail». Как и в браузере, внутреннее имя представляет собой уникальную строку, используемую в качестве имени подключа, но никогда не отображаемую пользователю.

Чтобы установить почтовый клиент Lit Mail по умолчанию, они используют следующий подраздел и его записи:

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
ЛитМейл
(По умолчанию) = Освещенная почта
LocalizedString = @C:\Program Files\LitwareInc\ResourceDLL. dll, -456
 

Данные LocalizedString имеют тип REG_SZ или REG_EXPAND_SZ, если используются переменные пути, такие как %programfiles% . LocalizedString предоставляет путь к исполняемому (.exe) или библиотечному (.dll) файлу. Обратите внимание, что строка пути начинается со знака «at» (@) и что вокруг пути не требуется никаких кавычек, независимо от пробелов внутри него. Десятичное целое число — это идентификатор строкового ресурса, содержащегося в указанной DLL, значение которого должно отображаться пользователю. Это позволяет использовать одну и ту же регистрацию для нескольких языков. Для каждого языка предоставляется своя библиотека ResourceDLL.dll. Это позволяет системе отображать правильную строку на основе выбранного языка.

После обновления соответствующих подразделов приложение передает сообщение WM_SETTINGCHANGE с параметром wParam , установленным на 0, и параметром lParam , указывающим на завершающуюся нулем строку "Software\Clients\Mail" . Это уведомляет операционную систему о том, что клиент по умолчанию изменился.

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

Следующее значение REG_SZ или REG_EXPAND_SZ информирует меню «Пуск» о значке по умолчанию, который отображается, когда пользователь выбирает Lit Mail в качестве почтовой программы меню «Пуск»:

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
ЛитМейл
Значок по умолчанию
(по умолчанию) = C:\Program Files\LitwareInc\LitMail.exe,1
 

Следующая запись определяет командную строку, которая запускается, когда пользователь щелкает пункт меню Электронная почта в меню «Пуск», предполагая, что Lit Mail является выбранной программой электронной почты меню «Пуск». Эта командная строка также запускается, если пользователь выбирает Прочтите электронное письмо из меню инструментов Windows Internet Explorer . Данные имеют тип REG_SZ или REG_EXPAND_SZ , но обратите внимание, что поскольку в пути командной строки есть пробел, путь к исполняемому файлу заключен в кавычки.

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
оболочка
открытым
команда
(по умолчанию) = "C:\Program Files\LitwareInc\LitMail.exe" - почтовый ящик
 

Если (и только если) пользователь указывает Lit Mail в качестве почтового приложения меню «Пуск» по умолчанию, приложение Lit Mail может записать свое внутреннее имя в следующее значение REG_SZ :

 HKEY_CURRENT_USER
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
(по умолчанию) = ЛитМейл
 

Если (и только если) пользователь указывает Lit Mail как общесистемное почтовое приложение по умолчанию, приложение Lit Mail может записать свое внутреннее имя в REG_SZ 9Значение 0022 указано ниже. Обратите внимание, что доступ к этому подразделу может быть ограничен. Приложения не должны предполагать, что все пользователи имеют разрешение на изменение общесистемного почтового приложения по умолчанию.

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
(по умолчанию) = ЛитМейл
 

Регистрация в качестве почтового приложения меню «Пуск» по умолчанию не эквивалентна регистрации в качестве системного почтового клиента по умолчанию или зарегистрированного обработчика mailto .

  • Системный клиент электронной почты по умолчанию запускается, когда пользователь щелкает Читать электронную почту в меню Internet Explorer Инструменты .
  • Зарегистрированный обработчик mailto запускается, когда пользователь щелкает URL-адрес вида mailto:[email protected] .
  • Приложение электронной почты меню «Пуск» запускается, когда пользователь щелкает значок Электронная почта в меню «Пуск».

Если приложение электронной почты по умолчанию в меню «Пуск» не указано, значок «Электронная почта» в меню «Пуск» запускает клиент электронной почты по умолчанию.

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

Приложение может настраивать страницы свойств, которые отображаются, когда пользователь выбирает Свойства в контекстном меню значка Электронная почта (или Интернет ). Например, почтовое приложение Litware добавляет следующие REG_SZ или REG_EXPAND_SZ данные для отображения пользовательского листа свойств для Электронной почты значка, а не листа свойств по умолчанию.

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
ЛитМейл
оболочка
характеристики
MUIVerb = @C:\Program Files\LitwareInc\ResourceDLL.dll, -789
команда
(по умолчанию) = "C:\Program Files\LitwareInc\LitMail.exe" - свойства
 

Элемент данных MUIVerb начинается со знака «at» (@), за которым следует полный путь к ресурсной DLL, запятая, знак минус (-) и десятичная строка идентификатора ресурса для отображения. Обратите внимание, что путь к программе LitMail.exe содержит пробелы, поэтому строка пути заключена в кавычки.

Приложение также может добавлять дополнительные команды в контекстное меню. Например, почтовое приложение Litware добавляет команду find со следующими REG_SZ данные:

 HKEY_LOCAL_MACHINE
ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ
Клиенты
Почта
ЛитМейл
оболочка
найти
MUIVerb = @C:\Program File\LitwareInc\ResourceDLL.dll, -790
команда
(по умолчанию) = "C:\Program Files\LitwareInc\LitMail.exe" - контакты
 

Имя подраздела ниже оболочки (в данном случае «найти») является произвольным нелокализованным именем. И снова данные MUIVerb содержат знак «at» (@) в качестве первого элемента, за которым следует путь к ресурсной DLL, разделитель-запятая, а затем знак «минус» перед идентификатором ресурса в виде десятичной строки. Например, этот строковый ресурс может быть «Открыть адресную книгу». Наконец, обратите внимание, что строка командной строки содержит пробелы, поэтому она заключена в кавычки.

 

 

Включение или отключение запросов на вход через веб-браузер

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

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

  • Internet Explorer
  • Mozilla Firefox
  • Google Chrome

Управление запросами на вход в Internet Explorer

Чтобы включить или отключить запросы на вход в Internet Explorer, выполните следующие действия:

  1. Проверьте веб-консоль Lanswee используя , перейдя к следующему разделу консоли: Configuration\Website Settings
  2. Убедитесь, что ваш веб-сервер правильно настроен. База знаний содержит инструкции по настройке IIS Express, IIS и UltiDev.
    — Если вы хотите, чтобы веб-консоль показывала вам серый и оранжевый экран входа по умолчанию, отключите аутентификацию в настройках вашего веб-сервера.
    — Если вы хотите, чтобы ваш веб-браузер либо автоматически входил в систему, либо предоставлял вам запрос на вход, включите аутентификацию в настройках вашего веб-сервера.
  3. Откройте Internet Explorer, выберите пункт меню Параметры Интернета и откройте окно Безопасность вкладка всплывающего окна.
  4. Щелкните значок Надежные сайты и нажмите кнопку Сайты .
  5. Введите URL-адрес вашей веб-консоли Lansweeper в верхнем поле ввода, нажмите Добавить , а затем Закрыть. URL-адреса веб-консоли обычно имеют следующий формат:

    http://:<номер порта>/

  6. Нажмите кнопку Пользовательский уровень… .
  7. Включить Запрашивать имя пользователя и пароль , чтобы Internet Explorer запрашивал учетные данные. Включите Автоматический вход в систему с текущим именем пользователя и паролем , чтобы Internet Explorer автоматически входил в систему как текущий пользователь Windows.
  8. Перезапустите Internet Explorer. Чтобы убедиться, что Internet Explorer полностью остановлен перед перезапуском, вы можете открыть диспетчер задач Windows (Ctrl+Shift+Esc), щелкнуть правой кнопкой мыши процесс iexplore.exe в разделе «Процессы» и выбрать «Завершить процесс».

Управление запросами на вход в Mozilla Firefox

Чтобы включить или отключить запросы на вход в Mozilla Firefox, выполните следующие действия:

  1. Проверьте, какой веб-сервер использует ваша веб-консоль Lansweeper , перейдя в следующий раздел консоли: Configuration\Website Settings
  2. Убедитесь, что ваш веб-сервер настроен правильно. База знаний содержит инструкции по настройке для IIS Express, IIS и UltiDev.
    — Если вы хотите, чтобы веб-консоль показывала вам серый и оранжевый экран входа по умолчанию, отключите аутентификацию в настройках вашего веб-сервера.
    — Если вы хотите, чтобы ваш веб-браузер либо автоматически входил в систему, либо предоставлял вам запрос на вход, включите аутентификацию в настройках вашего веб-сервера.
  3. Откройте Firefox, введите about:config в адресную строку и нажмите Enter.
  4. Firefox предупредит вас, что неправильное изменение настроек может привести к проблемам со стабильностью, безопасностью и производительностью. Нажмите Я принимаю риск!
  5. Выполните поиск network.automatic-ntlm-auth.trusted-uris в доступной строке поиска, щелкните параметр правой кнопкой мыши и выберите Modify
  6. В появившемся всплывающем окне перечислены веб-сайты, на которые Firefox будет автоматически входить. Удалите URL-адрес вашей веб-консоли Lansweeper из этого всплывающего окна, чтобы Firefox запрашивал учетные данные. Добавьте URL-адрес вашей консоли, чтобы Firefox автоматически входил в систему как текущий пользователь Windows. Если вы уже отключили подсказки для другого веб-сайта, вы можете использовать список, разделенный запятыми, чтобы добавить веб-консоль Lansweeper. URL-адреса веб-консоли Lansweeper обычно имеют следующий формат:

    http://:<номер порта>/

  7. Перезапустите Firefox. Чтобы убедиться, что Firefox полностью остановлен перед перезапуском, вы можете открыть Диспетчер задач Windows (Ctrl+Shift+Esc), щелкнуть правой кнопкой мыши процесс(ы) firefox.exe в разделе Процессы и выбрать Завершить процесс.

Управление запросами на вход в Google Chrome

Чтобы включить или отключить запросы на вход в Google Chrome, выполните следующие действия:

  1. Проверьте, какой веб-сервер использует ваша веб-консоль Lansweeper , перейдя в следующий раздел консоли: Конфигурация\Настройки веб-сайта
  2. Убедитесь, что ваш веб-сервер правильно настроен. База знаний содержит инструкции по настройке для IIS Express, IIS и UltiDev.
    — Если вы хотите, чтобы веб-консоль показывала вам серый и оранжевый экран входа по умолчанию, отключите аутентификацию в настройках вашего веб-сервера.
    — Если вы хотите, чтобы ваш веб-браузер либо автоматически входил в систему, либо предоставлял вам запрос на вход, включите аутентификацию в настройках вашего веб-сервера.
  3. Следуйте инструкциям по настройке Internet Explorer , приведенным ранее в этой статье. Chrome использует те же настройки, что и Internet Explorer. Если Internet Explorer настроен на запрос учетных данных, Chrome также будет запрашивать. Если Internet Explorer настроен на автоматический вход в систему, Chrome также войдет в систему автоматически.
  4. Перезапустите Chrome , если он был запущен. Чтобы убедиться, что Chrome полностью остановлен перед перезапуском, вы можете открыть диспетчер задач Windows (Ctrl+Shift+Esc), щелкнуть правой кнопкой мыши процесс(ы) chrome.exe в разделе «Процессы» и выбрать «Завершить процесс».

Статьи по теме

Включение аутентификации в UltiDev

По умолчанию все в вашей сети имеют доступ к веб-консоли Lansweeper. Однако доступ также можно ограничить с помощью

Подробнее »

Включение проверки подлинности в IIS

По умолчанию все в вашей сети имеют доступ к веб-консоли Lansweeper. Однако доступ также может быть ограничен с помощью

Подробнее »

Включение проверки подлинности в IIS Express

По умолчанию все в вашей сети имеют доступ к веб-консоли Lansweeper. Однако доступ также может быть ограничен с помощью

Подробнее »

Начните прямо сейчас

Попробуйте Lansweeper бесплатно

Как принудительно открыть страницу входа в общедоступную сеть Wi-Fi

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

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

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

→ Скорее всего, вам понадобятся эти советы, когда ваш Wi-Fi не работает, поэтому обязательно загрузите нашу памятку по Wi-Fi в конце этого руководства, чтобы иметь копию этих советов, когда вам нужно их.

Наилучший вариант: подключение к защищенной сети

По возможности всегда выбирайте безопасную сеть, часто отмеченную замком

Типичная проблема с общедоступной сетью Wi-Fi — экран входа в систему не отображается. Вот только проблема только с открытыми, общедоступными, незащищенными сетями Wi-Fi.

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

Получите блог Zapier по электронной почте

Подпишитесь

Лучшее решение является и самым безопасным: выбирайте только зашифрованные соединения Wi-Fi. Обычно зашифрованные сети отображаются с замком рядом с их именем в меню Wi-Fi. Зашифрованные сети запрашивают пароль в стандартном диалоговом окне, подобном приведенному выше. Как только вы введете пароль, вам, как правило, больше никогда не придется вводить его снова на этом устройстве, так как ваш компьютер запомнит его.

Безопасные соединения Wi-Fi всегда проще входить в систему, но они также повышают безопасность. В общедоступной сети Wi-Fi по умолчанию все, что вы вводите на незащищенном, не-HTTPS-сайте, может быть просмотрено кем-либо еще в сети. Зашифрованные сети с паролями WPA2 гораздо сложнее атаковать, и поэтому ваши данные, вероятно, будут в большей безопасности.

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

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

1. Отключите альтернативные сторонние DNS-серверы

Вы можете ускорить работу в Интернете с помощью другого DNS-сервера, но не при подключении к общедоступной сети Wi-Fi.

Если есть еще один совет, который следует запомнить, так это то, что прием, который обычно вызывает загрузку страниц входа в систему: выключите альтернативный DNS-сервер .

DNS-серверов или серверов доменных имен , сопоставьте доменные имена, такие как zapier.com , с IP-адресом своего сервера, что значительно упрощает посещение веб-сайтов, чем ввод 52.0.36.104 .

Если вы не знаете, где изменить настройки DNS, вы, вероятно, в порядке; ваш компьютер по умолчанию автоматически выбирает DNS-сервер от маршрутизатора Wi-Fi, что общедоступный Wi-Fi ожидает, что вы будете использовать автоматически. И это хорошо, по крайней мере, с общедоступным Wi-Fi: ваша страница входа загружается с большей вероятностью, и вам не понадобятся эти советы.

Если вы когда-либо добавляли Google DNS, OpenDNS или любой другой альтернативный DNS в настройки вашей сети, это может быть вашей проблемой. Многие общедоступные сети Wi-Fi используют свой DNS-сервер, чтобы сообщить вашему компьютеру, какую страницу входа открывать, что не работает, когда вы используете альтернативный DNS-сервер.

Чтобы это исправить, просто откройте настройки DNS и удалите все альтернативные DNS-серверы. Вот как:

  • Mac: Откройте «Системные настройки», выберите «Сеть», «Дополнительно», а затем нажмите кнопку 9.0597 DNS таб. Выберите все перечисленные DNS-серверы, а затем нажмите кнопку , чтобы удалить их и применить изменения.

  • Windows: Щелкните правой кнопкой мыши значок сети на панели задач и выберите Открыть настройки Интернета и сети, , затем щелкните Центр управления сетями и общим доступом. Щелкните имя подключения (обычно Wi-Fi ), выберите «Свойства», затем щелкните Интернет-протокол версии 4 и снова выберите «Свойства». Там выберите Выберите IP-адрес автоматически для использования DNS-серверов по умолчанию.

  • iOS : откройте «Настройки», нажмите «Wi-Fi» и нажмите кнопку i рядом с названием вашей сети. Выберите Настроить DNS и нажмите Автоматически.

  • Android : Откройте «Настройки», коснитесь «Дополнительно» , затем коснитесь «Частный DNS». Выберите Автоматический .

После этого выключите Wi-Fi, а затем снова включите его, и должен открыться экран входа в систему.

В противном случае вам может потребоваться очистить кэш DNS на вашем компьютере. Here’s how:

  • Windows : Open Command Prompt, and enter ipconfig /flushdns

  • Mac : Open Terminal, and enter sudo killall -HUP mDNSResponder

Now re-connect к сети Wi-Fi, и он должен работать.

Совет: После подключения вы можете снова добавить пользовательские настройки DNS-сервера, чтобы ускорить загрузку страницы и обойти некоторые ограничения контента. Для этого можно использовать Google DNS (8.8.8.8 | 8.8.4.4) и OpenDNS (208.67.222.222 | 208.67.220.220).

2. Попробуйте открыть страницу маршрутизатора по умолчанию.

Если вы можете угадать страницу входа в свою сеть Wi-Fi, иногда вы можете заставить ее открыться.

Все еще не подключено? Пришло время попытаться заставить ваш браузер открыть страницу входа.

Простой способ — загрузить страницу маршрутизатора по умолчанию. Попробуйте ввести 192.168.1.1 , 127.1.1.1 , 1.1.1.1 или http://localhost в адресной строке браузера, и вы можете загрузить страницу входа по умолчанию (или вы можете увидеть страницу входа в настройки маршрутизатора — в этом случае не пытайтесь войти, если вы не дома).

Если это не сработает, снова откройте настройки сети и запишите IP-адрес вашего компьютера, как показано на скриншоте выше. Попробуйте ввести этот IP-адрес в браузере, заменив последний номер на 1 ​​. Или проверьте вкладку TCP/IP в настройках сети для IP-адреса маршрутизатора, если это не работает.

Или, если вы пытаетесь подключиться к общедоступной сети Wi-Fi компании — например, Gogo internet в самолете или сети Wi-Fi вашего оператора сотовой связи в торговом центре — попробуйте открыть веб-сайт этой компании. Большинство общедоступных сетей Wi-Fi позволяют просматривать сайты их компаний без входа в систему, и они часто имеют ссылку на свою страницу входа в сеть Wi-Fi. Например, на рейсе Delta я открыл delta.com и смог просмотреть информацию о поездке и , наконец, загрузил страницу входа в Wi-Fi.

3. Откройте не-HTTPS-сайт в режиме инкогнито

Иногда вам просто нужно попробовать загрузить новую страницу

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

Вы можете очистить кеш браузера, но это раздражает, и вам придется заново входить во все. Вместо этого откройте в браузере окно в режиме инкогнито, которое загружается с чистого листа. Затем попробуйте посетить сайт без HTTPS; example.com — отличный вариант, так как он не защищен и поддерживается ICANN.

Еще один хороший вариант — вручную посетить сайт, который ваше устройство пытается открыть в фоновом режиме при подключении к новым сетям Wi-Fi. Возможно, вы заметили, что ваше устройство загружает captive.apple.com при подключении к Wi-Fi; вы можете перейти на этот сайт напрямую, чтобы заставить браузер проверить соединение. Вот страницы по умолчанию, каждая из которых работает на любой платформе:

  • Apple iOS и macOS: captive.apple.com

  • Microsoft Windows: www.msftncsi.com/ncsi.txt

  • Google Android и Chrome: google.com/generate_204

браузера на экран входа в систему, ваш браузер предотвратит перенаправление для обеспечения безопасности ваших данных, что также не позволит вам войти в эту сеть Wi-Fi.

4. Создайте новое сетевое расположение

На компьютерах Mac новое сетевое расположение обеспечивает чистый запуск сети

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

Откройте Системные настройки и снова выберите Сеть . Щелкните раскрывающийся список вверху, выберите Edit Locations 9.0598 , затем щелкните значок + и добавьте новое местоположение. Выберите его, а затем попробуйте подключиться к нужной сети.

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

5. Перезагрузить

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

  • Выключите Wi-Fi, затем включите его снова.

  • Не работает? Попробуйте выйти из своей учетной записи на своем компьютере, а затем снова войти в нее или просто перезагрузите компьютер.

  • Все еще застряли? Очистите кэш браузера.

  • Не сработало? Возможно, пришло время поспрашивать и посмотреть, может ли кто-нибудь еще пользоваться Интернетом. Возможно, это соединение Wi-Fi просто не работает, или маршрутизатор необходимо перезапустить.

Этот уклончивый экран входа в сеть Wi-Fi

Если повезет, вы сможете загрузить экран сети Wi-Fi и вернуться к работе — надеюсь, не перепробовав все из этого списка!


Оставайтесь в безопасности в общедоступных сетях

VPN (виртуальная частная сеть) делает любую сеть более безопасной (на фото TunnelBear)

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

Примерно за 5-10 долларов в месяц вы можете получить VPN-соединение, как правило, с приложениями, которые упрощают использование на вашем компьютере и мобильных устройствах. Такие сервисы, как TunnelBear, NordVPN, ExpressVPN и другие, упрощают использование VPN, а TunnelBear даже предлагает 500 МБ бесплатного трафика в месяц, если вы лишь изредка работаете вне офиса или дома. Или вы можете настроить VPN-сервер в своей учетной записи хостинга или на сервере, используя OpenVPN или аналогичный инструмент.

В любом случае, не забывайте включать VPN всякий раз, когда вы пользуетесь общедоступной сетью Wi-Fi — по крайней мере, как только вы прошли экран входа в систему. Бесплатный Wi-Fi не стоит того, чтобы ставить под угрозу вашу безопасность.

Узнайте больше о том, зачем использовать VPN, из нашего руководства по VPN. Кроме того, есть еще один отличный способ защитить ваши данные с помощью приложения для управления паролями, поэтому вы можете легко использовать уникальный случайный пароль для каждого сайта. Вот лучшие приложения для управления паролями, которые стоит попробовать.

Поделитесь своими мобильными данными

Есть еще один способ выйти в Интернет, если общедоступный Wi-Fi не работает: мобильное соединение. Если у вас есть тарифный план, который его поддерживает, все новые устройства iOS и Android позволяют вам делиться своим подключением 4G или LTE через Wi-Fi. Таким образом, вы можете создать частную сеть Wi-Fi для подключения любых других ваших устройств. Вы часто можете сделать то же самое через Bluetooth или USB-кабель, если вам нужно только подключить свой ноутбук к сети.

Вот как сделать личную точку доступа из смартфона с iOS и Android.

Бонус: загрузите памятку по входу в систему через Wi-Fi

Скорее всего, эти советы пригодятся вам, когда вы не в сети и не можете подключиться к Интернету, а это значит, что вы не сможете снова открыть эту страницу и освежите в памяти информацию о том, как подключить Wi-Fi.

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

Обязательно сохраните копию этого Как подключиться к общедоступной сети Wi-Fi, если вы не можете PDF-файл, сохраненный на вашем компьютере и телефоне, чтобы эти советы были у вас в следующий раз, когда они вам понадобятся.

Загрузить Как подключиться к общедоступной сети Wi-Fi, если это невозможно

Первоначально опубликовано 16 января 2017 г.; обновлено 21 сентября 2017 г., 13 ноября 2018 г. и 3 декабря 2020 г. с несколькими дополнительными советами.

Зарегистрируйтесь для входа в Amazon

Vielen Dank für deinen Besuch. Diese Seite ist Nur на английском языке verfügbar.