Презентация на тему Этапы создания Web-сайтов

ЭТАПЫ СОЗДАНИЯ  WEB-САЙТОВ Мы сегодня с вами будем говорить о web-сайтах и web-страницах. Итак, что же такое Web-сайт и ЧТО ЖЕ ТАКОЕ WEB-СТРАНИЦЫ?Web – страницы создаются с использование гипертекстовых документов HTML.  В обычный документ вставляются ДОСТОИНСТВА WEB-СТРАНИЦ:Малый информационный объемВозможность просмотра в различных операционных системах ДЛЯ СОЗДАНИЯ WEB-СТРАНИЦ  В РАЗЛИЧНЫХ ОС ИСПОЛЬЗУЮТСЯ РАЗЛИЧНЫЕ РЕДАКТОРЫ.  В ЧАСТНОСТИ: Простейшие текстовые редакторы : в  Публикации во Всемирной паутине реализуются в форме Web-сайтов, которые обычно содержат материал по определенной теме Государственные структуры и организации (правительство, дума, школа и т. д.) обычно создают официальные Web-сайты своих организаций, СТРУКТУРА WEB-СТРАНИЦЫ             внутрь этого контейнера помещается HTML-код страницы-            Заголовок страницы.....  Название страницы   Помещается содержимое страницыТело документаСохранение ЭТАПЫ РАЗРАБОТКИ WEB-САЙТА 1 ЭТАП — ОПРЕДЕЛЕНИЕ ЦЕЛЕЙ СОЗДАНИЯ САЙТА.  Это самый важный этап в создании сайта, потому что нельзя 2 ЭТАП — ПРОВЕДЕНИЕ ИССЛЕДОВАНИЙ ПО ТЕМЕ  Прежде, чем преступить к разработке, необходимо проанализировать тему, 3 ЭТАП — ОПРЕДЕЛЕНИЕ ТИПА САЙТА, РАЗРАБОТКА ТЗ И СТРУКТУРЫНа этом этапе разработчик совместно с заказчиком 4 ЭТАП — РАЗРАБОТКА МАКЕТА ДИЗАЙНА САЙТАЭтот этап делится на несколько подэтапов:Генерация идей дизайна. Набор идей предоставляется 5 ЭТАП — HTML-CSS ВЁРСТКАВ зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. 6 ЭТАП — ПРОГРАММИРОВАНИЕ И УСТАНОВКА НА CMSЭто чисто технический этап, на котором реализуется весь функционал 7 ЭТАП — ЗАПОЛНЕНИЕ САЙТА КОНТЕНТОМ (ИНФОРМАЦИЕЙ)На этом этапе очень важен качественный, профессиональный копирайтинг. Все материалы сайта, 8 ЭТАП — ТЕСТИРОВАНИЕ САЙТА И ИСПРАВЛЕНИЕ ОШИБОКТестирование сайта может проводить как разработчик, так и заказчик. 9 ЭТАП — ПУБЛИКАЦИЯ САЙТА В ИНТЕРНЕТЕ На этом этапе сайт размещается на выбранном доменном имени, 10 ЭТАП — ПРОДВИЖЕНИЕ САЙТА И РЕКЛАМА В ИНТЕРНЕТЕ Когда сайт полностью готов к работе — РАБОЧАЯ ГРУППА Для выполнения всех работ по созданию сайта из числа сотрудников студии будет сформирована постоянная ФУНКЦИИ СПЕЦИАЛИСТОВ РАБОЧЕЙ ГРУППЫ: Дизайнерразработка эскизов типовых страниц и элементов сайта;создание графических форм и элементов навигации;актуализация

Презентацию Этапы создания Web-сайтов, из раздела: Информатика,  в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: Политика защиты авторских прав

Слайды и текст этой презентации

Слайд 1

ЭТАПЫ СОЗДАНИЯ WEB-САЙТОВ


Слайд 2

что же такое Web-сайт и Web-страница? Чтобы разобраться в этом вопросе, давайте подумаем, а какая

