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

Цель:разработка единого дизайна сайта, создание цифрового веб-ресурса и размещение его в Интернете.

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

Задачи:

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 имеет ряд свойств, присущих функциональным языкам, – функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания, что придает языку дополнительную гибкость.