Войти в веб страницу. Как открыть веб-страницу с помощью адресного

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Адрес сайта – это уникальное наименование интернет-ресурса, лицо, по которому пользователь может найти его в сети.

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

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

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

Как узнать веб адрес сайта

Адрес сайта еще называют (от англ. Uniform Resource Locator). Пример адреса сайта выглядит так:

Самый простой способ узнать адрес сайта – это просто скопировать его из адресной строки.

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

Таким же образом можно получить и URL всего документа, выбрав из выпадающего списка пункт «Копировать адрес ссылки» кликнув по нужной ссылке.

Структура URL адреса

Подобно почтовому адресу, URL имеет свои реквизиты. Рассмотрим его структуру:

Протокол – регламентирует обмен данных между различными ресурсами. В частности протокол http указывает на ресурс WWW, протокол ftp указывает на ресурс FTP и т.д. В адресной строке браузера протокол отделяется от остальных реквизитов следующей конструкцией: ://.
Авторизация.
Хостинг – номер устройства (узла) в локальной либо глобальной сети.
Порт – номер вводного канала. Если на сервере таких каналов несколько, то укажите тот, через который будет вводиться информация.
Путь – сведения о способе получения доступа.
Параметры – сведения, согласно которым страница будет структурирована.

Каким должен быть адрес

Основная часть URL адреса – это доменное имя сайта, которое во многом повлияет на его посещаемость. Существует ряд критериев, которыми следует руководствоваться при создании адреса сайта:

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

Как URL адрес влияет на SEO

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

В имени домена допускается использование ключевых слов в разбавленном вхождении. Это позволит повысить позицию в системе ранжирования. Однако, не стоит составлять домен из одних ключевых слов, в точности соответствующих предполагаемому запросу. Алгоритм ранжирования Google может исключить такой сайт из выдачи.
Доменную зону лучше выбирать, ориентируясь на местоположение предполагаемой аудитории. Так, зона.ru увеличит поток российского трафика.
Глубина подкаталогов в доменном имени также повышает позиции ресурса в системе ранжирования. Особенно это справедливо для подкаталогов, именованных ключевыми словами.
В идеале урл должен быть читаемым и понятным человеку (ЧПУ),

Веб-страницы можно открыть разными способами:

– с помощью адресного окошка (если известен ее адрес в интернете);

– с помощью списка адресов в адресном окошке (если страница уже открывалась ранее);

– с помощью панели запуска (если страница входит в 10-ку часто от-

крываемых страниц);

– с помощью закладки (если ее адрес был туда помещен ранее);

– с помощью эскиза на вкладке «Быстрый на бор» (если ее адрес был туда помещен ранее);

– с помощью вкладки «История» (если веб-страница уже однажды по-

сещалась);

– с помощью сеанса (если страница была в числе страниц сохраненно-

го сеанса);

– восстановить закрытую страницу из корзины «Закрытые» (если веб-

страница была ранее закрыта);

– как обычный документ (если страница была ранее сохранена на ком-

пьютере).

Как открыть веб-страницу с помощью адресного

окошка?

1. В окне браузера на берите известный адрес веб-страницы в адрес-

ном окошке на адресной панели.

2. Нажмите клавишу Enter.

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

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

в адресном окошке?

1. В окне браузера раскройте список адресов в адресном окошке (с по-

мощью кнопки в правом углу адресного окошка).

2. Щелкните по нужной строке в списке.

Примечание . Размер данного списка зависит от настроек адресной строки (см. «Как задать список адресов для быстрого открытия и авто- завершения?»).

Рис. 1.123. Меню кнопки

«Первая 10-ка»

Как открыть веб-страницу с помощью панели запуска?

Для данного способа необходимо активировать панель запуска (см. «Как включить панель запуска?»).

1. В окне браузера щелкните в адресном окошке.

2. На панели запуска раскройте меню кнопки «Первая 10-ка».

3. В списке адресов выберите нужную строку (рис. 1.123).

Как открыть веб-страницу с помощью закладки?

