banner banner banner
Исследуем. Проектируем. Предлагаем
Исследуем. Проектируем. Предлагаем
Оценить:
Рейтинг: 0

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

Исследуем. Проектируем. Предлагаем

скачать книгу бесплатно

Исследуем. Проектируем. Предлагаем
Сборник статей

Сборник содержит материалы проектно-исследовательских работ лауреатов Московского фестиваля творческих открытий и инициатив «ЛЕОНАРДО». Объектом исследования авторов – учащихся 5–11 классов школ г. Москвы, активно занимающихся проектно-исследовательской деятельностью, являются различные аспекты науки и искусства.

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

Исследуем. Проектируем. Предлагаем Сборник проектно-исследовательских работ лауреатов ХIV Московского фестиваля творческих открытий и инициатив «ЛЕОНАРДО»

Предисловие

Фестиваль творческих открытий и инициатив «ЛЕОНАРДО» проводится с целью духовного, нравственного, эстетического воспитания и интеллектуального развития обучающихся через приобщение их к научной деятельности и организацию творческого общения детей, занимающихся проектно-исследовательской работой в различных областях знаний.

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

Члены Экспертного совета и Жюри Фестиваля исходят из понимания того, что каждый из участников и лауреатов Фестиваля еще только идет по пути овладения проектно-исследовательскими компетенциями. И его надо поддержать на этом пути.

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

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

• А что интересно мне понять в окружающем меня мире?

• В каком глобальном контексте может быть продуктивен для меня поиск?

• Как сформулировать личностно и социально значимую проблему?

• Какие решения уже предлагались (предлагаются)? Устраивают они меня?

• Что я могу предложить и что для этого могу сделать?

Поэтому Оргкомитет считает важным выпуск данного сборника и планирует продолжение подобной работы и в дальнейшем.

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

Работы участников Фестиваля даются в сокращении (все необходимые для презентации структурные элементы см. в Положении Московского фестиваля творческих открытий и инициатив «ЛЕОНАРДО»).

    Председатель Оргкомитета
    Московского фестиваля
    творческих открытий и инициатив «ЛЕОНАРДО»,
    доктор педагогических наук,
    профессор Института филологии МПГУ
    И. А. Подругина

Секция «Человек и инновационные технологии»

Разработка и создание веб-сайта «Леонардо да Винчи» с использованием 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 и привело к улучшению условий работы как для пользователей, так и для разработчиков.

На данный момент существует пять поколений языка. Последнее – HTML5, альтернативное название – WebApplications 1.0. Спецификация WebApplications 1.0 только развивается, и некоторые из упоминавшихся функций более полно разработаны, чем остальные. Вот весьма общее описание новых функций:

• новые элементы размещения, в том числе элемент управления «календарь», адресная карта, гибкая сеть данных, измерители и индикаторы хода выполнения, возможность перетаскивать файлы мышью и меню;

• программные расширения DOM (DocumentObjectModel, объектной модели документа), в том числе передаваемые сервером события DOM;

• формализация фактически стандартного объекта XMLHttpRequest, центрального фрагмента коммуникаций Ajax;

• динамическая растровая графика через элемент canvas.

Многое из описанного выше в современном Интернете нашло свое воплощение в функциях, реализованных в виде единичных разработок на JavaScript.

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом легким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

JavaScript является объектно-ориентированным языком, но используемое в языке прототипирование обуславливает отличия в работе с объектами по сравнению с традиционными класс-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам, – функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания, что придает языку дополнительную гибкость.

Несмотря на схожий с Си синтаксис, JavaScript по сравнению с языком Си имеет коренные отличия:

• объекты с возможностью интроспекции;

• функции как объекты первого класса;

• автоматическое приведение типов;

• автоматическая сборка мусора;

• анонимные функции.

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

jQuery – библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими.

jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

<head>

<script type="text/javascript" src="путь/к/jQuery.js"></script>

</head>

CSS (CascadingStyleSheets – каскадные таблицы стилей) – формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например к SVG или XUL.

Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS (по сути, формат CSS – это обычный текстовый файл. В файле не содержится ничего, кроме перечня правил CSS и комментариев к ним):

• когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега <link>, располагающегося в этом документе между тегами <head> и </head>:

<head>

<link rel="stylesheet" type="text/css" href="style.css">