Урок- тренинг "Сайтостроение"

Урок – тренинг
для учеников
11 класса на тему «Сайтостроение»

1 слайд.
Здравствуйте

2 слайд .
меня зовут Дилявер Эльмурадович, и я научу ваз зарабатывать деньги 
Именно так начинаются все бизнес тренинги, инструкции по построению финансовых пирамид, а иногда и бизнес-аферы. Но сейчас я в роли учителя, а не бизнес тренера, поэтому начнем.
3 слайд.
Кто то из вас слышал такое понятие как «стартап»?
(ответы и рассуждения учеников) 1 мин
4 слайд
Стартап — это только что созданная компания находящаяся на стадии развития и строящая свой бизнес либо на основе новых инновационных идей, либо на основе только что появившихся технологий.
5 слайд
Самые известные стартапы
1) Beats Electronics- интернет сервис прослушивания музыки, а в последствии и наушников Beats, стоимость компании 1млрд долларов
2) Woodman Labs, разработчик камер GoPro, стоимость компании $2,3 млрд

3) Система поиска такси Uber, стоимость компании $3,8 млрд

80% всех финансово успешных стартапов – это обычные интернет сайты, по предоставлению различных услуг и сервисов, а в некоторых случаях и продажи товаров. То есть люди просто воплотив свою идею в виде сайта, начинают зарабатывать на этом деньги, а в некоторых случаях большие деньги.
И вот мы плавно подошли к теме нашего урока
Может кто то из Вас уже догодался?
6 СЛАЙД
Правильно! Как построить сайт,или одним словом- Сайтостроение.
Открывайте свои тетради, пишите число и тему сегодняшнего урока
Сайтостроение
Перед тем как начать новую тему давайте повторим основные понятия с которыми нам придется сегодня работать.
Определите понятие «Интернет»? (Глобальная компьютерная сеть, в которой локальные, региональные и корпоративные сети соединены между собой многочисленными каналами передачи информации.)

Какие вы знаете службы сети Интернет? (электронная почта, интернет-магазины, чаты, интернет-телефония, интернет-радио, интернет-телевидение, телеконференции, служба World Wide Web)

Основной структурной единицей глобальной сети является сайт
7 слайд
Что такое Web-сайт? (Сайт – это группа взаимосвязанных Web-страниц, объединённых единой тематикой, единым авторством или единым владельцем и имеющая определенный адрес.Определение можете списать с учебника параграф 13 страница 82.

Сегодня вы узнаете, что необходимо для создания сайта, но и каждый из вас создаст свой собственный сайт.
8 слайд
Перед началом работы над созданием сайта вы должны определить 2 параметра:
1.Содежание сайта
2. Целевая аудитория
Содержание сайта –эта та информация, и способы ее представления пользователям
И это содержание должно отвечать требованиям 2 наук
1. Колористика-наука о цвете, характеристиках цвета, цветовых контрастах, смешении цветов, изучающая восприятие цвета человеком.
Давайте рассмотрим на примере
Перед вами слегка подкорректированный скриншот страницы социальной сети вконтакте.
Что с ней не так, что мешает Вам нормально получать с нее информацию?
Все верно, она слишком контрастна, в ней использованы яркие, кислотные цвета
2 наука это Эргономика
Эргоно́мика наука о приспособлении окружающих нас процессов и объектов для безопасного и эффективного взаимодействия, исходя из физических и психических особенностей человеческого организма.
Все, именно все вокруг нас построено в соответствии с законами эргономики
Примеры: ручка, дверная ручка
А теперь давайте снова рассмотрим слегка подредактированную страницу Михаила Галустяна.
Что с ней не так?
Дело в том что человеческий мозг привык воспринимать информацию слева-направо и сверху вниз, поэтому именно в этом месте должна размещаться основная информация (фото, статус, контактная информация)
Второй важный параметр это целевая аудитория. Целевая аудитория- это группа людей на которых рассчитан ваш сайт.
Для разных людей сайт должен отвечать разным требованиям.
Давайте рассмотрим на примере сайта генеральной прокуратуры.
http://www.genproc.gov.ru/special/#
Как вы думаете для кого создана данная версия сайта? Верно это для людей у кого проблемы со зрением.
А представьте что вам нужно сделать сайт для детей дошкольнего возраста. (от 3 до 5 лет) В чем будет его особенность?
Зарисуйте себе эту мини табличку

Слайд 9

• Способы создания сайтов
  1. С помощью онлайн – конструкторов. (wix.com, ucoz.ru)

• С помощью специальных программ (Macromedia Dreamweaver )

• Вручную (написание кода на языке разметки гипертекста html)

10 Слайд
Самый сложный из способов - это конечно же написание сайта вручную с использованием языка html
Что же такое HTML? Согласно определению: HTML - язык разметки гипертекста.
Давайте вспомним, а что такое гипертекст? (это текст, содержащий гиперссылки, т.е. некоторое слово или объект для перехода на другой фрагмент документа или на другую Web-страницу)
Основным понятием языка HTML является тег. ТЕГ- инструкция браузеру, указывающая способ отображения информации.

Перед тем как перейти к практике, для закрепления материала мы проведем небольшое тестирование.
У вас будет 5 минут что бы ответить на вопросы

Вопросы
1.Стартап – это …
а) Сайт по продаже определенных товаров
б) Онлайн конструктор сайтов
в) Недавно созданная компания, строящая свой бизнес на основе инновационных идей.

