XVII Международный конкурс научно-исследовательских и творческих работ учащихся

Старт в науке

Выбор сервиса и создание web-сайта

• Авторы
• Руководители
• Файлы работы
• Наградные документы

Авдеев М.А. 1

---

1МАОУ «Средняя общеобразовательная школа № 6 имени Героя России С.Л. Яшкина»

Отнельченко Т.Н. 1

---

1МАОУ «Средняя общеобразовательная школа № 6 имени Героя России С.Л. Яшкина»

Работа в формате PDF

1.5 MB

Автор работы награжден дипломом победителя III степени

Диплом школьникаСвидетельство руководителя

Введение

Мне посчастливилось жить в эпоху интернета. «Забил» в поисковик интересующий вопрос и через секунду получил на него тысячи ответов, зашел в социальную сеть – нашёл тысячи единомышленников, захотел почитать книгу, послушать музыку, выучить иностранный язык, посетить выставку – пожалуйста, можешь все это сделать онлайн, не выходя из дома. Всемирная паутина не имеет границ, она охватывает все уголки земного шара, достаточно найти нужный сайт. И мне интересно, можно-ли создать web-сайт самостоятельно, не имея специальных знаний и навыков или нужно обращаться к специалистам?

Цель:

создать web-сайт с помощью различных бесплатных сервисов

Задачи:

узнать что такое web-сайт;

познакомиться с видами web-сайтов;

изучить способы создания web-сайтов;

выяснить этапы создания web-сайтов;

подобрать сервис для создания web-сайтов;

создать web-сайт с помощью выбранного сервиса;

Гипотеза:

четвероклассник может самостоятельно создать web-сайт

Объект исследования:

создание web-сайта

Предмет исследования:

сервисы для создания web-сайтов

Теоретическая часть

История появления web-сайтов

Сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети») - система электронных документов, неважно, картинки это, текст или звуки, в компьютерной сети под общим адресом (доменным именем или IP-адресом). Вместе сайты образуют Всемирную паутину (World Wide Web) - базу данных и коммуникации планетарного масштаба.

Самый первый в мире сайт появился 6 августа 1991 года. Его создал знаменитый британский ученый Тим Бернерс-Ли. Он опубликовал на этом сайте описание новой технологии World Wide Web. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты [7].

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

Виды web-сайтов

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

По размеру принято выделять одностраничные и многостраничные сайты. 

Одностраничный сайт (landing page или лэндинг) – сайт, который состоит из одной страницы и посвящен, как правило, одному товару или услуге.

Многостраничный сайт может быть довольно громоздким и содержать несколько десятков и даже сотен страниц.

По назначению сайты можно разделить на коммерческие, корпоративные, информационные.

Коммерческие сайты являются наиболее распространенными, их основная цель – продавать товары. Коммерческие сайты делят на несколько основных видов:

сайт-визитка - содержит общие сведения о его владельце или компании.

сайт-галерея - интернет-выставка каких-либо собственноручно выполненных работ.

интернет-магазин - обязательно содержит каталог товаров и корзину для заказов.

промо-сайт - создается специально для продвижения какой-либо услуги, товара или основного сайта.

сайт-витрина – создается для рекламы готовых товаров.

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

Информационные сайты очень популярны, они предназначены для донесения до пользователей самой разной информации. Существует несколько их разновидностей:

тематический сайт – посвящается одной или нескольким темам. Спрос на тематические сайты очень велик, ими пользуются как крупные фирмы, так и отдельные пользователи.

новостной сайт - рассказывает о новостях.

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

Способы создания web-сайтов

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

• самостоятельная разработка;

• разработка на CMS;

• разработка в конструкторе сайтов.

Самостоятельная разработка и разработка на CMS требуют наличия серьезных специальных знаний и навыков в области сайтостроения, таких как написание кода, рисование сайта в графическом редакторе, регистрация доменного имени и многое другое.

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

Этапы создания web-сайтов

Разработка и создание web-сайтов включают в себя несколько этапов [2]:

