</head>
• когда таблица стилей описана в самом документе, она может располагаться в нем между тегами <style> и </style> (которые, в свою очередь, располагаются в этом документе между тегами <head> и </head>). Все правила этой таблицы действуют на протяжении всего документа.
1.2. Создание дизайна и единого стиля сайта на основе анализа информационных источников
Для разработки дизайна учитывался теоретический анализ литературных и Интернет-источников в процессе поиска информации о жизни, личных качествах, творчестве и изобретениях Леонардо да Винчи, об эпохе Возрождения. Найденная информация обобщалась и классифицировалась.
Изучив весь спектр талантов гения, мы сконцентрировали внимание на нескольких гранях его таланта и на важных этапах жизни и творчества. Особенно заинтересовали описания странных и загадочных для своего времени аппаратов. В эпоху Возрождения да Винчи едва ли мог рассчитывать на скорое воплощение в жизнь всех своих изобретений. Главным препятствием для их реализации был недостаточный технический уровень. Но в XX веке почти все аппараты, описанные в его трудах, стали реальностью. Это говорит о том, что «итальянский Фауст» был не только талантливым изобретателем, но и человеком, который смог предвосхитить технический прогресс. Конечно, этому способствовали глубокие познания Леонардо. Как бы то ни было, Леонардо да Винчи всегда остается для нас одним из величайших изобретателей всех времен и народов. Многие идеи воплотились в жизнь именно благодаря Леонардо. Ученый улучшил различные изобретения и, что еще более важно, смог придать им наглядность.
При разработке содержания сайта также учтено, что Леонардо да Винчи был талантливым художником.
Мастер оставил множество зарисовок к своим разработкам. И даже если идеи, приписываемые да Винчи, ему не принадлежат, нельзя отрицать, что ученый смог систематизировать огромный пласт знаний, донеся эти знания до потомков.
Создание дизайна сайта заняло целых три месяца. За основу фона были взяты научные записи и чертежи Леонардо да Винчи. Его цвет должен был сочетаться со всеми надписями и основной гаммой изображений. Была разработана специальная виньетка, дизайн надписей и отдельно строчные буквы каждого абзаца для создания единого стиля сайта. Все изображения подвергались обработке в специальной программе Adobe Photoshop для изменения гаммы тонов и качества изображений.
2. Разработка веб-сайта с помощью HTML, CSS и Java Script
Страницы проекта имеют следующую структуру: заголовок, на главной странице под заголовком размещены в таблице пять разделов основных этапов жизни и творчества Леонардо да Винчи, основная (содержательная) часть, дополнительные страницы (на второстепенных страницах размещены гиперссылки с переходом на разные страницы проекта).
Структура HTML документа главной страницы стандартная, состоит из контейнера <head>, в котором находятся метатег, определяющий кодировку страницы, ссылки на подключение таблиц CSS, скриптов, написанных на языке JavaScript, а также библиотеки jQuery:
<head>
<meta charset="utf8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Леонардо да Винчи| История жизни Леонардо| Его достижения</title>
<meta name="description" content="Великий Леонардо да Винчи. Рассказ о жизни и достижениях. Где родился Леонардо да Винчи, где жил и работал. Чем знаменит в истории." />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
</head>
В теле документа <body> описано содержимое страниц. Основным контейнером для содержимого сайта является <div>. Именно с помощью этого контейнера осуществлена разметка страниц. С помощью разнообразных идентификаторов и классов с различными свойствами были определены стили контейнеров. Для вставок картинок использовался стандартный тег <img>.
Заключение
Результаты работы над проектом:
• Изучены основы языка разметки гипертекста, элементы каскадных таблиц стилей, элементы веб-программирования.
• Получены навыки работы в графическом редакторе Adobe Photoshop, оптимизированы изображения на веб-страницах.
• Исследованы некоторые фильмы и художественные произведения о жизни и творчестве Леонардо да Винчи.
• Изучены основные подходы объектно-ориентированного программирования.
• Создан сайт в едином стиле для Фестиваля творческих открытий и инициатив «Леонардо».
Публикация в Интернете по адресу: leonardo-davinchi.ru
Применение проекта: данный веб-ресурс будет использоваться в следующем году в ходе мероприятий фестиваля «ЛЕОНАРДО», и планируется разработать анкету (форма на сайте) для сбора данных о заинтересованности потомками жизнью Леонардо да Винчи, его эпохой, его достижениями и исследованиями.
Дальнейшее развитие проекта:
1. Предстоит работа над появлением следующих интерактивных страниц сайта.
2. В перспективе изучение языка серверных скриптов PHP.
3. Предстоит дальнейшее пополнение контента сайта.
Литература
1. Волынский А. Л. Жизнь Леонардо да Винчи. М., 1997.
2. Гуковский М. А. Механика Леонардо да Винчи. М., 1947.
3. Зубов В. П. Леонардо да Винчи. 1452–1519. Изд. 2-е, доп. М., 2008.
4. Николл Ч. Леонардо да Винчи. Полет разума / пер. с англ. Т. Новиковой. М., 2006.
5. Пудик Я. Леонардо да Винчи. Шедевры графики. М., 2008.
6. Вокруг света. Энциклопедия. URL: http://vokrugsveta.ru/encyclopedia/ (дата обращения: 20.02.2018).
7. Полные и краткие биографии. URL: http://all-biography.ru/alpha/v/vinchi-leonardo-da-vinci-leonardo-da (дата обращения: 20.02.2018).
8. Леонардо да Винчи. URL: http://worldgenius.ru/ (дата обращения: 20.02.2018).
9. Леонардо да Винчи. URL: http://leovinci.ru/ (дата обращения: 20.02.2018).
10. Военная техника. Леонардо да Винчи. URL: http://leonardodavinchi.ru/voyna/ (дата обращения: 20.02.2018).
11. Для тех, кто делает сайты. URL: http://htmlbook.ru/ (дата обращения: 20.02.2018).
12. HTML5. URL: http://www.html-5-tutorial.com/index.htm (дата обращения: 20.02.2018).
13. Ruseller. URL: https://ruseller.com/ (дата обращения: 20.02.2018).
Геометрический умножатель