СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Этапы разработки web сайта

Категория: Информатика

Нажмите, чтобы узнать подробности

Сайт - это система электронных документов (файлов данных и кода) частного лица или организации в компьютерной сети под общим адресом (доменным именем или IP-адресом)

Просмотр содержимого документа
«Этапы разработки web сайта»

Этапы создания (разработки) web-сайта

Этапы создания (разработки) web-сайта

1 этап — определение целей создания сайта

1 этап — определение целей создания сайта

2 этап — проведение исследований по теме анализ темы, изучение сайтов потенциальных конкурентов

2 этап — проведение исследований по теме

  • анализ темы, изучение сайтов потенциальных конкурентов
3 этап — определение типа сайта, разработка ТЗ и структуры ТЗ, как минимум, должно включать следующие пункты: Тип сайта  (портал, промо, визитка, корпоративный, магазин и т.д.) Функционал сайта  (поиск, каталог, лента новостей и т.д.) Стиль дизайна  (строгий, веселый, мрачный и т.д.) Структура сайта  (какие страницы должны быть на сайте) Структура страниц  (какие блоки должны быть на страницах и в каком виде)

3 этап — определение типа сайта, разработка ТЗ и структуры

ТЗ, как минимум, должно включать следующие пункты:

  • Тип сайта  (портал, промо, визитка, корпоративный, магазин и т.д.)
  • Функционал сайта  (поиск, каталог, лента новостей и т.д.)
  • Стиль дизайна  (строгий, веселый, мрачный и т.д.)
  • Структура сайта  (какие страницы должны быть на сайте)
  • Структура страниц  (какие блоки должны быть на страницах и в каком виде)
4 этап — разработка макета дизайна сайта Этот этап делится на несколько подэтапов: Генерация идей дизайна.  Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями. Разработка предварительного макета  дизайна главной страницы. Исправление замечаний  заказчика (если есть),  доработка макета  до завершенного вида. Разработка внутренних страниц  по аналогичному алгоритму. Каждый шаг разработки макета дизайна должен выполняться в соответствии с ТЗ и целями сайта.

4 этап — разработка макета дизайна сайта

Этот этап делится на несколько подэтапов:

  • Генерация идей дизайна.  Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.
  • Разработка предварительного макета  дизайна главной страницы.
  • Исправление замечаний  заказчика (если есть),  доработка макета  до завершенного вида.
  • Разработка внутренних страниц  по аналогичному алгоритму.

Каждый шаг разработки макета дизайна

должен выполняться в соответствии с ТЗ и целями сайта.

5 этап — HTML-CSS вёрстка  В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие: Кроссбраузерность  — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.). Гибкость вёрстки  — возможность легко добавлять/удалять информацию на страницы. Быстрота обработки  кода браузером Валидность  — соответствие стандартам Семантическая корректность  — логичное и правильное использование элементов HTML

5 этап — HTML-CSS вёрстка

В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:

  • Кроссбраузерность  — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
  • Гибкость вёрстки  — возможность легко добавлять/удалять информацию на страницы.
  • Быстрота обработки  кода браузером
  • Валидность  — соответствие стандартам
  • Семантическая корректность  — логичное и правильное использование элементов HTML
6 этап — программирование и установка на CMS

6 этап — программирование и установка на CMS

7 этап — заполнение сайта контентом (информацией) На этом этапе очень важен качественный, профессиональный  копирайтинг . Все материалы сайта, будь то тексты или графика, также должны вписываться в общую концепцию сайта, соответствовать его целям и задачам .

7 этап — заполнение сайта контентом (информацией)

  • На этом этапе очень важен качественный, профессиональный  копирайтинг . Все материалы сайта, будь то тексты или графика, также должны вписываться в общую концепцию сайта, соответствовать его целям и задачам .
8 этап — тестирование сайта и исправление ошибок Тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант — это совместное тестирование.

8 этап — тестирование сайта и исправление ошибок

  • Тестирование сайта может проводить как разработчик, так и заказчик.
  • Наилучший вариант — это совместное тестирование.
9 этап — публикация сайта в интернете На этом этапе сайт размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.

9 этап — публикация сайта в интернете

  • На этом этапе сайт размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.
10 этап — продвижение сайта и реклама в интернете Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.

10 этап — продвижение сайта и реклама в интернете

  • Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.


Скачать

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!