Постановка целей, задач и выбор вида сайта.

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

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

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

Программирование – программист занимается разработкой сложных функций: калькулятора, системы оплаты с помощью банковских карт, и т.п.

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

Тестирование – выявляются ошибки, которые должны быть устранены.

Регистрация домена – онлайн-адрес сайта.

Заказ услуги хостинга – аренда мощностей и места, где будет размещаться сайт.

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

Практическая часть

2.1. Проведение опроса.

Я провел опрос среди учеников третьих и четвертых классов моей школы. Ученикам было задано 4 вопроса:

• Знаешь ли ты что такое «сайт»?

• Пользуешься интернетом?

• Создавал ли сайты сам?

• Хотел бы научиться создавать сайты?

Количество учащихся принявших участие в опросе составило 38 человек.

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

Таб. 1 Результат опроса

2.2 Выбор сервиса для создания web-сайта

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

Для сравнения, основываясь на отзывах пользователей в интернете, уже создавших свои сайты в конструкторах, я выбрал следующие сервисы: Сервис №1. Wix [9]

Сервис №2. Nethouse [3]

Сервис №3. Site123[5]

Сервис №4. Mozello[11]

Сравнение конструкторов (таб.2):

Наличие бесплатного тарифа.

У всех сервисов есть бесплатный тариф.

Предоставление доменного имени.

Все сервисы предоставляют бесплатное доменное имя третьего уровня.

Наличие хранилища.

Самое большое пространство для хранения данных предоставляют Сервис №1 и Сервис №4 в размере 500 мб, но Сервис №4 ограничивает размер пространства для хранения для интернет-магазинов 5-ю продуктами. Сервис №3 предоставляет пространство для хранения данных в размере 250 мб., Сервис №2 ограничивает размер хранилища 5 товарами в каталоге и 20 фото в галерее.

Возможность создания разнообразных видов сайтов.

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

Уровень сложности освоения.

На всех сервисах я попытался создать сайт. По уровню сложности самым понятным мне показался Сервис №1, остальные Сервисы тоже просты в

освоении.

Наличие шаблонов.

Самое большее количество шаблонов у Сервиса №1, Сервис №3 предлагет более 180 шаблонов, Сервис №2 - более 60, Сервис №4 – более 40.

Возможность редактирования шаблонов.

Редактировать шаблоны позволяют все Сервисы.

Вставка новых элементов на страницу шаблона.

На всех сервисах я попытался на страницу шаблона добавить новый элемент (медиа файл). Такую возможность предоставил только Сервис №1.

Таб. 2 Сравнение сервисов

После проведения сравнения я сделал вывод, что Сервис №1 самый лучший из рассматриваемых сервисов, он очень прост в использовании, предоставляет хранилище в размере 500 МБ без каких-либо ограничений, подходит для создания любых видов сайтов, предоставляет более 500 шаблонов и позволяет вставлять на их страницы новые элементы.

Поэтому для создания своего сайта я буду использовать конструктор сайтов Wix, лучший конструктор сайтов в мире, по мнению пользователей Интернет.

2.3 Создание web-сайта

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

Для того чтобы начать создавать сайт нужно зарегистрироваться на сайте https://ru.wix.com.

После регистрации попадаю на страничку «Мои сайты» и приступаю к созданию сайта.

При нажатии на кнопку «Создать сайт», конструктор отправляет меня на страницу выбора категории создаваемого сайта.

Затем конструктор предлагает мне выбрать, как я буду создавать сайт: с помощью искусственного интеллекта, ответив на несколько вопросов, или с помощью шаблона. Я выбрал с помощью шаблона.

Далее предлагается выбрать шаблон. Для удобства шаблоны сортируются по категориям.

Далее конструктор формирует структуру сайта в соответствии с выбранным шаблоном и можно приступать к редактированию.

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

Инструменты редактирования шаблона размещены на левой стороне рабочей области:

«Добавить» — коллекция дополнительных элементов, которые можно добавить в шаблон страницы.

