Подготовка иллюстраций для 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.
- Компьютерные сети, как средство обмена информацией.
- Технология 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.
- Общее понятие фреймов.
- Хостинг. Размещение сайта в Интернете.