- •Компьютерные сети, как средство обмена информацией.
- •Технология World Wide Web (www).
- •Браузеры и их назначение. Google Chrome, Opera, Firefox, Safari, ie.
- •Понятие веб-дизайна. Профессия веб-дизайнера
- •Искусство веб-дизайнера. Необходимые навыки.
- •Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- •Этапы разработки web-сайта
- •Основные языки веб-программирования. Клиентские и серверные языки.
- •Синтаксис гипертекстовой разметки. Теги. Атрибуты.
- •Структура html-документа
- •Заголовок и тело html-документа Заголовок документа
- •Тело документа
- •Цветовое оформление документа
- •Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- •Логическое форматирование гипертекста
- •Физическое форматирование
- •Использование графики в html-документах
- •Гиперссылки. Абсолютный и относительный url
- •Списки в html. Виды. Общая характеристика.
- •Нумерованные списки в html
- •Маркированные списки в html
- •Виды верстки веб-страниц. Общая характеристика.
- •Табличная верстка в html.
- •Блочная верстка в html.
- •Выравнивание данных в ячейках. Align и valign
- •Объединение ячеек в нтмl.
- •Общее определение каскадных таблиц стилей css. Цель создания css
- •Способы подключения css к документу
- •Построение правила css. Виды селекторов Построение правила css
- •Виды селекторов
- •Наследование. Каскадирование. Приоритеты стилей css.
- •Преимущества и недостатки css-вёрстки
- •Классы элементов. Идентификаторы элементов.
- •Подготовка иллюстраций для web. Gif. Jpeg.
- •Общее понятие фреймов.
- •Хостинг. Размещение сайта в Интернете.
-
Подготовка иллюстраций для web. Gif. Jpeg.
Оптимизация графики для Web
На данный момент в Web используется два типа растровых файлов: в форматах JPEG и GIF.
JPEG-формат хорошо передает цветовые и тоновые раскаты, размытые границы (например, фото). JPEG-файл хорошо масштабируется в броузере.
Плохо передает ровные плоскости цвета, в компрессии уступает GIF-формату. При сохранении в JPEG-формате выбирайте качество "medium".
GIF-формат хорошо передет ровные плоскости цвета, жесткие границы (например, векторную графику, логотипы). Имеет максимальную компрессию, допускает прозрачный фон.
Плохо масштабируется в броузере, искажает цветовые и тоновые раскаты.
Используйте GIF-формат, если изображение без значительных потерь переводится в 128-цветовую гамму с включенной опцией "dithering". В противном случае лучше сохранять изображение в JPEG-формате.
Для экспорта файла в GIF-формат сначала проиндексируйте его цветовую палитру в Adobe Photoshop:
1. Подбирайте минимальное количество цветов вручную (для качественной передачи антиалиасного одноцветного изображения на одноцветном фоне достаточно 5-8 цветов, двух-трехцветного изображения - 15-25 цветов) Если исходное изображение Grayscale, перед индексацией переведите его в RGB-гамму.
2. По возможности избегайте включения опции "dithering"- она увеличивает размер файла.
Эта опция необходима только если в изображении присутствует цветовой или тоновой раскат (напр. тень). Назначая прозрачный фон, после применения "dithering" убедитесь что фон не стал "клетчатым".
3. В сложных случаях перед индексированием выделите наиболее важные элементы изображения. Цвета внутри выделенной области индексируются корректнее остальных
-
SEO-оптимизация. Основные направления работы.
Поиско́вая оптимиза́ция (англ. search engine optimization, SEO) — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей. Обычно, чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем. При анализе эффективности поисковой оптимизации оценивается стоимость целевого посетителя с учетом времени вывода сайта на указанные позиции и конверсии сайта, на который привлекаются целевые посетители.
Основные направления работы
Поисковая система учитывает следующие параметры сайта при вычислении его релевантности (степени соответствия введённому запросу):
плотность ключевых слов (сложные алгоритмы современных поисковиков позволяют производить семантический анализ текста, чтобы отсеять поисковый спам, в котором ключевое слово встречается слишком часто).
индекс цитирования сайта, зависящий от количества и авторитетности веб-ресурсов, ссылающихся на данный сайт; многими поисковиками не учитываются взаимные ссылки (друг на друга). Зачастую также важно, чтобы ссылки были с сайтов схожей тематики, что и оптимизируемый сайт.
Соответственно, все факторы, влияющие на положение сайта в выдаче поисковой системы, можно разбить на внешние и внутренние. Работа по оптимизации включает в себя работу с внутренними факторами (находятся под контролем владельца веб-сайта) — приведение текста и разметки страниц в соответствие с выбранными запросами, улучшение качества и количества текста на сайте, стилистическое оформление текста (заголовки, жирный шрифт), улучшение структуры и навигации, использование внутренних ссылок, а также внешними факторами.
Внешние факторы делятся на статические и динамические.
Статические внешние факторы определяют релевантность сайта на основании цитируемости его внешними веб-ресурсами, а также их авторитетности вне зависимости от текста цитирования.
Динамические внешние факторы определяют релевантность сайта на основании цитируемости его внешними веб-ресурсами и их авторитетности в зависимости от текста цитирования.
Методы внешней поисковой оптимизации:
-
Регистрация в самостоятельных каталогах. Она может осуществляться вручную, либо с помощью специальных ресурсов.
-
Регистрация в каталогах поисковых систем таких как: Яндекс.каталог, Рамблер Top 100, каталог DMOZ (AOL), каталог Апорта, каталог Mail.ru, каталог Yahoo и другие.
-
Обмен ссылками. Существуют несколько способов обмена — прямой, кольцевой, односторонний (покупка ссылок).
-
Размещение статей.
-
Социальные сети.
-
Пресс-релизы.
-
Создание и ведение блогов.
Лицо, проводящее работу по оптимизации веб-сайтов, называется оптимизатор.
Существуют различные SEO-сервисы, позволяющие облегчить труд оптимизаторов и дать владельцам сайтов возможность продвигать их самостоятельно.
К факторам, понижающим рейтинг сайта, относятся:
-
не уникальный контент (статьи, новости и т.д.);
-
технологии, которые поисковые машины рассматривают как спам;
-
слишком длинные URL;
-
избыточное число внешних ссылок;
-
JavaScript;
-
фреймы;
-
графическая навигация;
-
переадресация URL.