Оглавление
Игорь Петрович Мальцев. Проектирование сайтов
Если Вы готовы прямо сейчас, ответьте на перечисленные ниже вопросы:
Вместо «здрасьте»… или за что я написал эту книгу
Шаг 1. Анализ ситуации
Проанализируйте существующие сайты и найдите примеры для подражания
Итог работы
Шаг 2. Функционал сайта
Определите цели создания, тему, аудиторию сайта
Определите функциональные потребности сайта
Ознакомьтесь с классификацией сайтов по типам
По цели создания выделяют следующие типы сайтов:
По доступности пользователям их условно можно разделить на:
По функциональности выделяют следующие типы сайтов:
В зависимости от размера и качества аудитории выделяют следующие типы сайтов:
По авторству выделяют следующие типы сайтов:
Выберите вид сайта и его категорию
Информационные сайты
Одно тематический или разно тематический информационный сайт
Общетематический
Новостной сайт
Блог
Сайты корпоративной направленности
Сайт-визитка
Корпоративный сайт
Имиджевый;
Корпоративный ПОРТАЛ
Сайт-портфолио
Коммерческие сайты
Сайт-витрина
Промо-сайт
Целевая страница
Интернет-магазин
Социальные проекты
Форум
Социальные сети
Различные веб-сервисы
Определите необходимые компоненты сайта
Новости
Галерея изображений
Подписка и рассылка
Форма обратной связи
Гостевая книга
Форум
Онлайн-консультации
Администрирование
Доступ и безопасность
Календари и события
Каталоги и документы
Редакторы кода
Мультимедиа
Поиск по сайту
Переводчики сайта
Карты и погода
Общение на сайте
Опросы и голосования
Отображение контента
Файловые менеджеры
SEO оптимизация
Специальные расширения
Системы аналитики
Социальные дополнения
Прочие дополнения
Итог работы
Шаг 3. Дизайн сайта
Немного разных слов пред тем, как…
Стилеобразующие характеристики web-дизайна
Основной, или «фоновый» цвет сайта
Цветовая гамма
Сочетание цветовой гаммы
Эмоциональное восприятие цвета
Графическое оформление
Верстка
Композиция
Сетка для верстки
Навигация
Плотность дизайна
Шрифт
Веб-типографика
Тематика
Популярные стили дизайна сайтов
Стиль «Минимализм» Минимализм
Дизайн в стиле «Flat»
Почти плоский дизайн
Стиль «Metro» (Карточный стиль)
Техдизайн в вебе
Классический стиль
Бизнес-стиль
Информационный стиль дизайна
Газетный стиль
Журнальный дизайн
Художественный стиль
Ретро-дизайн (винтажный стиль)
Плакатный стиль «мондриан»
Готический или органический
Хипстерский стиль гранж
Панковский стиль
Футуристический стиль
Мультипликационный стиль
Техника «ручного» рисунка
Промо-стиль
Стиль Web 2.0
Веб-дизайн в стиле флеш
Шаблоны сайта
Заметки на полях:
Итог работы
Шаг 4. Управление сайтом
Как управлять вселенной, не привлекая внимания санитаров
Системы управления сайтом
Что такое «система управления сайтом» (CSM)?
Как выбрать систему управления?
Основные характеристики CSM:
Рейтинг бесплатных CSM систем ТОП 12
Рейтинг платных CSM систем ТОП 12
Популярные Системы управления сайтом
Хостинг
Доме́нное и́мя
Итог работы
Шаг 5. Наполнение сайта
Проектирование наполнения (контента) сайта. Подготовьте материал, распределите по папкам
Определите навигацию в виде карты сайта
Сформируйте SEO-ядро контента, оптимизируйте Ваши материалы
Текст
Заголовок
Ключ-слова (теги)
Описания и другие метатеги
Теги для картинок
Перелинковка
Самопроверка
Небольшая памятка для проверки Вашего контента:
Проверьте себя, сделайте необходимые правки
Итог работы
Шаг 6. Решающий
Сборка сайта… или слава славным строителям…
Теперь, про финансовую сторону бюджета…
Итог работы
Небольшой постскриптум, оркестр, костер, пляшущие цыгане
