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

Старт в науке

Сайт-Визитка моей школы

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

Гордеева А.А. 1

---

1МКОУ "ЦО №5"

Афонина Е.Г. 1

---

1МКОУ "ЦО №5"

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

837.9 KB

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

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

Введение

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

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

Сервисы создания сайтов

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

HTML

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

Рассмотрев оба способа, отдаю предпочтение второму. Сегодня интернет стал повседневностью. Новых “мест” во всемирной паутине все больше, по этому растет спрос именно на интересный, неповторимый дизайн.

Паспорт проекта

Название проекта: «Сайт-визитка»

Руководитель: Афонина Елена Григорьевна

Тип проекта: практико-ориентированный, информационный.

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

Проблема: поиск оптимального способа авторского оформления сайтов.

Цель работы: создание тематического веб-сайта-визитки.

Задачи работы:

Узнать структуру web-сайта.

Изучить виды, выбрать оптимальный вариант.

Найти подходящий способ разработки.

Составить алгоритм действий.

Создать тематический веб-сайт.

Результат проекта (продукт): тематический, уникальный интернет-ресурс.

Этапы работы над проектом

SWOT – анализ

Возможные эффекты проекта

Структура сайта

Используемые технологии: данный проект был создан на языке разметки сайтов HTML, с использованием стилей CSS и скриптов JS.

Тип сайта: сайт-визитка

Внешняя структура сайта: область меню и шапка(Прил. 1, рисунок 1.1), область контента(Прил. 2, Прил.3, Прил.4, рисунки 2.2, 2.3, 3.4, 3.5 4.6), «подвал» сайта(Прил. 4, рисунок 4.7).

Внутренняя структура: навигационное меню и шапка(Прил.1, рисунок 1.1), деятельность школы (Прил.2, рисунок 2.2, 2.3), школьная столовая(Прил.3, рисунок 3.4), отзывы(Прил.3, рисунок 3.5), часто возникающие вопросы(FAQ)(Прил.4, рисунок 4.6), контакты(Прил.4, рисунок 4.7).

Ссылочная структура: внутренняя оптимизация

Заключение

В результате исследования мной были детально изучены: теоретические основы языка HTML, JS, CSS, основы дизайна; способы оптимизации, размещения, будущего продвижения сайтов;

В ходе исследования я подтвердила гипотезу и пришла к следующим выводам:

Чем сложнее и качественнее сайт, тем больше времени нужно потратить на его разработку;

Современный, индивидуальный дизайн – неотъемлемая часть его разработки;

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

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

Список используемой литературы

Лаврищева, Е. М. Программная инженерия и технологии программирования сложных систем : учебник для вузов / Е. М. Лаврищева. — 2-е изд., испр. и доп. — М. : Издательство Юрайт, 2019. — 432 с.

Лебедев, В. М. Программирование на vba в ms excel : учеб. пособие для академического бакалавриата / В. М. Лебедев. — М. : Издательство Юрайт, 2019. — 272 с. 

Гордеев, С. И. Организация баз данных в 2 ч. Часть 2 : учебник для вузов / С. И. Гордеев, В. Н. Волошина. — 2-е изд., испр. и доп. — М. : Издательство Юрайт, 2019. — 501 с. 

Жмудь, В. А. Моделирование замкнутых систем автоматического управления : учеб. пособие для академического бакалавриата / В. А. Жмудь. — 2-е изд., испр. и доп. — М. : Издательство Юрайт, 2019. — 128 с. 

Зыков, С. В. Программирование. Объектно-ориентированный подход : учебник и практикум для академического бакалавриата / С. В. Зыков. — М. : Издательство Юрайт, 2019. — 155 с. 

Интернет ресурсы

https://docs.unity3d.com/Manual/index.html

http://unity3d.ru/distribution/index.php

https://ru.wikipedia.org

https://docs.microsoft.com/ru-ru/dotnet/csharp

Приложения

Речь для защиты проекта:

Уважаемые слушатели, члены жюри! Я ученица 10 класса, Гордеева Анастасия. Руководитель моей работы Афонина Елена Григорьевна, учитель информатики и ИКТ. Готова представить вам свой проект на тему:

'Сайт-Визитка моей школы'.

Я считаю, что выбранная тема является актуальной, потому что в наше время сайты стали неотъемлемой частью работы с информацией для большинства людей, ведь именно в сети мы проводим немалую часть своей жизни, не только профессиональной, но и личностно-социальной. Когда я работала с литературой, содержащей сведения о сайтостроении и моделировании веб-страниц, автор учебника «Программная инженерия и технологии программирования сложных систем» Е.М. Лаврищева формулирует название «веб-сайт» (website), которое состоит из двух слов: web, что означает паутина или сеть, и site – место. То есть фактически веб-сайт - это место во всемирной паутине, где собрана определенная информация.

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

Давайте обратимся к презентации и познакомимся со структурой полученного продукта…<демонстрация презентации>

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