Министерство образования красноярского края
Краевое государственное автономное профессиональное образовательное учреждение
«Техникум индустрии гостеприимства и сервиса»
Научно-исследовательская работа
Компьютерное моделирование фракталов для кондитерского производства
Научный руководитель:
Маркелова О.В., преподаватель информатики и математики
г. Красноярск 2019 год
Содержание
Введение
1. Основная часть
1.1 Основные понятия html
1.2 Коктейли
2. Старейшее историческое упоминание о коктейле «Виски сауэр» -- публикация в газете ВисконсинаWaukesha Plain Dealer (США) в 1870 году
Заключение
Введение
Актуальность
В интернете существует большое количество сайтов с рецептами популярных коктейлей, но не все из представленных напитков возможно изготовить в домашних условиях в виду того, что они содержат ингредиенты, непродающиеся, в обычных магазинах. На моём сайте все представленные коктейли отобраны по следующим параметрам:
Доступность ингредиентов
Простота в изготовлении
Внешний вид напитка
Проблема
Существует большое количество интернет ресурсов, содержащих рецепты коктейлей, но их ассортимент не отобран по доступности ингредиентов и простоте изготовления в домашних условиях.
Цель работы
Цель работы заключается в том, чтобы разработать сайт рецептов алкогольных коктейлей из доступных ингредиентов.
Гипотеза
Знаний студента КГАПОУ «Технику Индустрии Гостеприимства и Сервиса» будет достаточно для разработки простейшего сайта если:
Изучить литературу по сайтостроению
Проанализировать и выбрать рецепты коктейлей по следующим параметрам:
Доступность ингредиентов
Простота в изготовлении
Внешний вид напитка
Составит HTML код страницы
Задачи проекта
Изучить литературу
Проанализировать рецепты коктейлей и отобрать наиболее простые и доступные
Закодировать HTML страницу
Наполнить страницу информацией
Запустить страницу в браузере
1. Основная часть
1.1 Основные понятия html
Веб-страница -- документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера. Типичная веб-страница представляет собой текстовый файл в формате HTML, который может содержать ссылки на файлы в других форматах, а также гиперссылки для быстрого перехода на другие веб-страницы или доступа к ссылочным файлам.
HTML -- «язык гипертекстовой разметки») -- стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Не является языком программирования.
Тег, теги -- элемент языка разметки гипертекста. Текст, содержащийся между начальным и конечным тегом, отображается и размещается в соответствии со свойствами, указанными в начальном теге.
Атрибуты тега -- у тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Они записываются в виде сочетания: имя атрибута-значения, причём текстовые значения заключаются в кавычки.
Виды тегов
Теги структуры:
<html> -- Тег <html> является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <html> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Закрывающий тег <html> должен всегда стоять в документе последним. веб-страницы, включая теги <head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <html> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Закрывающий тег <html> должен всегда стоять в документе последним.
Атрибуты:
title -- Добавляет всплывающую подсказку на веб-страницу.
manifest -- Указывает файл манифеста, необходимый для создания оффлайнового приложения.
xmlns -- Указывает пространство имен для XHTML-документов.
<head> -- Тег <head> предназначен для хранения других элементов, цель которых -- помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к мета тегам для получения описания сайта, ключевых слов и других данных.
Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title> устанавливающего заголовок окна веб-страницы.
Внутри контейнера <head>допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.
Атрибуты:
profile -- Указывает адрес профиля метаданных.
<body> -- Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.
Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.
Часто тег <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.
Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.
Атрибуты:
alink -- Устанавливает цвет активной ссылки.
background -- Задает фоновый рисунок на веб-странице.
bgcolor -- Цвет фона веб-страницы.
bgproperties -- Определяет, прокручивать фон совместно с текстом или нет.
bottommargin -- Отступ от нижнего края окна браузера до контента.
topmargin -- Отступ от верхнего края окна браузера до контента.
leftmargin -- Отступ по горизонтали от левого края окна браузера до контента.
rightmargin -- Отступ от правого края окна браузера до контента.
link -- Цвет ссылок на веб-странице.
scroll -- Устанавливает, отображать полосы прокрутки или нет.
text -- Цвет текста в документе.
vlink -- Цвет посещенных ссылок.
Теги форматирования шрифта:
<font> -- Тег <font> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.
Атрибуты:
color -- Устанавливает цвет текста.
face -- Определяет гарнитуру шрифта
size -- Задает размер шрифта в условных единицах.
<u> -- Добавляет подчеркивание к тексту. Этот тег осуждается спецификацией HTML, взамен рекомендуется использовать стили.
Атрибуты:
нет
<b> -- Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Атрибуты:
Для этого тега доступны универсальные атрибуты и события.
<i> -- Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Атрибуты:
Для этого тега доступны универсальные атрибуты и события.
<sub> --
<sub> -- Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
Атрибуты:
Для этого тега доступны универсальные атрибуты и события.
<sup> -- Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Атрибуты:
Для этого тега доступны универсальные атрибуты и события.
Теги форматирования обзацев:
<p> -- Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Атрибуты:
align(right, left, justify) -- Определяет выравнивание текста.
Пример: <p align = “right”>
Тег оформления таблиц:
<table> -- Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr>и <td>. Внутри <table>допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.
Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.
Атрибуты:
align -- Определяет выравнивание таблицы.
background -- Задает фоновый рисунок в таблице
bgcolor -- Цвет фона таблицы.
border -- Толщина рамки в пикселах.
bordercolor -- Цвет рамки.
cellpadding -- Отступ от рамки до содержимого ячейки.
cellspacing -- Расстояние между ячейками.
cols -- Число колонок в таблице.
frame -- Сообщает браузеру, как отображать границы вокруг таблицы.
hight -- Высота таблицы.
rules -- Сообщает браузеру, где отображать границы между ячейками.
summary -- Краткое описание таблицы.
width -- Ширина таблицы.
Тег вставки изображений:
<img> -- Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег <img>.
Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.
Атрибуты:
align -- Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.
alt -- Альтернативный текст для изображения.
border -- Толщина рамки вокруг изображения.
heigh -- Высота изображения.
hspace -- Горизонтальный отступ от изображения до окружающего контента.
ismap -- Говорит браузеру, что картинка является серверной картой-изображением.
longdesc -- Указывает адрес документа, где содержится аннотация к картинке.
lowcrs -- Адрес изображения низкого качества.
src -- Адрес изображения низкого качества.
vspace --Вертикальный отступ от изображения до окружающего контента.
width -- Ширина изображения.
usemap -- Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.
1.2 Коктейли
Глинтвемйн (нем. Glьhwein (глювайн) от glьhender Wein -- горячее вино) -- горячий алкогольный напиток на основе красного вина, нагретого до 70-80 градусов с сахаром и пряностями (специями). Традиционно употребляется в Австрии, Германии, Швейцарии, Чехии на рождественских базарах и праздниках, проводящихся на открытом воздухе.
Первые рецепты близкого к глинтвейну напитка были известны в Древнем Риме. Тогда вино смешивали с пряностями, но не нагревали. Настоящее горячее вино появилось во времена средневековья в странах Северной Европы и Центральной Европы. Напиток изготавливался на основе бордо или другого красного вина и сдабривался травой галангал.
Для глинтвейна идеально подходят красные сухие или полусухие некрепкие вина. В некоторых рецептах глинтвейна в него добавляют коньяк или ром. Содержание алкоголя по правилам, установленным в Германии, не должно быть меньше 7 %. Существует два основных способа приготовления глинтвейна: с использованием воды и без.
Способ приготовления без воды:
Глинтвейн производят посредством нагревания (70~78 °C) вина вместе с сахаром и пряностями. Нагревание производится на среднем огне при периодическом помешивании, после чего нужно дать глинтвейну настояться под крышкой 40--50 минут, аромат специй раскрывается постепенно. Не доводите глинтвейн до кипения. Пряности лучше использовать не молотые, иначе не удастся отфильтровать напиток, и он будет скрипеть на зубах. Как правило, в глинтвейн добавляют корицу, гвоздику, лимонную корку, бадьян, мёд, имбирь. Могут быть использованы чёрный перец, душистый перец, лавровый лист, кардамон. Также могут быть добавлены яблоки, изюм, орехи.