1. В окне браузера раскройте меню «Закладки».

2. В структурном дереве выберите нужный адрес (рис. 1.124).

Рис. 1.124. Меню «Закладки».

Список адресов

Примечание . Подробнее о работе с закладками смотри далее.

Как открыть веб-страницу с помощью эскиза во вкладке «Быстрый набор»?

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

Примечание . Подробнее о работе с вкладкой «Быстрый набор» смот- рите далее.

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

«История»?

1. В окне браузера раскройте меню «Инструменты».

2. В списке команд выберите пункт «История».

3. Во вкладке «История» в структурном дереве выберите папку, соот- ветствующую по времени посещения нужной веб-страницы (сегодня, вчера и т.д.)

4. В списке адресов выбранной папки щелкните по нужной строке (рис. 1.125).

Рис. 1.128. Окно «Настройки».

Список масштабов

Примечание . В этом случае окно браузера станет автоматически под- страиваться по размер экрана монитора.

4. Закройте окно кнопкой «ОК».

Как задать масштаб изображения веб-страницы?

В браузере Opera можно выбирать масштаб содержимого веб-страни-

цы в диапазоне 20–1000%

1-й способ

В окне браузера, щелкая по клавишам «+» и «–», увеличь те или умень-

шите масштаб страницы.

2-й способ

1. В окне браузера раскройте меню «Масштаб» на адресной панели.

2. В списке масштабов выберите нужное значение (рис. 1.129).

Примечание . Или наберите в окошке масштаба точный масштаб.

Рис. 1.129. Меню «Масштаб».

Список масштабов

Как задать масштаб по ширине экрана?

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

1-й способ

В окне браузера с нужной веб-страницей используйте сочетание кла-

виш Ctrl+F11.

2-й способ

1. В окне браузера с нужной веб-страницей раскройте меню «Вид».

2. В списке команд выберите пункт «По ширине экрана».

Примечание . Отключается режим повторным использование сочета- ния клавиш Ctrl+F11 или отключением пункта «По ширине экрана».

Самостоятельная часть веб сайта; документ, снабженный уникальным адресом (URL). Веб страница может иметь статическое или динамическое построение. Обычно веб страницы организуется в виде гипертекста с включениями текста, графики, звука, видео или… … Финансовый словарь

- (англ. Web page) гипертекстовый ресурс Всемирной паутины, обычно написанный на языке ссылки для быстрого перехода на другие страницы, а также статические и динамические изображения. Программа, демонстрирующая веб страницу, называется веб браузер … Википедия

веб-страница - Компонент веб сайта, файл, расположенный на сервере [ГОСТ Р 52872 2007] веб страница HTML документ, доступный через Web. Тематики информационные технологии в целом EN web pageweb page … Справочник технического переводчика

- (англ. web паутина, сеть), самостоятельная часть веб сайта (см. ВЕБ САЙТ), отдельный документ в Интернете (см. ИНТЕРНЕТ), снабженный уникальным адресом (URL), который может содержать текст, графические, звуковые, видеофайлы, анимацию. Пишется на… … Энциклопедический словарь

Сущ., кол во синонимов: 4 гейтвей (1) дорвей (2) интернет страница (1) … Словарь синонимов

веб-страница - веб страни/ца, веб страни/цы … Слитно. Раздельно. Через дефис.

веб-страница - в еб стран ица, ы, твор. п. ей … Русский орфографический словарь

Динамическая страница веб страница, сгенерированная программно в отличие от статичной страницы, которые являются файлами, лежащими на сервере. Сервер генерирует (X)HTML код для обработки браузером или другим агентом пользователя. Описание… … Википедия

Запрос «сайт» перенаправляется сюда. Cм. также другие значения. Веб сайт (от англ. Website: web паутина и site «место») в компьютерной сети объединённая под одним доменным именем или IP адресом) совокупность документов частного лица или… … Википедия

Книги

, Новиков Е., Петроченков А.. Посадочная страница (landing page) - так в Интернете называют те страницы сайта, на которые чаще всего попадают посетители, открывающие сайт из поисковиков. Важность посадочных страниц сложно…
Идеальный Landing Page. Создаем продающие веб-страницы , Петроченков, А.С. , Новиков, Е.. Посадочная страница (landing page) - так в Интернете называют те страницы сайта, на которые чаще всего попадают посетители, открывающие сайт из поисковиков. Важность посадочных страниц сложно…

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

Как открыть WEB сайт в браузере

Если на вашем компьютере установлен браузер версии 3.0 либо выше, то в редакторе FrontPage для вас будет доступен режим резвого просмотра странички. Чтобы поглядеть, как будет смотреться текущая страничка в браузере, довольно переключиться в режим Просмотр (Preview) представления Страничка (Page). В режиме подготовительного просмотра вы сможете делать практически все те же деяния, что и при работе с браузером: перебегать по ссылкам, заполнять формы, вызывать команды контекстного меню и так дальше

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

Как добавить несколько браузеров в перечень просмотра

Перейдите в режим редактирования странички и изберите в меню команду Файл - Просмотреть в обозревателе - Поменять перечень обозревателей (File - Preview in Browser - Edit Browser List). На дисплее раскроется диалог Изменение перечня обозревателей (Edit Browser List).

В перечне Обозреватели (Browsers) перечислены доступные браузеры, которые можно вызывать из FrontPage для просмотра страничек. Если вы установили дополнительный браузер, его можно включить в перечень, нажав кнопку Добавить (Add). При помощи группы переключателей Дополнительные размеры окон (Additional window sizes) можно избрать размер окна браузера, чтобы узреть, как будет смотреться страничка при разных разрешениях экрана. Если установить флаг Автоматом сохранять страничку перед просмотром (Automatically save page before previewing), страничка будет автоматом сохраняться на диске перед просмотром.

В неприятном случае будет появляться сообщение с предложением сохранить страничку перед просмотром ее в браузере.

Нажмите кнопку ОК, чтобы закрыть диалог Изменение перечня обозревателей (Edit Browser List).

Как сделать WEB сайт совместимый с разными типами и версиями браузеров

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

Изберите команду меню Сервис - Характеристики странички (Tools - Page Options). На дисплее появится диалог Характеристики странички (Page Options).

Изберите вкладку Разработка (Authoring).

В открывающемся перечне Обозреватели (Browsers) можно указать тип браузера, на который будет нацелен WEB сайт, а в открывающемся перечне Версии обозревателей (Browser versions) версию браузера. К примеру, можно избрать вариант и Internet Explorer, и Navigator (Both and Navigator) и Обозреватели версии 3.0 и поболее поздних (3.0 browsers and later), чтобы обеспечить сопоставимость с ранешними версиями более всераспространенных браузеров.

При выборе разных вариантов в группе флагов под открывающимися перечнями Обозреватели (Browsers) и Версии обозревателей (Browser versions) для избранной версии и типа браузера, вы сможете использовать разные составляющие WEB странички, но при всем этом нужно смотреть за совместимостью с браузерами.

Зависимо от избранного браузера в меню и диалогах программки FrontPage могут быть недосягаемы некие команды либо опции. К примеру, при выборе браузера становятся труднодоступными сценарии на языке VBScript, а при выборе браузера Internet Explorer недоступен эффект мигания (Blink) для шрифта.

Не считая сопоставимости с браузерами, FrontPage может обеспечить сопоставимость с определенным WEB сервером, на котором будет размешен WEB сайт. В открывающемся перечне Технологии FrontPage и SharePoint (FrontPage and SharePoint technologies) и группе флагов под этим перечнем выбираются технологии, которые становятся доступными только тогда, когда на сервере установлены и запущены серверные расширения FrontPage, службы Microsoft SharePoint Team Services либо Microsoft Windows SharePoint Services. Эти пакеты созданы для обеспечения работы ряда компонент, имеющихся в редакторе FrontPage.

МОСКОВСКИЙ ИНСТИТУТ ОТКРЫТОГО ОБРАЗОВАНИЯ
КАФЕДРА МАТЕРИАЛЬНЫХ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ

