Графика

Вы познакомились с процессом создания текстовых файлов. Предлагаю рассмотреть форматы графических файлов, а также узнать, как вставлять изображения  в HTML– документ.

Минимальный элемент изображения на экране называется пиксел (рх).

Растровые форматы: GIF,  JPEG, PNG

Обрабатывать фото нужно в форматах TIFF,  BMP, а окончательный вариант обработанного изображения(фото) сохраняйте в формате JPEG.

Иллюстрации с  малым количеством цветов, четкими линиями или мелкими деталями лучше сохранять в формате GIF.

PNGуниверсальный формат.

Векторные форматы:

Flashформат способен хранить гипертекстовые ссылки, графику, анимацию и пр.

Информацию о растровых и векторных изображениях могут хранить метафайлы типа PDF

AdobePhotoshop, CorelDraw, Paint.NET – самые известные на сегодня графические редакторы.

Для встраивания изображения в документ используется единичный тег изображения IMG, имеющий единственный обязательный атрибут SRС, который определяет адрес файла (URL) с изображением. Адрес можно указывать абсолютный, например

<IMGSRC=http://www/eidos.ru/my.jpg>

и относительный, например

<IMGSRC= “my.jpg”>

Обязательный атрибут АLТ позволяет указать текст(в кавычках), который будет выводиться вместо изображения браузерами, неспособными представлять графику.

Атрибут ALIGN определяет положение изображения относительно окружающего его текста. Возможные значения аргумента:

 ALIGN=”left”  -слева,

ALIGN=”right” -справа,

ALIGN=”top” - вверху,

ALIGN =”middle” -посередине,

ALIGN =”bottom” –внизу.

Пример использования тега изображения:

<IMG SRC= “image.gif”ALT=””WIDTH=”100”HEIGT=”200”HSPACE=”10”VSPACE=”10”BORDER=”2” ALIGN =”left”  >

 

Серия сообщений "Информационные технологии":
Часть 1 - Основы веб-дизайна
Часть 2 - Основы веб-дизайна
...
Часть 5 - Основы веб-дизайна
Часть 6 - Основы веб-дизайна
Часть 7 - Основы веб-дизайна
Часть 8 - Основы веб-дизайна
Часть 9 - Основы веб-дизайна
...
Часть 16 - Навыки быстрого набора текста
Часть 17 - Горячие клавиши
Часть 18 - Intel "Обучение для будущего"