Web-сайты отличаются друг от друга:

Размерами (от нескольких страничек до Web-серверов с гигабайтами информации).

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

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

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

Пассивные (иллюстративные) элементы

  • анимация

Активные элементы

  • поля ввода

    переключатели

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

Тема 9. Электронное общение. Адреса электронной почты

Электронная почта (E-mail от англ. Electronic mail) является основным видом сетевых услуг. Обмен сообщениями реализуется через систему почтовых серверов .

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

Адрес электронной почты состоит из двух частей, разделенных знаком @ (этот знак принято называть “собака”):

    имя почтового ящика пользователя (выбранное им, в нашем примере - irina ).

    доменное имя почтового сервера (в нашем примере - mail . ru ) .

Например, irina @ mail . ru

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

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

По данным этой записи сервер идентифицирует пользователя.

Безопасность в Интернет Планирование защиты

Объектом атаки может стать как передаваемая по сети информация, так и компьютер, подключенный к Интернет.

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

Линии защиты:

    Блокировка возможных атак:

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

        Используйте аутентификацию и шифрование.

    Уменьшение источников риска:

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

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

        Правильно настройте программное обеспечение (чем меньше разрешено, тем выше безопасность).

        Не афишируйте информацию о себе в сети.

        Ограничьте доступ к ресурсам своего компьютера.

    Подготовка к восстановлению после атаки:

        Создайте и регулярно обновляйте резервные копии рабочих данных.

        Всегда имейте под рукой дистрибутивы программ.

Аутентификация (от rp еческого authentikos - подлинность) – подтверждение подлинности.

Любая web-страница содержит определенный набор стандартных элемен­тов, являющихся обязательными компонентами каждого ресурса сети Internet. Компоновка таких элементов, проектирование их взаимного расположения и составляет одну из главных задач web-мастера.

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

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

Основную часть документа занимает так называемое текстовое поле - участок, где и размещается смысловое наполнение страницы: содержательный информационный текст и иллюстрации. Перечисленные элементы еще назы­вают «контент» (от англ, content - содержание). Расположение текстового по­ля зависит в первую очередь от того, каким образом web-дизайнер разместит остальные элементы документа.

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


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

Наиболее устоявшимся подходом является размещение элементов навига­ции у левой границы страницы.

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

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

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

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

На каждой веб-странице существует 5 элементов, в которых следует размещать ключевые слова:

  1. Заголовок страницы (тег title)
  2. Ключевые слова страницы (Meta-тег keywords)
  3. Описание страницы (Meta-тег description)
  4. Альтернативный текст для картинок (Alt-тег)
  5. Содержимое веб-страницы (тег body)

Из всех вышеперечисленных элементов веб-страницы самым важным из всех является содержимое страницы (пункт 5). Более подробно об этом далее.

А пока что давайте разберём этот список по порядку.

Элемент №1. Заголовок страницы (тег title)

Сперва рассмотрим заголовок страницы (тег title). Этот элемент самый первый и наиболее важный из всех прочих элементов в блоке head любой веб-страницы.

Заголовок веб-страницы Вы можете наблюдать в самой верхней строке Интернет браузера. Чтобы убедиться в этом, запустите любой браузер, к примеру, Internet Explorer, Opera или Mozilla Firefox, зайдите на любой сайт и сравните содержимое тега title с самой верхней строкой в этих браузерах. Поисковые машины используют этот тег в своих целях – для сбора информации о сайте и определения его тематики, а также используют в результатах поисковой выдачи (SERP) в качестве названия веб-страницы.

Запомните! Заголовок веб-страницы — это её краткое описание.

Помимо вышеперечисленного содержимое тега title используется в качестве названия веб-страницы при добавлении её в Избранное Интернет браузера.

Элемент №2. Ключевые слова страницы (Meta-тег keywords)

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

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

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

Элемент №3. Описание страницы (Meta-тег description)

Meta-тег description — ещё один элемент сайта, в котором следует размещать ключевые слова. Поисковые машины просматривают данный тег на предмет наличия в нём ключевых слов, а также сравнивают его содержимое с содержимым самого сайта (содержимым тега body). Очень важным обстоятельством является и то, что поисковые машины используют содержимое тега description в качестве описания веб-страницы в результатах поисковой выдачи (SERP).

Данный тег должен содержать краткое описание веб-страницы, но не более 50 слов.

Элемент №4. Альтернативный текст для картинок (Alt-тег)

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

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

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

Элемент №5. Содержимое веб-страницы (тег body)

Итак, наконец-таки мы добрались до самого основного элемента сайта – тега body, элемента, содержимое которого больше всего интересует Интернет-пользователей. Основные поисковые машины больше не дадут Вам 1 строчку в результатах поисковой выдачи (SERP) только из-за наличия нескольких повторений ключевого слова на странице Вашего веб-сайта. Там сможет оказаться только наиболее релевантная конкретному поисковому запросу веб-страница.

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

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

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

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

Что представляет собой Web-страница?

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

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

Место и роль веб-страниц в структуре сайтов

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

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

Принцип задействования гипертекста

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

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

Структура языка HTML: теги

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

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

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

Атрибуты

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

Содержимое

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

Элементы веб-страниц

«Так перечислите основные элементы Web-страницы, наконец!» - повторяет преподаватель. "С удовольствием," — отвечаем мы ему. Что же входит в структуру рассматриваемого типа документов? Условимся, что будем рассматривать данный аспект в именно контексте HTML-элементов веб-страницы. То есть их отображение в браузере — то, что пользователь видит на экране - нас будет интересовать в меньшей степени. Дело в том, что соответствующие HTML-алгоритмы, на основе которых программа отображает контент одинаково, могут быть разными. И в этом особенность языка HTML: нужное изображение на Web-странице можно вывести разными способами. При этом они могут быть как равнозначными с точки зрения трудозатрат создателя веб-страницы способами, так и предполагать разный объем усилий и времени на их осуществление.

Элементы веб-страниц: заголовок

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

Какова специфика заголовка? Располагается он в самой верхней части веб-страницы. В HTML-коде, который формирует заголовок, как правило, предполагается «шифрование» только текста, но при необходимости в соответствующем элементе можно также размещать небольшие графические вставки. И это, собственно, все, что можно сказать о заголовке. Казалось бы, его роль в структуре соответствующего документа незначительна. Но это не так. Заголовки веб-страниц очень значимы с точки зрения индексации сайтов в поисковых системах — Яндексе, Google. Данный элемент должен быть полностью релевантен содержанию веб-страницы, а также тематической специфике сайта.

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

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

Основная часть веб-страницы

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

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

Рассмотрим то, какова специфика некоторых часто используемых HTML-тегов. Собственно, они же и формируют основные элементы веб-страницы.

Базовые HTML-теги

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

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

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

Тег IMG отвечает за обработку браузером картинок. В нем также можно размещать различные атрибуты, регулирующие размер картинки, ее положение на странице.

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

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

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

Специфика инструментов веб-разработки

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

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