Веб- проектирование

​ Раздел 4. Web-проектирование. Понятие о web-сайте

​ Web-программирование

​Какие программы используются для создания web-страниц?

1. Как вы думаете, какие программы используются при создании web-страниц?

2. Для чего нужно web-программирование?

3. С помощью какой программы создаются интернет-страницы?

​WWW – это мультимедийная распределенная информационная сеть на основе гипертекста.
Распределенная информационная система – информация хранится в большой системе под названием WWW-серверы.
На web-серверах размещен не отдельный документ, а группа взаимосвязанных документов. такую группу предоставляет web-сайт.
Размещение готового материала на web-сайте называется web-публикацией. Отдельный документ называется web-страницей, содержащей тексты, графические иллюстрации и разного рода мультимедийные объекты.

​Понятие о web-странице

​Web-сайт представляет собой информационную систему, охватывающую два основных компонента:
1) Компонент показа (front-end). Wеb-страница, которую видят посетители, называется front-end (размер страниц, графика, аудио, текст). Чтобы наглядно понять, что такое frontend, откройте страницу любого сайта – перед собой вы увидите интерфейс. Щелкнув правой кнопкой мыши, можно посмотреть код этой страницы в браузере. код страницы описывает все, что вы видите перед собой: цвета, верстку, шрифты, расположение графических элементов и так далее.

2) Компонент реализации (back-end). Набор аппаратно-программных средств, при помощи которых реализуется логика работы сайта.

​Планирование сайта Web-сайт – это маленькая модель мира. Если раньше сайт создавал один web-мастер, то в настоящее время сайты создаются целыми командами. Это web-дизайнер, программист, бизнес-консультант, маркетолог, менеджер и другие. Этапы проектирования web-сайта взаимосвязаны.

​Этапы планирования сайта:
1. Изначально необходимо определить общее назначение сайта.
2. Определить, какую информацию нужно разместить на сайте.
3. Необходимо собрать соответствующую информацию.
4. Нужно определить дизайн сайта.
5. Продумать логическую структуру сайта.
6. Продумать физическую структуру сайта, то есть расположить все файлы, предназначенные для размещения на сайте, по папкам.
7. Проверить правильность выполнения всех действий.

​Разработка web-сайта состоит из нескольких этапов:
 планирование;
 разработка элементов;
 программирование;
 тестирование;
 публикация;
 рекламирование;
 контроль.

​ Во время планирования необходимо ответить на некоторые вопросы и решить несколько проблем:
1. Месторасположение сайта.
2. На какую аудиторию рассчитывается сайт?
3. Какая информация будет опубликована?
4. Для чего нужно web-программирование?
5. В каком виде будет осуществлено взаимодействие с пользователями?

​Во время разработки элементов необходимо учитывать, что сайт выполняется как программный продукт:
1. создание навигационной структуры.
2. создание дизайна страницы.
3. подготовка текстовой и видеоинформации для заполнения страницы.

​Программирование. Суть этого этапа – форматирование сайта.

​Тестирование.
Одним из ключевых этапов разработки сайта является тестирование.
Во время тестирования проверяется правильность работы сайта, в том числе:
1. работа ссылок;
2. ошибки в текстах;
3. эффективность навигации;
4. работа почты и других форм;
5. открытие графических файлов.

Multiple Choice

Из чего состоит веб-сайт?

• из ссылок

• из серверов

• из одной или нескольких веб-страниц

Multiple Choice

Кто занимается разработкой сайтов?

• 
  веб-разработчик

• программист

• 
  IT-сециалист

Multiple Choice

Как называется та часть веб-страницы, которую мы видим?

• 
  front-end

• back-end

Multiple Choice

Какой первый этап в разработке сайта?

• 
  нарисовать макет
  

• 
  определить цель

• создать сайт

Multiple Choice

Укажите основные части веб-документа.

• 
  заголовок и тело

• теги

• заголовок и абзац

Multiple Choice

Создание макета сайта, что это такое?

• 
  На этом этапе фронтэнд разработчик «оживляет» вид сайта, который получил от дизайнера.

• На этом этапе дизайнер создает дизайн страниц будущего веб-сайта

Multiple Choice

Для чего нужен сайт?

• Привлечение новых клиентов
  

• Установление связей с новыми и существующими партнерами компании

• Развитие клиентской базы компании

• Автоматизация бизнес процессов

• Все ответы верны

​1. Что такое web-программирование?
2. Для каких целей оно используется?
3. какова функция языка HTML?
4. Что вы понимаете под web-сайтом?
5. каковы этапы планирования сайта?
6. каковы способы публикации web-сайта? 7. Из каких этапов состоит разработка
web-сайта?