2.Интернет –это…
а) Глобальная компьютерная сеть
б) Все компьютеры мира
в) Компьютерная сеть в рамках одного региона

3.Перечислите известные вам службы сети интернет:





4.Сайт это- …
а)Совокупность гипертекстовых документов, которые рассматриваются как единое целое и определяются одним URL адресом
б) Инструкция браузеру, указывающая способ отображения информации.
в) Часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение

5.Перечислите три основных способа создания сайтов



6.Язык разметки гипертекста это-…
а) WWW
б) HTML
в) WEB

7.Укажите два основных направления при работе по созданию сайта

КЛЮЧ

Ну закончим с теорией и перейдем к практике. Сегодня мы с вами научимся самому быстрому и эффективному способу создания сайта- с помощью онлайн-конструктора.
Рассаживайтесь за компьютеры, запускаем браузеры и заходим на сайт wix.com

Практическая часть
Рассаживаемся за компьютеры, открываем браузер, заходим на сайт wix.com, нажимаем кнопку «Создать». Учитывая, что ранее вы не регистрировались, проводим регистрацию на сайте с помощью адреса электронной почты. Теперь осталось определиться, какой именно сайт мы будем делать сегодня с вами. Учитывая специфику нашего региона, мы будем делать сайт для гостиницы. Заходим в шаблоны, выбираем подходящий шаблон(отели). Открываем шаблон «Домашняя гостиница». Он состоит из шести основных страниц : ГЛАВНОЕ, О НАС, ЗАБРОНИРОВАТЬ, ВСЕ ДЛЯ ОТДЫХА, РАСПОЛОЖЕНИЕ, КОНТАКТЫ.

Начнем со страницы ГЛАВНОЕ. Главное фото, естественно, можно и нужно заменить. Сверху указать название вашей гостиницы. Вверху справа и в самом низу страницы нужно отредактировать номер телефона. Под главным фото можно отредактировать дополнительные блоки.

Вторая страница О НАС. Здесь вы можете разместить общую информацию о вашей гостинице и добавить фото.

Третий раздел ЗАБРОНИРОВАТЬ. На этой странице уже встроена система онлайн-бронирования номеров. Здесь вы можете отредактировать готовые номера, добавить свои категории номеров, отредактировать условия.

Следующий раздел ВСЕ ДЛЯ ОТДЫХА. В этом разделе вы можете добавить дополнительные виды услуг, которые может предоставить ваша гостиница: трансфер, экскурсии, аренда авто и т.д.

Далее идет раздел КОНТАКТЫ. Здесь вы указываете основные контакты, номер телефона, электронную почту, домашний адрес. Также в этом разделе размещен блок формы обратной связи, с помощью которой пользователи смогут задать вам вопрос.

Последний раздел РАСПОЛОЖЕНИЕ. Этот раздел включает точное расположение вашей гостиницы, схему проезда, расписание движения общественного транспорта. Ниже расположен блок с использованием карт ГУГЛ мэпс, непосредственно на котором вы можете указать местоположение своей гостиницы для удобного построения маршрутов с помощью JPS навигатора.

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

Рядом с кнопкой ПРЕДПРОСМОТР есть иконка с изображением мобильного телефона. Нажав ее, вы увидите свой сайт так, как он будет выглядеть на смартфоне или планшете. Это очень важно, т.к. 40% интернет-трафика приходится на мобильные устройства.

Рядом с кнопкой ПРЕДПРОСМОТР находится кнопка СОХРАНИТЬ, которая позволяет сохранить изменения в шаблоне, т.е. ваш сайт.

После того, как вы создали сайт, необходимо его опубликовать. Для этого нажмите кнопку ОПУБЛИКОВАТЬ, и в открывшейся адресной строке вы можете установить имя вашего сайта.

До этого момента все было бесплатно. Если вас устраивает адрес сайта вида www. Hotelsudak.wixsite.com, то на этом ваша работа окончена. Если вы хотите адрес вида www.hotelsudak.ru/com и т.д., то это уже платное размещение вашего сайта или по-другому, хостинг и стоит от 1500 рублей в год.

Ну, а теперь, самое интересное: стоимость подобных сайтов от 5000 до 25000 рублей. Создать такой сайт можно за 1-2 дня работы.