1.3. Знакомство с графическими объектами
Графика делает сайт привлекательным и понятным. В файле grafika.htm записан следующий текст.
<HTML>
<HEAD>
<TITLE> Графика</TITLE>
</HEAD>
<BODY> <IMG SRC=horse.gif >
</BODY>
</HTML>
Тег <IMG SRC=/путь/файл.gif> записывают в том месте, которое предназначено для размещения диаграммы, графика, рисунка или фотографии. В данном примере рисунок появится в левом верхнем углу экрана, так как он - единственный элемент тела HTML-документа.
Справа от знака равенства записывают имя gif-файла, хранящего графический объект. В данном примере это имя horse.gif записано без указания пути, так как файлы horse.gif и grafika.htm находятся в одной папке. Если бы файл horse.gif находился в папке dir1, вложенной в папку, содержащую файл grafika.htm, то справа от знака равенства следовало бы записать dir1/horse.gif.
Задание 1.3.1. Используя файл grafika.htm как исходный, создать в рабочей папке файл grafika1.htm, содержащий два одинаковых рисунка.
Задание 1.3.2. При наличии в рабочей папке gif-файлов создать файл grafika2.htm, содержащий произвольный графический объект.
1.4. Создание gif-файлов
Для размещения графики на сайте необходимы gif- или jpg-файлы. Но графический редактор Paint, поставляемый фирмой Microsoft, не позволяет создавать файлы с расширением .gif или .jpg. Поэтому можно использовать, например, графический редактор LView Pro, работающий под операционными системами Microsoft Windows 95 и Windows NT. Редактором LView Pro следует прочесть bmp-файл, созданный посредством Paint, и сохранить его как gif- или jpg-файл.
Создадим сначала bmp-файл. Для этого нужно уяснить и выполнить следующие действия.
-
Запустить приложение Paint, используя кнопку или клавишу “Пуск”: ПУСК => ПРОГРАММЫ => СТАНДАРТНЫЕ => Paint
-
Вернуться в окно текстового процессора MS Word, содержащее данную методичку, щелкнув мышью по кнопке
на панели задач. -
Создать новое окно текстового процессора MS Word, используя команду операционного меню {Окно, Новое окно} или щелкнув мышкой по кнопке
инструментального меню “Стандартное”. -
Командой операционного меню {Окно, Упорядочить все} разместить на дисплее сразу два окна: с методичкой и новое. Курсор должен находиться в новом окне.
-
Командой операционного меню MS Word {Вставка, Рисунок...} открыть диалоговую панель “Вставить рисунок”.
-
Из списка wmf-файлов в левой части диалоговой панели выбрать щелчком мыши файл 1stplace.wmf. Рассмотреть рисунок, появившийся в правой части диалоговой панели.
-
Повторяя действия, указанные в пункте 6, просмотреть несколько рисунков.
-
Выбрать понравившийся многоцветный рисунок, щелкнув по кнопке OK в левой нижней части диалоговой панели. Этот рисунок появится в новом окне MS Word.
-
Расположить указатель мыши на рисунке и щелкнуть левой клавишей мыши.
-
Скопировать рисунок в буфер обмена, используя команду операционного меню {Правка, Копировать} или щелкнув мышкой по кнопке
инструментального меню “Стандартное”. -
Закрыть окно с рисунком, используя клавишную команду [Ctrl_F4]. Сделать максимальными размеры окна с методичкой, щелкнув мышью по кнопке максимизации размеров этого окна.
-
Перейти в окно графического редактора Paint, щелкнув мышью по кнопке
на
панели задач. -
Вставить рисунок из буфера обмена, используя команду операционного меню Paint {Edit, Paste}.
-
Сохранить рисунок в рабочей папке, используя команду операционного меню Paint {File, Save} и выбрав расширение 24-bit Bitmap.
Редактором LView Pro прочтем bmp-файл, созданный посредством Paint, и сохраним его как gif-файл, уяснив и выполнив для этого следующие действия.
-
Запустить проводник, используя кнопку или клавишу “Пуск”: ПУСК => ПРОГРАММЫ => ПРОВОДНИК.
-
На диске D: открыть папку LWPRO и запустить редактор LView Pro двойным щелчком на имени файла Lviewpro.exe.
-
Прочесть bmp-файл, созданный посредством Paint, используя команду операционного меню LView Pro {File, Open}.
-
Сохранить рисунок в рабочей папке как gif-файл, используя команду операционного меню LView Pro {File, Save as} и выбрав тип файла GIF87a.
Задание 1.4.1. Создать в рабочей папке файл grafika3.htm, который аналогичен файлу grafika1.htm, рассмотреному в задании 1.3.1, и содержит gif-рисунок, записанный посредством LView Pro.
Задание 1.4.2. Включить в документ grafika3.htm еще один gif-рисунок, отличающийся от указанного в задании 1.4.1.
Задание 1.4.3. Прочитать из папки Windows любой bmp-файл, преобразовать его в gif-рисунок и включить в документ grafika3.htm.