36.Классы элементов. Идентификаторы элементов.

Класс или идентификатор может быть присвоен какому-нибудь элементу (тегу) HTML посредством атрибутов class или id этого элемента (тега):

<div id="first"> ... </div>

<p class="big"> ... </p>

Основное отличие между классами элементов и идентификаторами элементов в том, что в документе какой-нибудь класс может быть присвоен сразу нескольким элементам, а идентификатор - только одному. Также отличие в том, что могут существовать множественные классы (когда класс элемента состоит из нескольких слов, разделённых пробелами). Для идентификаторов такое невозможно. Важно отметить следующее отличие идентификатора от класса: идентификаторы широко используются в JavaScript для нахождения уникального элемента в документе. Имена классов и идентификаторов, в отличие от названий тегов и их атрибутов, чувствительны к регистру ввода букв. Свойства классов и идентификаторов задаются с помощью соответствующих селекторов. Причём может быть задано как свойство класса в целом (в таком случае селектор начинается с «.»), или свойство идентификатора самого по себе (в таком случае селектор начинается с «#»), так и свойство какого-нибудь элемента этого класса или с этим идентификатором. В CSS помимо классов, задаваемых автором страницы, существует также ограниченный набор так называемых псевдоклассов, описывающих вид гиперссылок с определённым состоянием в документе, вид элемента, на котором находится фокус ввода, а также вид элементов, являющихся первыми дочерними элементами других элементов. Также в CSS существует четыре так называемых псевдоэлемента: первая буква, первая строка, применение специальных стилей до и после элемента.

37.Подготовка иллюстраций для web.Gif. Jpeg.

Оптимизация графики для Web

На данный момент в Web используется два типа растровых файлов: в форматах JPEG и GIF. JPEG-формат хорошо передает цветовые и тоновые раскаты, размытые границы (например, фото). JPEG-файл хорошо масштабируется в броузере. Плохо передает ровные плоскости цвета, в компрессии уступает GIF-формату. При сохранении в JPEG-формате выбирайте качество "medium".

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

Плохо масштабируется в броузере, искажает цветовые и тоновые раскаты. Используйте GIF-формат, если изображение без значительных потерь переводится в 128-цветовую гамму с включенной опцией "dithering". В противном случае лучше сохранять изображение в JPEG-формате. Для экспорта файла в GIF-формат сначала проиндексируйте его цветовую палитру вAdobePhotoshop: 1. Подбирайте минимальное количество цветов вручную . Если исходное изображение Grayscale, перед индексацией переведите его в RGB-гамму. 2. По возможности избегайте включения опции "dithering"- она увеличивает размер файла. Эта опция необходима только если в изображении присутствует цветовой или тоновой раскат (напр. тень). Назначая прозрачный фон, после применения "dithering" убедитесь что фон не стал "клетчатым". 3. В сложных случаях перед индексированием выделите наиболее важные элементы изображения. Цвета внутри выделенной области индексируются корректнее остальных

38. SEO-оптимизация.Основные направления работы.

Поиско́вая оптимиза́ция (англ. search engine optimization, SEO) — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей. Обычно, чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем.

Основные направления работы

Поисковая система учитывает следующие параметры сайта при вычислении его релевантности (степени соответствия введённому запросу): плотность ключевых слов

индекс цитирования сайта, зависящий от количества и авторитетности веб-ресурсов, ссылающихся на данный сайт;

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

Внешние факторы делятся на статические и динамические.

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

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

Методы внешней поисковой оптимизации: •Регистрация в самостоятельных каталогах. Она может осуществляться вручную, либо с помощью специальных ресурсов. •Регистрация в каталогах поисковых систем таких как: Яндекс.каталог, Рамблер Top 100, каталог DMOZ (AOL), каталог Апорта, каталог Mail.ru, каталог Yahoo и другие. •Обмен ссылками.

Существуют несколько способов обмена — прямой, кольцевой, односторонний (покупка ссылок). •Размещение статей.•Социальные сети.•Пресс-релизы. •Создание и ведение блогов.

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

К факторам, понижающим рейтинг сайта, относятся: •не уникальный контент (статьи, новости и т.д.); • технологии, которые поисковые машины рассматривают как спам; •слишком длинные URL; •избыточное число внешних ссылок; •JavaScript; •фреймы; •графическая навигация; •переадресация URL.