|
ГРАФИКА В ИНТЕРНЕТ
Так уж повелось, и ничего не поделаешь, что основательно утвердившимися форматами в HTML стали GIF и JPEG, это произошло из за их свойства сжимать и вообще уменьшать размер файлов с рисунками. Не буду объяснять вам как делать сжатые и маленькие изображения, сами разберитесь, лучше разбирайтесь в COREL DRAW, там как то попроще, а потом можете перейти на ADOBE FOTOSHOP, скажу лишь, что создавать анимацию можно лишь в GIF формате.
Я вам лучше расскажу как размещать готовые изображения на страничке. Необходимо знать, что изображения хранятся на WEB узле отдельно от файла странички. Для этой цели существует специальный тег < IMG >, а его атрибутом является SRC="X" X, где X это URL адрес изображения, как всегда полный или относительный. Но как вы знаете многие люди ходят по интернету с выключенной функцией отображения графики, и для информирования таких людей сущёствует атрибут ALT="X", где X это произвольная строка, так называемый альтернативный текст, который появится во всплывающем окне при наведении на рисунок курсора, если рисунки включены, или заменяют собой рисунки. Пример ниже:
Этот рисунок встроен при помощи следующего кода: <img src="prim.gif" alt="рисунок для примера" >, файл рисунка находится в той же папке, что и файл страницы.В моём примере очень бросается в глаза то, что изображение слегка конфликтует с текстом, что происходит из за того, что браузер рассматривает рисунок как большую букву, и в итоге коробит всю строку.
Для избежания этого часто рисунки оформляют как отдельный абзац. А ещё, если рисунок небольшой можно попытаться выровнять его по вертикали относительно остальной строки, при помощи атрибута ALIGN=, и его значений TOP, BOTTOM, MIDDLE, в первом случае рисунок выравнивается по нижней части строки, во втором варианте по верхнему краю, а в третьем по центру.
Можно задать тексту обтекать рисунок, что достигается при помощи атрибута ALIGN=, со значением LIFT или RIGHT.
Можно так же указать размеры места отведённого под рисунок, при помощи атрибутов WIDTH и HEIGHT, если они будут заданы, то рисунок будет отмасштабирован, пример приведенного выше рисунка, с указанными размерами области:
Графические гиперссылки
Интересную возможность создания графических гиперссылок предоставляет нам HTML, для этого при создании гиперссылок нужно вместо текста-гиперссылки указать тег < IMG >, со всеми атрибутами, что создаст графическую гиперссылку. Пример:
Как видите, вокруг графической гиперссылки создаётся рамка, для того что бы убрать её если вам это нужно следует употребить атрибут BORDER="X", где X это число-толщина рамки, чтоб убрать рамку следует указать BORDER="0", аналогично можно создать рамку вокруг любого изображения.GIF анимация вставляется в документ аналогично обыкновенным рисункам.
А вот для вставки всяческих других примочек существует парный тег OBJECT, основным его атрибутом является DATA="X", где X адрес файла, который будет запущен,
<OBJECT data="C:\Мои документы\Мои музыкальные записи \beck.asf"> То что между открывающим и закрывающим тегами интерпретируется как обычный текст HTML, если нельзя отобразить сам файл, при этом тег<OBJECT> игнорируется. </OBJECT>
Этот тег применяется для вставки в страницы различных не стандартных элементов, таких, как музыкальные файлы, или AVI файлы и т.д.
Далее, в пятую часть
Хостинг от uCoz