Мы сегодня с вами будем говорить о web-сайтах и web-страницах. Итак, что же такое Web-сайт и Web-страница? Чтобы разобраться в этом вопросе, давайте подумаем, а какая  информация может содержаться на Web-сайте?  Конечно,  практически любая. Сайт может содержать информацию о компьютерных играх, автомобилях,  городах и странах мира и т.д.. На сайте даже можно разместить уроки,  произведения писателей, поэтов, композиторов. Получается, что сайт это книга, но только не простая, а электронная? Да, Web-сайт, по своей сути, действительно является электронной книгой, журналом или учебником, который может содержать как полезную для вас информацию, так и ту, что вас на данный момент совсем не интересует.


Слайд 3

В обычный документ вставляются управляющие символы – HTML-тэги, которые определяют вид Web-страниц при ее просмотре.

ЧТО ЖЕ ТАКОЕ WEB-СТРАНИЦЫ?

Web – страницы создаются с использование гипертекстовых документов HTML.
В обычный документ вставляются управляющие символы – HTML-тэги, которые определяют вид Web-страниц при ее просмотре.


Слайд 4

ДОСТОИНСТВА WEB-СТРАНИЦ:

Малый информационный объем
Возможность просмотра в различных операционных системах


Слайд 5

ЧАСТНОСТИ: Простейшие текстовые редакторы : в ОС Windows – Блокнот в ОС Linux – KateWeb – редакторы : в

ДЛЯ СОЗДАНИЯ WEB-СТРАНИЦ  В РАЗЛИЧНЫХ ОС ИСПОЛЬЗУЮТСЯ РАЗЛИЧНЫЕ РЕДАКТОРЫ. В ЧАСТНОСТИ:

 Простейшие текстовые редакторы :
в ОС Windows – Блокнот
в ОС Linux – Kate
Web – редакторы :
 в ОС Windows – Microsoft FrontPage
в ОС Linux – Quanta Plus


Слайд 6

содержат материал по определенной теме или проблеме. Web-сайты – совокупность тематических Web-страниц. 

 Публикации во Всемирной паутине реализуются в форме Web-сайтов, которые обычно содержат материал по определенной теме или проблеме. 

Web-сайты – совокупность тематических Web-страниц. 


Слайд 7

создают официальные Web-сайты своих организаций, на которых размещают информацию о своей деятельности. Коммерческие фирмы на

Государственные структуры и организации (правительство, дума, школа и т. д.) обычно создают официальные Web-сайты своих организаций, на которых размещают информацию о своей деятельности. Коммерческие фирмы на своих Web-сайтах размещают рекламу товаров или услуг и предлагают их приобрести в Интернет-магазине. Любой пользователь Интернета может создать свой тематический сайт, на котором может разместить информацию о своих разработках, увлечениях и т. д.


Слайд 8

страницы   Помещается содержимое страницыТело документаСохранение страницы: в виде файла «название.htm»

СТРУКТУРА WEB-СТРАНИЦЫ

             внутрь этого контейнера помещается HTML-код страницы
-            Заголовок страницы
.....  Название страницы

   Помещается содержимое страницы
Тело документа




Сохранение страницы: в виде файла «название.htm»


Слайд 9

ЭТАПЫ РАЗРАБОТКИ WEB-САЙТА


Слайд 10

создании сайта, потому что нельзя добиться цели, если её нет или если она определена неправильно.

1 ЭТАП — ОПРЕДЕЛЕНИЕ ЦЕЛЕЙ СОЗДАНИЯ САЙТА.

Это самый важный этап в создании сайта, потому что нельзя добиться цели, если её нет или если она определена неправильно. От целей будет зависеть весь дальнейший процесс создания вашего сайта, каждый его этап. Поэтому к постановке цели нужно подходить с максимальной серьёзностью. Правильно поставленная цель — это уже половина успеха.



Слайд 11

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

2 ЭТАП — ПРОВЕДЕНИЕ ИССЛЕДОВАНИЙ ПО ТЕМЕ

Прежде, чем преступить к разработке, необходимо проанализировать тему, изучить сайты потенциальных конкурентов. В дальнейшем это поможет в создании собственной концепции.



Слайд 12

этапе разработчик совместно с заказчиком составляет ТЗ (техническое задание) на создание сайта. ТЗ, как минимум,

3 ЭТАП — ОПРЕДЕЛЕНИЕ ТИПА САЙТА, РАЗРАБОТКА ТЗ И СТРУКТУРЫ

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

