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

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

Оглавление

Введение
Глава 1. Теоретическая часть
1.1. Что такое web-сайт и его структура
1.2. История происхождения первого web-сайта
1.3. Способы создания web-сайта
Глава 2. Практическая часть
2.1. Материалы и оборудование для изготовления инструкции
2.2. Техника безопасности работы с оборудованием для изготовления продукта
2.3. Технология создания инструкции
Заключение
Список используемой литературы

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

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

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

Цели:

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

Задачи:

1. Разработать пошаговую инструкцию создания индивидуального web-сайта.
2. Создать личный web-сайт.

Срок работы над проектом – 1 год.

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

Веб-сайт – это место в Интернете (от англ. Site – место, позиция), где по одному адресу находятся одна или несколько веб-страниц.

Веб-страница — это минимальная неделимая часть сайта, содержащая информацию (текст, изображение, видео, музыку и т.д.) и имеющая уникальный веб-адрес. Иногда сайт состоит из единственной веб-страницы, которая называется главной или домашней (Home). Все вместе страницы на одном домене (адрес сайта) образуют сайт.

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

Строение сайта:

• Контент

Контент – это cодержимое сайта или любая информация, которая находится на веб-страницах.

• Дизайн

Дизайн сайта — это оформление контента, совокупность всех графических элементов на web-странице. Дизайном сайта занимается специалист – web-дизайнер.

• Доменное имя

Доменное имя – это имя сайта. Каждый домен состоит из нескольких частей, разделенных между собой точками. Окончание домена - это первый уровень. Второй уровень домена - это то, что находится слева от первого уровня. Третий уровень – это субдомены, которые состоят из трех частей. Помимо этих уровней, существует нулевой уровень домена, который представляет собой точку, корневой домен.

.ru – домен первого уровня
.city.ru – домен второго уровня
podolsk.city.ru – домен третьего уровня
Всем существующим странам присвоены двухбуквенные домены первого (верхнего) уровня.
Кроме того, существует множество доменных имен верхнего уровня для общесетевых ресурсов:

Таблица 2. Первый уровень доменного имени.

Домен	Назначение
.com	коммерческие ресурсы
.org	некоммерческие организации
.info	информационные узлы
.biz	ресурсы для бизнеса
.euro	европейские сайты
.mobi	сайты для мобильных устройств
.travel	индустрия путешествий
.auto	автомобильная индустрия
.museum	музейное дело

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

Поэтому сайты работают на хостинге. Хостинг – это услуга, предоставляющая собой мощные серверы (высокопроизводительные компьютеры с дисками ёмкости), соединенные с Интернетом высокоскоростными линиями связи (Фото 1).

Фото 1. Хостинг

Самый первый сайт появился 6 августа 1991 года в интернете, который располагался по электронному адресу info.cern.ch. Создателем этого сайта является Тим Бернерс-Ли.
Внешне первый сайт был невзрачен. Он представлял собой сплошную стартовую страницу белого цвета, на которой для посетителей размещалась основная информация о инновационной технологии того времени“World Wide Web”.

Седьмого апреля 1994 года международный сетевой центр официально зарегистрировал домен .ru в качестве национального для Российской Федерации. В тот же день появился и первый сайт в России: www.ru. Сайт содержал каталог ссылок на англоязычные сайты российских СМИ, компаний, научных и исследовательских учреждений и так далее.
Первый отечественный сайт можно до сих пор найти по адресу www.1-9-9-4.ru.

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

• Разработка в конструкторе сайтов;
• Разработка на CMS;
• Самостоятельная разработка, с использованием популярных инструментов и фреймворков (Laravel, Django, Spring и др.).

У каждого из способов есть свои плюсы, так и недостатки. Рассмотрим все эти способы.

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

Плюсы

• Web-сайт идеально подходит для новичков благодаря удобным для них интерфейсам и не требуется знание языков программирования
• Многие конструкторы web-сайтов, такие как Wix, бесплатны.

Минусы

• Нет доступа к коду Вашего сайта, параметры настройки ограничены.
• Ограничения количеством страниц, которые Вы можете иметь и количеством пространства для хранения.
• Однотипность сайтов