Материалы дистанционного курса
"Информационные технологии и образование"

Полилова Татьяна Алексеевна
[email protected]

Как создать web-страницу

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

Возможности Word

Подготовленный в текстовом редакторе Word документ можно легко преобразовать в web-страницу. Однако она будет выглядеть не столь привлекательно, как хотелось бы, если не предпринять дополнительные шаги. Рассмотрим несколько примеров.

Возьмем некоторый текст.

Преобразуем документ в web-страницу с помощью операции Сохранить как web-страницу… (вызывается из главного меню - позиция Файл). Тогда html-представление документа будет иметь вид:

Первое, что бросается в глаза - текст занимает все экранное пространство. Длина строки слишком большая. Для комфортного чтения на экране число символов в строке должно быть в диапазоне 50-65.

Использование таблицы

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

Фон и стиль

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

Вставка картинки

В документ можно добавить картинку, взяв ее, к примеру, из коллекции клипов.

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

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

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

Наконец, можно добавить картинке рамку и тень с помощью кнопок на панели Рисование - Тип линии и Стиль тени. Подобные нюансы заметно прибавляют выразительности странице.

Если панели Рисование нет на странице, то нужно установить ее, выбрав позицию главного меню Вид и далее Панели инструментов и Рисование.

Бегущая строка

Word позволяет внести на web-страницу и другие оформительские элементы, например "бегущую строку". Чтобы воспользоваться этой возможностью нужно открыть на экране панель web-компонентов (из главного меню - позиция Вид, далее Панели инструментов и Веб-компоненты). Щелчок по кнопке операции Бегущая строка открывает дополнительное окно для задания текста параметров бегущей строки.

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

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

Использование шаблонов оформления

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

Цветовое и стилевое решение пользователь может выбирать самостоятельно, например, с помощью настроек Формат - Тема.

Создание гиперссылок и закладок

Последний вопрос, который мы планируем рассмотреть в данном разделе - создание гиперссылок в документе.

Если мы хотим сослаться в документе на другой документ или другой сайт в Интернете, то такую гиперссылку можно сделать так: выделить в документе фрагмент текста (слово) и выполнить операцию Вставка - Гиперссылка… На экране появится форма, в которой задается адрес гиперссылки. Адрес можно ввести явно или можно выбрать файл в окне.

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

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

Веб-презентация в PowerPoint

Программа PowerPoint ориентирована на создание презентаций на компьютере. Однако у нее имеется функция преобразования подготовленной презентации в веб-формат.

Вы можете открыть подготовленную презентацию и выполнить операции (из главного меню) Файл - Сохранить как веб-страницу. Как обычно нужно задать имя веб-презентации в открывшемся окне. В результате выполнения преобразования презентации будет создан файл с заданным именем и расширением.htm и одноименная папка с дополнительными материалами.

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

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

Презентацию можно просматривать с показом структуры слайдов. Но если эта информацию не представляет интереса, то зарезервированное для показа структуры поле на экране можно убрать (операция развернуть/свернуть структуру в нижней строке).

С помощью кнопки Показ сладов можно просматривать слайды на полном экране.

Создание гиперссылок

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

Пусть у нас есть несколько заготовленных слайдов на тему растительного мира Байкала, составленных из коллекции фотографий. Создадим новый слайд - оглавление коллекции.

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

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

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

Аналогично свяжем другие картинки на слайде-оглавлении с соответствующими слайдами с оригиналами фотографий.

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

Осталось совсем немного усовершенствовать нашу структуру. Добавим на каждый слайд с фотографией в его верхнюю левую часть стрелку (Автофигура на панели инструментов Рисование), и сделаем из этой стрелки гиперссылку, выполняющую переход на слайд-оглавление. Теперь движение по созданной нами структуре гипермедиа станет "двусторонним": из оглавления можно перейти на слайды с фотографиями, и с любого слайда вернуться на оглавление.

После выполнения преобразования презентации в веб-формат наша первая страница будет иметь вид:

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