Разработка статических html-документов (6 часов)
1. ЦЕЛЬ РАБОТЫ
Ознакомление со структурой html-документов, изучение основных тэгов языка HTML. Получение практических навыков подготовки и публикации html-документов с табличной разметкой.
2. КРАТКАЯ ТЕОРЕТИЧЕСКАЯ СПРАВКА
2.1 Структура HTML-документа
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
или
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Эта строка позволяет браузеру определить, как правильно интерпретировать данный документ. В данном случае HTML-документе соответствует международной спецификации версии 3.2 (или 4.01).
После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Любой HTML-документ открывается тегом <HTML> и им же закрывается </HTML>.
Между тегами <HTML> и </HTML> размещается заголовок и тело документа.
Структура типового HTML-документа приведена ниже:
Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента <HEAD>, а тело – элементом <BODY>.
Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент <TITLE>). Размещение заголовка в теле документа (или наоборот) совершенно недопустимо. Сначала закрываем заголовок </HEAD>, и лишь затем открываем тело <BODY>.
|
|
Тело документа – именно в нем находится все то, что отображается на странице: текст, картинки, таблицы.
2.2 Заголовок HTML-документа
Создается с помощью элемента HEAD, между тегами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа.
Элементы, относящиеся к заголовку документа:
- | HEAD | Определяет начало и конец заголовка документа |
- | TITLE | Определяет имя всего документа, которое отображается в заголовке окна браузера |
- | BASE | Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа |
- | STYLE | Используется для вставки в документ таблицы стилей CSS |
- | LINK | Описывает взаимосвязь документа с другими объектами |
- | META | Используется для вставки метаданных |
- Элемент HEAD. Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе.
- Элемент TITLE. Определяет имя всего документа. Имя отображается в заголовке окна браузера. Элемент обязателен для любого html-документа и может быть указан не более одного раза.
|
|
-Элемент STYLE. Используется для вставки в документ таблицы стилей (CSS – Cascade Style Sheet). Имеет следующие атрибуты:
TYPE – обязательный атрибут. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого атрибута является "text/css".
TITLE – определяет имя создаваемой таблицы стилей. Необходим, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.
Кроме непосредственного описания стилей внутри заголовка может использоваться файл «.css».
-Элемент LINK. Элемент LINK описывает взаимосвязь документа с другими документами на сайте, указывая его место в иерархической структуре сайта. Элемент не имеет конечного тега. В заголовке может содержаться несколько элементов LINK. Имеет следующие атрибуты:
HREF – определяет URL объекта.
REL – определяет тип взаимосвязи текущего документа с объектом, определенным атрибутом HREF. Возможные значения:
stylesheet – указывает на файл, содержащий таблицу стилей (CSS) для текущего документа. Браузер загрузит css-файл с указанного в атрибуте HREF адреса и применит его к текущему документу.
|
|
home – указывает на заглавную страницу вашего сайта
toc, contents – указывают на файл, содержащий оглавление данного документа.
index – указывает на файл, содержащий информацию для индексного поиска по текущему документу.
glossary – указывает на файл, содержащий перечень терминов, относящихся к текущему документу.
copyright – указывает на страницу сайта, в которой говорится о его создателях, авторских правах и т.п.
up, parent – указывает на "родительскую" страницу (документ, стоящий на ступеньку выше в иерархической структуре вашего сайта).
child – указывает на "дочернюю" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта).
next – указывает на следующую страницу в последовательности документов (напр. следующую страницу электронного каталога, документации или словаря).
previous – указывает на предыдущую страницу в последовательности документов.
last, end – указывает на последнюю страницу в последовательности документов.
first – указывает на первую страницу в последовательности документов.
help – указывает на страницу с подсказкой (напр. по навигации по вашему сайту).
type – определяет MIME-тип для объекта, указанного в атрибуте HREF.
|
|
Элемент LINK, к сожалению, используется web-мастерами довольно редко, чаще всего только для внедрения CSS из отдельного файла. Почти все браузеры игнорируют информацию о положении документа в структуре сайта – эта информация интересна только индексирующим роботам поисковых систем.
-Элемент META. Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тега. Имеет следующие атрибуты:
name – определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.
http-equiv – определяет имя мета-записи. Практически аналогичен атрибуту NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке.
content – присваивает значение мета-записи, определенной в атрибуте NAME (или HTTP-EQUIV).
2.3 Тело документа
Тело документа создается с помощью элемента BODY.
Элемент BODY указывает начало и конец тела HTML-документа. Между начальным и конечным тегами содержится текст документа, изображения и таблицы. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Элемент BODY должен встречаться в документе не более одного раза. Может иметь следующие атрибуты:
marginheight – определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Netscape.
topmargin – определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.
marginwidth – определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Netscape.
leftmargin – определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer.
background – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.
bgcolor – определяет цвет фона документа.
text – определяет цвет текста в документе.
link – определяет цвет гиперссылок в документе.
alink – определяет цвет подсветки гиперссылок в момент нажатия.
vlink – определяет цвет гиперссылок на документы, которые вы уже просмотрели.
Значения атрибутов BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
Атрибуты BGCOLOR и TEXT всегда используются одновременно. Если один из этих атрибутов не указан, браузер по умолчанию будет использовать цвет из текущей цветовой схемы Windows.
2.4 Таблицы
Таблицы в HTML формируются построчно. Сначала c помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.
Следует отметить, что таблицы используются не только для отображения таблиц как таковых, но и для дизайна. С помощью таблиц можно создать невидимый "каркас" страницы, помогающий расположить текст и изображения так, как необходимо.
Элементы для создания таблиц:
- | TABLE | Создает таблицу |
- | CAPTION | Задает заголовок таблицы |
- | TR | Создает новый ряд (строку) ячеек таблицы |
- | TD и TH | Создает ячейку с данными в текущей строке |
-Элемент TABLE. Элемент для создания таблицы. Обязательно должен иметь начальный и конечный теги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD, TH и CAPTION. Для данного возможно использование следующих атрибутов:
align – определяет способ горизонтального выравнивания таблицы. Возможные значения: left, center, right. Значение по умолчанию – left.
valign – должен определять способ вертикального выравнивания таблицы. Возможные значения: top, bottom, middle.
border – определяет ширину внешней рамки таблицы (в пикселах). При border="0" или при отсутствии этого атрибута рамка отображаться не будет.
cellpadding – определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.
cellspacing – определяет расстояние (в пикселах) между границами соседних ячеек.
width – определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
height – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
bgcolor – определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
background – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
Если атрибут HEIGHT указать равным 100%, то старые версии Internet Explorer будут создавать таблицу высотой чуть превышающей высоту окна браузера. Чтобы этого избежать, можно пожертвовать рамкой таблицы, указав BORDER="0".
-Элемент TR. Создает новый ряд (строку) ячеек таблицы. Ячейки в ряду создаются с помощью элементов TD и TH. Возможны следующие атрибуты:
align – определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right.
valign – определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle.
bgcolor – определяет цвет фона для всех ячеек данного ряда. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
-Элемент TD и TH. Элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок. Возможны следующие атрибуты:
align – определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH – центрирование.
valign – определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (если значение этого атрибута не было задано ранее в элементе TR.
width – определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.
height – определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к высоте таблицы.
colspan – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
rowspan – определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
nowrap – блокирует автоматический перенос слов в пределах текущей ячейки. Обратите внимания на примечание, касающееся использования данного атрибута.
bgcolor – определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
background – заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка. Данный атрибут не работает в старых версиях браузера Netscape (до 3.X включительно).
Границы ячейки отображаются только в том случае, когда она имеет некое содержание. Чтобы получить пустую ячейку с границами, достаточно поместить в нее специальный символ или маленькую прозрачную gif-картинку.
2.5 Гиперссылки
- Элемент гиперссылок <a>. Самый необходимый элемент, без которого Интернет просто немыслим – это гиперссылки. Для создания и использования гипертекстовых ссылок применяется тег <a>. Основные атрибуты тэга <a>:
HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного атрибута. Возможные значения:
http://... – создает ссылку на www-документ;
ftp://... – создает ссылку на ftp-сайт или расположенный на нем файл;
mailto:... – запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком "&";
news:.. – создает ссылку на конференцию сервера новостей;
telnet://... – создает ссылку на telnet-сессию с удаленной машиной;
wais://... – создает ссылку на WAIS – сервер;
gopher://... – создает ссылку на Gopher – сервер;
Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки. Например, линк <A HREF="docs/title.html">Документация</A> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего). Если необходимо подняться на один уровень вверх, то используется линк следующего вида <А HREF="../index.htm">На главную</A>
NAME – помечает находящуюся между начальным и конечным тегами область документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа.
Например: <A NAME="part">Раздел1</A>. Теперь вы можете ссылаться на помеченную область простым указанием ее имени после имени документа. Например, линк <A HREF="document.html#part">Раздел1</A> отправит вас в раздел "part" файла document.html, а линк <A HREF="#bottom">В конец документа</A> – в раздел "bottom" текущего документа. (см. Пример 1)
TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезевированных имен:
_self – указывает, что определенный в атрибуте HREF документ должен отображаться в текущем фрейме;
_parent – указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм;
_top – указывает, что документ должен отображаться в окне-родителе всей текущей фреймовой структуры;
_blank – указывает, что документ должен отображаться в новом окне.
2.6 Форматирование текста
-Элементы H1,H2,...H6. Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы. Возможные атрибуты:
ALIGN – определяет способ выравнивания заголовка по горизонтали.
Возможные значения: left, right, center.
-Элемент P. Используется для разметки параграфов. Возможные атрибуты:
ALIGN – определяет способ горизонтального выравнивания параграфа.
Возможные значения: left, center, right. По умолчанию имеет значение left.
-Элемент DIV. Используется для логического выделения блока HTML-документа. Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф. Возможные атрибуты:
ALIGN – определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center.
-Элемент ADDRESS. Находящийся между начальным и конечным тегами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.
-Элемент BR. Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе.
-Элемент HR. Вставляет в текст горизонтальную разделительную линию. Возможные атрибуты:
WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE – определяет толщину линии в пикселах.
ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:
left – выравнивание по левому краю документа.
right – выравнивание по правому краю документа.
center – выравнивание по центру документа (используется по умолчанию).
NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.
COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.
2.7 Объекты HTML-документа
-Элемент IMG. Используется для вставки изображений в HTML-документ.
Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Элемент IMG не имеет конечного тега. Возможны следующие атрибуты:
SRC – обязательный атрибут. Указывает адрес (URL) файла с изображением.
HEIGHT и WIDTH – определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).
HSPACE и VSPACE – определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом.
ALIGN – обязательный атрибут. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:
left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top и texttop – выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle – выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle – выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
NAME – определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.
ALT – определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.
BORDER – определяет ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.
LOWSRC – указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в атрибуте SRC. Браузеры Netscape, поддерживающие данный атрибут, сначала загрузят картинку из LOWSRC, a затем заменят ее картинкой из SRC.
2.8 Форматирование текста
-Элемент FONT. Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Возможные атрибуты тега:
SIZE – определяет размер шрифта. Возможны цифровые целые значения от 1 до 7 или относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT.
COLOR – определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
FACE – определяет используемый шрифт.
-Элемент I. Текст, заключенный между начальным и конечным тегами, будет выделен курсивом.
-Элемент B. Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом.
-Элемент U. Данный элемент отображает помещенный между начальным и конечным тегами текст как подчеркнутый.
-Элемент UL. Создает неупорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.
-Элемент OL. Создает упорядоченный список. По аналогии с UL между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка. Возможны следующие атрибуты:
START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа)
TYPE – определяет стиль нумерации пунктов. Может иметь значения:
"A" – заглавные буквы A, B, C ...
"a" – строчные буквы a, b, c ...
"I" – большие римские числа I, II, III ...
"i" – маленькие римские числа i, ii, iii ...
"1" – арабские числа 1, 2, 3 ...
По умолчанию <UL TYPE="1">.
3. ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ
3.1. Разработайте структуру html-документа в соответствии с заданием.
3.2. Откройте текстовый редактор Блокнот.
3.3. Напишите код html-документа.
3.4. Сохраните текстовый файл.
3.5. Измените расширение текстового файла на *.htm или *.html.
3.6. Откройте созданный html-документ в различных браузерах. Проверьте корректность отображения документа, при необходимости откорректируйте исходный код.
3.7. Сохраните и покажите преподавателю результаты работы.
4. СОДЕРЖАНИЕ ОТЧЕТА
Отчет оформляется индивидуально и содержит:
- титульный лист;
- наименование, цель и содержание работы;
- код html-документа
- изображения экранов монитора с результатами работы;
- выводы по результатам работы.
5. ВАРИАНТЫ ЗАДАНИЙ
Разработать html-документ (несколько html-документов) или сайт визитку в соответствии с заданным номером варианта. Предусмотреть навигацию между документами и внутри документа (при необходимости), ссылки на внешние ресурсы. Оформление страницы должно быть лаконичным и гармоничным.
1. HTML-документ с расписанием группы на неделю. Цветом выделить занятия, которые проводятся только на чётной неделе.
2. HTML-документ с календарем на текущий месяц. Цветом выделить выходные (суббота и воскресенье) и праздничные дни.
3. HTML-документ являющийся визиткой группы.
4. HTML-документ являющийся визиткой кафедры.
5. HTML-документ являющийся визиткой факультета.
6. HTML-документ являющийся визиткой университета.
7. HTML-документ с информацией о вашем хобби.
8. HTML-документ с информацией учебных заведениях региона.
9. HTML-документ с информацией о предприятиях радиотехнического профиля региона.
10. HTML-документ с информацией о вас и ваших увлечениях.
11. HTML-документ с основными тэгами языка HTML.
12. HTML-документ с информацией (включая графическое представление) о структуре документов на HTML.
13. HTML-документ с информацией о составе и структуре ЭВМ (включая графическое представление).
14. HTML-документ с информацией о поисковых системах, включая ссылки на них.
15. HTML-документ с информацией о вашей будущей фирме и её контактными данными (включая интерактивный адрес электронной почты).
16. HTML-документ с информацией о операторах мобильной связи региона, включая ссылки на их сайты.
17. HTML-документ с информацией о провайдерах сети Интернет, включая ссылки на их сайты.
18. HTML-документ с информацией о электронных библиотеках, включая ссылки на их сайты.
19. Сайт-визитка о вас и ваших увлечениях из 3-х и более страниц. Предусмотреть ссылки на внешние ресурсы сети Интренет.
20. Сайт-визитка о студенческой жизни: учебная и внеучебная деятельности. Предусмотреть ссылки на внешние ресурсы.
6. КОНТРОЛЬНЫЕ ВОПРОСЫ
1. Что такое гипертекстовые документы?
2. Укажите при помощи каких средств и инструментов возможна разработка гипертекстовых документов.
3. Отобразите структуру html-документа.
4. Перечислите основные составные части html-документа.
5. Для чего нужен элемент Doctype? Каково его содержание?
6. В чем особенность табличной разметки html-документов?
7. Перечислите основные тэги используемые при создании таблиц.
8. Каким образом задаются цвета элементов html-документа? Какое количество базовых цветов?
9. Укажите назначение и атрибуты тэга HR.
10. Перечислите основные элементы форматирования текста.
РЕКОМЕНДУЕМАЯ ЛИТЕРАТУРА
1. Степанов А.Н. Информатика. Базовый курс. Учебник для ВУЗов. - Издательство "Питер", 2007. – 768с.
2. Острейковский, В.А. Информатика : учебник для вузов / В.А.Острейковский .— 3-е изд.,стер. — М. : Высш.шк., 2005 .— 511с. : ил. — Библиогр.в конце кн. — ISBN 5-06-003533-6 /в пер./ : 128.74.
ЛАБОРАТОРНАЯ РАБОТА 9
Дата добавления: 2018-04-15; просмотров: 210; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!