| |
ML, содержащий тег , изменив в нем значения
атрибутов:
width=102 height=io так, чтобы данный элемент принял следующий вид:
Когда вы обновите изображение в браузере, то увидите примерно то же, что и на
Рис. 3.7.
Добро пожаловать на страничку
компании ГЕОТОН!
Здесь Вы узнаете о нашей деятельности, о
программных продуктах нашей компании и об
оборудовании, которое мы производим
а Done вд My Computel
Рис. 3.7. Размер рисунка уменьшен в шесть раз
Графика для Web-страниц
Однако такое масштабирование не имеет особого смысла и не рекомендуется, так
как
при уменьшении значений атрибутов width и height размер файлов с графикой не
уменьшается, и время их загрузки не изменяется. Уменьшать размеры изображения
нужно
в графическом редакторе. При увеличении же масштаба рисунка его качество обычно
заметно ухудшается. Следует помнить, что атрибуты width и height не
предназначены
для автоматического изменения размера изображения программами просмотра и
должны
использоваться для указания реального размера рисунка. Вместе с тем, увеличение
размеров
можно применять с целью оптимизации рисунков, состоящих из однотонных областей
или линий, как об этом говорилось выше.
J№2. Графика большого размера
Часто бывает необходимо вставить на Web-страницу рисунок или фотографию
большого
размера. Очевидно, что файл, содержащий подобный рисунок или фотографию, будет
большого объема, и его загрузка потребует значительного времени.
Такой рисунок большого размера BG.JPG вы можете найти на прилагаемом к книге
компакт-
диске в папке \Web\ChapO3\web. Вставим этот рисунок в документ geoton.html,
поместив его в начале Web-страницы.
>• Установите связь с Интернетом и скопируйте рисунок BG.JPG с компакт-диска в
каталог вашего сайта, например, на geoton.narod.ru, как это описано в главе 2
этой книги.
>• В файле geoton.html, открытом в окне программы Блокнот (Notepad), вставьте
пустую
строку после открывающего тега и введите следующий код HTML:
> Сохраните файл geoton.html на диске.
>• Обновите изображение в окне браузера. Начнется загрузка файла, которая
займет
некоторое время, в зависимости от качества вашей линии связи.
Обратите внимание, как изображение появляется на экране. Так как данный файл
записан в
стандартном формате JPEG, то в отличие от рисунка, сохраненного в формате
GIF89a, вывод
на экран происходит
|
|