- •1.Компьютерные сети, как средство обмена информацией.
- •2.Технология World Wide Web (www).
- •4.Понятие веб-дизайна. Профессия веб-дизайнера
- •5.Искусство веб-дизайнера. Необходимые навыки.
- •6.Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- •11.Структура html-документа
- •7.Этапы разработки web-сайта
- •8.Основные языки веб-программирования. Клиентские и серверные языки.
- •12.Заголовок и тело html-документа
- •40.Хостинг. Размещение сайта в Интернете.
- •13.Цветовое оформление документа
- •14.Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- •15.Логическое форматирование гипертекста
- •16.Физическое форматирование
- •17.Использование графики в html-документах
- •18.Гиперссылки. Абсолютный и относительный url
- •19.Списки в html. Виды. Общая характеристика.
- •22.Виды верстки веб-страниц. Общая характеристика.
- •29.Выравнивание данных в ячейках. Align и valign
- •30.Объединение ячеек в нтмl.
- •31.Общее определение каскадных таблиц стилей css. Цель создания css
- •32.Способы подключения css к документу
- •33.Построение правила css. Виды селекторов
- •34.Наследование. Каскадирование. Приоритеты стилей css.
- •35. Преимущества и недостатки css-вёрстки
- •36.Классы элементов. Идентификаторы элементов.
- •37.Подготовка иллюстраций для web.Gif. Jpeg.
- •39.Общее понятие фреймов.
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.