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

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-файл:

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

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

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

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

• когда таблица стилей описана в самом документе, она может располагаться в нем между тегами

1.2. Создание дизайна и единого стиля сайта на основе анализа информационных источников

Для разработки дизайна учитывался теоретический анализ литературных и Интернет-источников в процессе поиска информации о жизни, личных качествах, творчестве и изобретениях Леонардо да Винчи, об эпохе Возрождения. Найденная информация обобщалась и классифицировалась.

Изучив весь спектр талантов гения, мы сконцентрировали внимание на нескольких гранях его таланта и на важных этапах жизни и творчества. Особенно заинтересовали описания странных и загадочных для своего времени аппаратов. В эпоху Возрождения да Винчи едва ли мог рассчитывать на скорое воплощение в жизнь всех своих изобретений. Главным препятствием для их реализации был недостаточный технический уровень. Но в XX веке почти все аппараты, описанные в его трудах, стали реальностью. Это говорит о том, что «итальянский Фауст» был не только талантливым изобретателем, но и человеком, который смог предвосхитить технический прогресс. Конечно, этому способствовали глубокие познания Леонардо. Как бы то ни было, Леонардо да Винчи всегда остается для нас одним из величайших изобретателей всех времен и народов. Многие идеи воплотились в жизнь именно благодаря Леонардо. Ученый улучшил различные изобретения и, что еще более важно, смог придать им наглядность.

При разработке содержания сайта также учтено, что Леонардо да Винчи был талантливым художником.

Мастер оставил множество зарисовок к своим разработкам. И даже если идеи, приписываемые да Винчи, ему не принадлежат, нельзя отрицать, что ученый смог систематизировать огромный пласт знаний, донеся эти знания до потомков.

Создание дизайна сайта заняло целых три месяца. За основу фона были взяты научные записи и чертежи Леонардо да Винчи. Его цвет должен был сочетаться со всеми надписями и основной гаммой изображений. Была разработана специальная виньетка, дизайн надписей и отдельно строчные буквы каждого абзаца для создания единого стиля сайта. Все изображения подвергались обработке в специальной программе Adobe Photoshop для изменения гаммы тонов и качества изображений.