Меню
Разработки
Разработки  /  Информатика  /  Презентации  /  Прочее  /  Этапы разработки сайта

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

В данной разработке рассматриваются этапы разработки сайта. Материал может быть полезен студентам, которые начинают изучать web-технологии, а также преподавателям как дополнительный материал для подготовки к занятиям.

18.02.2018

Содержимое разработки

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

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

 При создании сайта условно можно выделить пять шагов и определить их как основные этапы создания сайта. 1ый этап . Необходимо сформировать основную идею сайта . Для этого необходимо ответить на ряд вопросов: Какова цель будущего сайта , т.е. какой результат вы хотите получить с помощью сайта. Например, целью может быть сбор информации, обучение, развлечения, продажа услуг или товаров, просто заработок на своем сайте. Какова целевая аудитория будущего сайта (пол, возраст, образование, профессия...), т.е. для кого вы делаете сайт. Каковы предпочтения вашей целевой аудитории .  Чтобы ресурс был успешным, он должен соответствовать тому, чего от него ожидают ваши посетители.

При создании сайта условно можно выделить пять шагов и определить их как основные этапы создания сайта.

1ый этап . Необходимо сформировать основную идею сайта . Для этого необходимо ответить на ряд вопросов:

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

Чтобы ресурс был успешным, он должен соответствовать тому, чего от него ожидают ваши посетители.

Определение технических ограничений. Если вы определили вашу целевую аудиторию, то можете предположить и ее технические возможности. Если ваш посетитель - обычный среднестатистический пользователь, то и рассчитывать вы можете только на среднее подключение к сети и программное обеспечение. Flash-сайты в таком случае лучше не использовать. Определение технологий  для разработки . Это зависит от ответов на предыдущие вопросы. Если ваш сайт будет посвящен музыке, то без использования мультимедиа вам явно не обойтись. 2 –ой этап. Определение типа сайта. 3 - ий этап. Определение структуры сайта. Необходимо определить : структуру навигации, структуру каталогов, заставку сайта.
  • Определение технических ограничений. Если вы определили вашу целевую аудиторию, то можете предположить и ее технические возможности. Если ваш посетитель - обычный среднестатистический пользователь, то и рассчитывать вы можете только на среднее подключение к сети и программное обеспечение. Flash-сайты в таком случае лучше не использовать.
  • Определение технологий для разработки . Это зависит от ответов на предыдущие вопросы. Если ваш сайт будет посвящен музыке, то без использования мультимедиа вам явно не обойтись.

2 –ой этап. Определение типа сайта.

3 - ий этап. Определение структуры сайта. Необходимо определить : структуру навигации, структуру каталогов, заставку сайта.

 4-ый этап. Подготовка макета сайта.  Макет - это картинка, похожая на снимок экрана в тот момент, когда сайт открыт в браузере. Сделать это можно, например, в программе Photoshop.   5-ый этап.  Верстка сайта. Полученный макет описывается с помощью HTML и CSS .  Такая страница является шаблоном для всех остальных.  6 – ой этап . Создается папка для сайта. В ней создается две страницы: index.html и style.css, а также папка images для картинок.  7 – ой этап. В соответствие с шаблоном создаются все страницы сайта и необходимые связи.

4-ый этап. Подготовка макета сайта.

Макет - это картинка, похожая на снимок экрана в тот момент, когда сайт открыт в браузере. Сделать это можно, например, в программе Photoshop.

  5-ый этап. Верстка сайта. Полученный макет описывается с помощью HTML и CSS .

Такая страница является шаблоном для всех остальных.

6 – ой этап . Создается папка для сайта. В ней создается две страницы: index.html и style.css, а также папка images для картинок.

7 – ой этап. В соответствие с шаблоном создаются все страницы сайта и необходимые связи.

Типы верстки страниц сайта  Различают: табличную, фреймовую и блочную верстку.  При табличной верстке используют таблицу.  Все элементы страницы помещаются в определенные  ячейки таблицы.  Фреймовая верстка – это размещение на одной странице нескольких документов. В настоящее время используется очень редко. Не все браузеры воспринимают фреймы.  Блочная верстка сайта наиболее распространенная в настоящее время. Все элементы страницы представлены в виде вложенных блоков.

Типы верстки страниц сайта

Различают: табличную, фреймовую и блочную верстку.

При табличной верстке используют таблицу.

Все элементы страницы помещаются в определенные

ячейки таблицы.

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

Блочная верстка сайта наиболее распространенная в настоящее время. Все элементы страницы представлены в виде вложенных блоков.

-80%
Курсы дополнительного образования

Создание динамических веб-страниц с помощью PHP и MySQL

Продолжительность 72 часа
Документ: Cвидетельство о прохождении курса
4000 руб.
800 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Этапы разработки сайта (75 KB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт