Проект создания HTML страниц с общей тематикой "Сайт моей школы"
В процессе проведения работы над исследовательским проектом по информатике на тему "Проект создания HTML страниц с общей тематикой "Сайт моей школы" автор расширила знания о структуре web-сайта, изучила виды, выбрала оптимальный вариант, нашла подходящий способ разработки, а также составила алгоритм действий и создала тематический веб-сайт.
Подробнее о работе:
В готовом исследовательском проекте по информатике на тему "Проект создания HTML страниц с общей тематикой "Сайт моей школы" автор сделала выводы о том, что чем сложнее и качественнее сайт, тем больше времени нужно потратить на его разработку; современный, индивидуальный дизайн – неотъемлемая часть его разработки; легче и быстрее создать сайт в онлайн среде, чем с помощью одного языков программирования.
Оглавление
Введение
- Паспорт проекта
- Этапы работы над проектом
- SWOT-анализ
- Возможные эффекты проекта
- Структура сайта
Вывод
Список использованных источников
Приложения:
a) Приложение 1 (рис.1-2)
b) Приложение 2 (рис.3-4)
c) Приложение 3 (рис.5-6)
d) Приложение 4 (рис.7-8)
Введение
Веб-сайт (web-site), где web — означает паутина или сеть, а site — место. Некое единое, связанное с другими местами пространство, заполненное содержанием. Мощные серверы или хостинги - без перебойно обеспечивают вход и просмотр содержимого страницы.
Какие же существуют варианты создания собственных, простых, одностраничных сайтов-визиток? Рассмотрим некоторые из них, обозначив достоинства и недостатки каждого.
1. Сервисы создания сайтов
Потребуется всего лишь зарегистрироваться и при помощи конструктора или уже готового шаблона создать сайт. Невероятно просто, быстро, удобно и даже развлекательно. Существенными минусами могут стать платность данных сервисов, медлительность, множество ограничений в выборе и отсутствие уникальности у готового продукта.
2. HTML
Основной язык разметки, используемый для создания сайта. Код готового продукта состоит из последовательности множества тегов, определяющих для браузера расположение тех или иных обьектов, например текста, графики, аудио и видео контента. Такой метод довольно не прост, ведь необходимо обладать дополнительными знаниями. Тем не менее, в отличии от конструкторов, сайт будет обладать меньшим весом, индивидуальным дизайном. Будет абсолютно бесплатным и практически не уязвимым ко взлому.
Рассмотрев оба способа, отдаю предпочтение второму. Сегодня интернет стал повседневностью. Новых “мест” во всемирной паутине все больше, по этому растет спрос именно на интересный, неповторимый дизайн.
Паспорт проекта
Название проекта: «Сайт-визитка»
Руководитель: Афонина Елена Григорьевна
Тип проекта: практико-ориентированный, информационный.
Противоречие: существование большого количества онлайн сервисов и дополнительных программ для редактирования веб-страниц, но они пригодны только для шаблонных сайтов.
Проблема: поиск оптимального способа авторского оформления сайтов.
Цель работы: создание тематического веб-сайта-визитки.
Задачи работы:
- Узнать структуру web-сайта.
- Изучить виды, выбрать оптимальный вариант.
- Найти подходящий способ разработки.
- Составить алгоритм действий.
- Создать тематический веб-сайт.
Результат проекта (продукт): тематический, уникальный интернет-ресурс.
Этапы работы над проектом
Этапы работы над проектом | Содержание работы | Деятельность обучающегося | Временные рамки |
Подготовительный | Определение темы. Формулировка цели, задач, проблемы и противоречия проекта | Согласовать тему и содержание проекта с руководителем | Сентябрь – Ноябрь 2022 |
Организационный | Поиск информации, обучающих пособий, проектирование структуры сайта | Проанализировать различные источники, составить план работы, структуру сайта | Октябрь – Ноябрь 2022 |
Практический | Верстка сайта, поиск возможных недостатков. Выявление и обсуждение возникающих решений, работа над проектом | Написание кода сайта согласно составленной схеме и плану работы | Ноябрь – Февраль 2023 |
Аналитический | Анализ готовой части проекта, доработка, устранение замечаний с учетом отзывов | Проведение самоанализа проделанной работы, выявление недоработок, недостатков и устранение их | Февраль - Март 2023 |
Презентационный | Составление презентации, публичное представление готового продукта | Презентация готового программного продукта | Март – Май 2023 |
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 с.
Приложения