Разработка и создание веб-сайта «Леонардо да Винчи» с использованием HTML, CSS
Гончаров Антон
ГБОУ города Москвы «Школа № 1409»
Руководитель:
Вахитова Людмила Александровна, учитель математики и информатики
Введение
Более 500 лет гений Леонардо да Винчи (15 апреля 1452 – 2 мая 1519) является загадкой для людей. Художник и ученый, изобретатель, анатом, архитектор, скульптор, инженер, провидец, поэт – яркий пример «универсального человека».
В настоящее время очень востребованы различные веб-ресурсы: веб-сайты, интернет-магазины, приложения для мобильных устройств и другие. Современные пользователи Интернета экономят время, работая на онлайн-сервисах банков, городских порталах и приложениях мобильных устройств.
Мы проанализировали имеющиеся сайты в Интернете и пришли к выводу, что те сайты, которые так или иначе связаны с Леонардо да Винчи, не отражают всю многогранность его личности, нет ни одного сайта в едином стиле.
Наша школа № 1409 является одним из учредителей Московского фестиваля творческих открытий и инициатив «ЛЕОНАРДО». Необходим сайт для изучения участниками Фестиваля жизни, творчества и изобретений Леонардо да Винчи. Тема является актуальной, ведь интерес к изобретениям и личности Леонардо да Винчи не ослабевает даже в наш век 3D-технологий, вдохновляет на творчество, проектную деятельность и вызывает желание воспроизвести технические изобретения Леонардо, которые он не успел реализовать при жизни.
Цель: разработка единого дизайна сайта, создание цифрового веб-ресурса и размещение его в Интернете.
В настоящее время дизайн представляется важной составной частью системы общего образования, поскольку заключает в себе фундаментальные методы познания, необходимые во всякой деятельности.
Задачи:
1. Изучение аналогичных продуктов в Интернете.
2. Изучение языков для создания веб-сайтов.
3. Разработка дизайна сайта, соответствующего эпохе Возрождения и работам Леонардо да Винчи.
4. Разработка единого стиля всех страниц веб-сайта.
5. Подбор содержания главной страницы и вкладок.
6. Создание кода главной и дополнительных страниц сайта.
7. Добавление счетчика посещений.
8. Выбор провайдера и размещение сайта в сети Интернет.
Объект изучения: языки создания веб-страниц HTML, Java Script и CSS, программные среды Adobe Photoshop, MS Power Point и блокнот NotePad++.
Среда разработки: блокнот NotePad.
Методы исследования:
1. Анализ и изучение литературы по html-конструированию, веб-дизайну и материалов сети Интернет.
2. Анализ фильмов и литературы. Поиск и обобщение информации о жизни и творчестве Леонардо да Винчи.
3. Моделирование структуры сайта.
4. Html-конструирование и программирование.
Способы оценки результата (анкетирование пользователей):
1. Информативность и грамотность подачи информации.
2. Дизайн сайта.
3. Навигация по сайту.
4. Наличие обратной связи.
Этапы работы:
• Определение темы работы.
• Постановка цели и задач проекта.
• Подбор информации на основе литературных источников и Интернета.
• Разработка структуры сайта.
• Разработка общего дизайна сайта.
• Изучение необходимых элементов HTML.
• Изучение основных тегов и атрибутов и способов работы с ними.
• Интегрирование веб-страниц.
• Дополнение сайта Java Script и CSS.
• Отладка программных кодов на сайте.
• Добавление счетчика посещений.
• Размещение сайта в глобальной сети Интернет.
1. Теоретическая часть проекта
1.1. Общий обзор технологий создания веб-сайтов
HTML – это язык разметки веб-страниц, который интерпретирует их содержимое для браузеров и отображает пользователям Интернета сайты в нужном виде.
Простота изучения HTML и возможность просмотра исходного кода браузерами увеличила его популярность. Привлечение консорциума W3C (WorldWideWebConsortium) к стандартизации HTML обеспечило то, что все веб-браузеры в большей или меньшей степени совместимы с одним и тем же диалектом. Появление CSS и связанный с этим рост веб-проектов, основанных на этом стандарте как передовом опыте, предотвратило хаос в HTML и привело к улучшению условий работы как для пользователей, так и для разработчиков.