«Страницы» — раздел предназначен для быстрого перехода по страницам и настройки их основных параметров.

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

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

«Медиа» — раздел включает в себя загрузчик мультимедийного контента. А также встроенный графический и видео редактор.

«Блог» — инструмент для публикации постов и управления блогом.

«Ascend» – набор дополнительных инструментов для поискового продвижения сайта и интернет-маркетинга.

В результате редактирования у меня получился семистраничный сайт.

Для фона всех страниц я использовал картинку из сюжета игры Fortnite. Фон на страницах меняется достаточно легко, нужно нажать на кнопку «Изменить фон страницы» и выбрать понравившуюся картинку из огромного количества имеющихся материалов в конструкторе или загрузит свою.

Страница «Главная» рассказывает об игре Fortnite (рис.1).

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

Рис. 1

На странице «Новости» размещаются новости об игре (рис. 2).

Рис.2

На странице «Галерея» размещаются фотографии (рис.3).

Мне очень понравилось, что в конструкторе на каждую фотографию можно сделать анимацию, и фото будут отображаться в различных стилях: прыжком, наплывом, скольжением, увеличением и т.п.

Рис.3

На странице «Видео» размещаются видеоролики об игре. Их можно посмотреть (рис.4). Добавление видео на страницу создало для меня некоторые трудности. Сначала я не понимал, как-же добавить видео, которое мне нужно? Затем я добавил видео из имеющегося в конструкторе и заменил его на то, которое мне понравилось в интернете, скопировав по URL-ссылке.

Рис.4

На странице музыка размещаются аудио альбом и аудиоплеер. Их можно послушать (рис.5). Добавить аудио альбом и аудиоплеер было не сложно. Я выбрал из шаблонов понравившийся альбом и отредактировал его. Заменил картинку и добавил нужные песни, скопировав их из интернета. Аудиоплеер добавил аналогично.

Рис.5

На странице «Блог» размещаются посты об игре. Их можно просматривать и «лайкать», а также можно оставлять комментарии (рис.6). При создании блога сложностей не возникло.

Рис.6

На странице «Контакты» размещаются мои контакты (рис.7).

Рис.7

Вот такой сайт у меня получился, он доступен по ссылке https://maavdeeff.wixsite.com/website .

Заключение

Однажды в интернете я прочитал историю, рассказанную Биллом Гейтсом: «На прошлой неделе я вышел пообедать. Какой-то парень остановил меня и попросил денег. Я не знал, что делать. Потом он сказал, что я должен побывать на его домашней странице, и дал мне свой URL. Я не понял, правду он говорит или нет, но строка оказалась настолько хороша, что я дал ему пять долларов. Так что он, возможно, бездомный человек с домашней страницей в Интернете»[4].

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

И я решил создать web-сайт.

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

Я провел опрос среди учеников третьих классов моей школы (в опросе приняло участи 38 человек) и выяснил, что многие пользуются интернетом, посещают различные сайты и хотели-бы сами научиться создавать web-сайты.

Я выяснил, что существует множество разнообразных средств для создания web-сайтов, но лишь некоторые из них способны решить поставленные перед пользователями задачи.

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

После проведенного исследования моя гипотеза подтвердилась: четвероклассник, может самостоятельно создать web-сайт.

Цели и задачи проекта достигнуты: я создал сайт, посвященный моей любимой игре Fortnite.

Список использованных источников и литературы

https://www.imagos.ru/uslugi.php?id=1010

https://impulse-design.com.ua/etapy-razrabotki-sajta.html

https://nethouse.ru

https://ru.citaty.net/tsitaty/638724-bill-geits-na-proshloi-nedele-ia-vyshel-poobedat-kakoi-to-pare

https://ru.site123.com

https://ru.wikipedia.org/wiki/Доменное_имя

https://ru.wikipedia.org/wiki/Сайт

https://ru.wikipedia.org/wiki/Хостинг

https://ru.wix.com

https://www.internet-technologies.ru/review-of-website-builder.html#header-2682-1

https://www.mozello.ru