При составлении ТЗ обязательно нужно помнить о целях создания сайта. Если какая-нибудь функция сайта не способствует достижению поставленных целей (или тем более — мешает) — необходимо от неё отказаться: на сайте она будет лишней. Например, если цель сайта — продать как можно больше единиц товара, то лента новостей на сайте не нужна.



Слайд 13

подэтапов:Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.Разработка предварительного макета дизайна главной

4 ЭТАП — РАЗРАБОТКА МАКЕТА ДИЗАЙНА САЙТА

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

В макете должны быть прорисованы все блоки, которые будут на сайте. Если к моменту разработки дизайна текстовые и графические материалы ещё не готовы, можно использовать «рыбу», но нельзя оставлять в макете «пустые» места.
Естественно, каждый шаг разработки макета дизайна должен выполняться в соответствии с ТЗ и целями сайта.


Слайд 14

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

5 ЭТАП — HTML-CSS ВЁРСТКА

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


Слайд 15

на котором реализуется весь функционал сайта. Требования к этому этапу определяются техническим заданием.

6 ЭТАП — ПРОГРАММИРОВАНИЕ И УСТАНОВКА НА CMS

Это чисто технический этап, на котором реализуется весь функционал сайта. Требования к этому этапу определяются техническим заданием.


Слайд 16

качественный, профессиональный копирайтинг. Все материалы сайта, будь то тексты или графика, также должны вписываться в общую

7 ЭТАП — ЗАПОЛНЕНИЕ САЙТА КОНТЕНТОМ (ИНФОРМАЦИЕЙ)

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


Слайд 17

как разработчик, так и заказчик. Наилучший вариант — это совместное тестирование.

8 ЭТАП — ТЕСТИРОВАНИЕ САЙТА И ИСПРАВЛЕНИЕ ОШИБОК

Тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант — это совместное тестирование.


Слайд 18

размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.

9 ЭТАП — ПУБЛИКАЦИЯ САЙТА В ИНТЕРНЕТЕ

На этом этапе сайт размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.


Слайд 19

полностью готов к работе — нужно привлекать на него посетителей. Для «раскрутки» сайта можно воспользоваться

10 ЭТАП — ПРОДВИЖЕНИЕ САЙТА И РЕКЛАМА В ИНТЕРНЕТЕ

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


Слайд 20

сотрудников студии будет сформирована постоянная рабочая группа. Ее составят специалисты, которые хорошо знакомы со всеми

РАБОЧАЯ ГРУППА

Для выполнения всех работ по созданию сайта из числа сотрудников студии будет сформирована постоянная рабочая группа. Ее составят специалисты, которые хорошо знакомы со всеми особенностями процесса создания сайта. Координировать работу этих специалистов и общаться с сотрудниками компании будет менеджер проекта. В круг его задач будет входить организация встреч, ведение переговоров и сбор необходимых для работы данных. В любое рабочее время сотрудники компании смогут связаться с ним по телефону или электронной почте, чтобы оперативно решить все рабочие вопросы. Он также будет составлять план работ студии, контролировать процесс выполнения задач и представлять результаты работы. 


Слайд 21

графических форм и элементов навигации;актуализация элементов дизайна.Веб-технологпроектирование баз данных;скриптинг;разработка, установка и настройка интерактивных сервисов;разработка интерфейса

ФУНКЦИИ СПЕЦИАЛИСТОВ РАБОЧЕЙ ГРУППЫ:

Дизайнер
разработка эскизов типовых страниц и элементов сайта;
создание графических форм и элементов навигации;
актуализация элементов дизайна.
Веб-технолог
проектирование баз данных;
скриптинг;
разработка, установка и настройка интерактивных сервисов;
разработка интерфейса и механизмов системы администрирования сайта.
HTML-кодер
верстка и адаптация текстового наполнения;
оптимизация HTML-кода;
размещение иллюстраций и графических элементов.
Редактор-копирайтер
редактирование и корректура текстов;
написание дополнительных текстовых блоков и анонсов;
контент-менеджмент


  • Имя файла: etapy-sozdaniya-web-saytov.pptx
  • Количество просмотров: 8
  • Количество скачиваний: 0