· Браузеры «понимают» три графических формата – gif, jpg, png.
Формат gif.
Картинки в этом формате поддерживают 256 цветов. Этот формат имеет дополнительные возможности:
1) Мультипликация. Используя анимационный GIF-редактор, легко собрать простой мультик (нарисовать отдельные кадры, настроить время задержки и последовательность показа, «зациклить» кино или показывать кадры только один раз). Когда анимация готова, она записывается на диск как обычный gif-файл. В HTML нет различия в выводе на экран простого gif-файла или анимационного.
2) Прозрачная графика. GIF-формат позволяет один или несколько цветов в картинке объявить прозрачными. Это помогает избавиться от строго прямоугольных иллюстраций и вписывать рисунок в документ более привлекательно. Прозрачный цвет задается в редакторе (GIF-редактор или FOTOSHOP) при записи файла на диск.
Формат jpg.
Этот формат был разработан специально для передачи фотографий. Он поддерживает миллионы цветов и позволяет получать изображения очень высокого качества. Но это отражается на увеличении объема файлов.
Графические файлы желательно хранить в отдельной папке.
· Оформление фона:
атрибут background=”имя файла” – для тегов <BODY>, <TABLE>, <TD>)
· Вставка рисунков:
<IMG src=”имя файла” width=число height=число> - имя файла – путь к файлу с рисунком, width – ширина рисунка в пикселях, height – высота рисунка в пикселях.
· Задание:
а) Создать папку для рисунков Image;
б) Скопировать в папку Image файлы с понравившимися рисунками и фонами;
в) Создать html-документ следующего содержания:
o оформить фон страницы;
o в ячейки, помеченные *, вставить рисунки, указав размеры рисунка;
o в ячейки, помеченные +, вставить текст пояснения к соответствующим рисункам и оформить фон ячейки.
+ | * |
* | + |
+ | * |
г) Сохранить файл с именем index5.html в рабочей папке;
д) Просмотреть результат в обозревателе Internet Explorer.