Система управления контентом (CMS)
Система управления контентом (CMS) — это тип программного обеспечения, которые позволяют создавать и управлять цифровым контентом. Они более универсальны, чем конструкторы web-сайтов.

Плюсы

• Можно редактировать и дорабатывать исходный код.
• Большое количество шаблонов.

Минусы

• Сложность для новичков, так как требуются определенные навыки в области web-разработки, дизайна, безопасности

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

Плюсы:

• Полный контроль над сайтом
• Безопасность
• Безграничность возможностей в дизайне

Минусы:

• Высокая стоимость разработки
• Длительные сроки создания
• Знание языков программирования

Основные этапы создания веб-сайта с помощью кода:

• Постановка целей и задач сайта;
• Создание, проработка технического задания (ТЗ) на разработку сайта;
• Прототипирование;
• Создание макета дизайна сайта;
• Верстка;
• Программирование;
• Наполнение контентом;
• Тестирование;
• Публикация

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

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

Если перед Вами стоят более сложные задачи, например:

• сделать многостраничный сайт с некоторым количеством вложенных структур (портфолио, услуги, блоги и др.);
• продвигать сайт в поиске (Яндекс и Google);
• получать ответную информацию от посетителей и пр.

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

В случае, если перед Вами стоит масштабная задача, например:

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

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

Работая над проектом, я решила, что продуктом работы будет инструкция создания сайта в конструкторе сайтов «Craftum».

Материалы:

• Web–cайт конструктора сайтов «Craftum»

Оборудование:

• Ноутбук (Фото 2)
• Текстовый редактор Microsoft Word (Фото 3)

Фото 2. Ноутбук

Фото 3. Microsoft Word

Техника безопасности работы с ноутбуком

• Поместите панель ЖК-дисплея или внешний монитор немного ниже уровня глаз, чтобы предотвратить напряжение мышц шеи
• Используйте подставку для ног
• Каждые пол часа отрывайте взгляд от экрана ноутбука, а каждый час выполняйте небольшую разминку
• Разместите всё, с чем вы будете работать, рядом, чтобы при необходимости можно было этим воспользоваться, не вставая и не пытаясь дотянуться
• Расположите ноутбук так, чтобы солнечный свет или яркое внутреннее освещение не отражалось от экрана.
• Не располагайте ноутбук перед источниками яркого света, светящими прямо в глаза
• О возможности используйте рассеянное освещение места работы.

1. Запустите программу Microsoft Word
2. Нажмите на раздел «Новый документ» в правой части экрана
3. Наберите необходимый текст в открывшемся окне. Образец приведен ниже.
4. Отформатируйте набранный текст с помощью верхней панели программы Word.
• Сначала Выделите шапку заявления (адресата и составителя заявления). Нажмите на кнопку «Выравнивание по правому краю» на верхней панели программы Word. Строки переместятся вправо
• Аналогичным способом отформатируйте заголовок (используем кнопку «Выравнивание по центру»)
• Выделите список спецодежды и примените к нему функцию «Маркированный список»
5. Сохраните файл. Для этого:

• Нажмите сочетание клавиш «Ctrl+S» или на иконку дискеты в левом верхнем углу
• Выберите путь сохранения файла
• В строке «Имя файла» удалите текущее содержимое и напишите новое название
• Нажмите кнопку «Сохранить»

В ходе индивидуального проекта по информатике на тему "Создание веб-сайта" учащаяся сделала вывод о том, что существует множество видов web-сайтов, для разных целей и задач. Также я выяснила, что сайт — это удобный способ передачи информации. И навык создания сайта может зарекомендовать тебя в IT-индустрии и принести тебе прибыль.

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

Действительно каждый человек без определенных навыков программирования может создать свой сайт, так как сейчас много бесплатных конструкторов, в которых не требуется знание языка программирования. Я узнала, как создаются сайты, и попробовала создать свой на конструкторе «Craftum»

1. https://ru.wikipedia.org/wiki
2. https://www.eg.ru/relax/369226/
3. https://ravechnost.ru/metody-sozdaniya-sajta-3-sposoba-sozdat-sajt/
4. https://habr.com/ru/post/273795/#coding
5. https://repair-land.ru/mery_besopasnosti
6. https://www.unicraft.org/blog/7823/kak-napisat-instrukciu/
7. https://craftum.com/