Информатика и выч. техника \ Информационные технологии и системы

Использование графики при разработке html-страниц, страница 4

Использовать картинку в качестве гиперссылки очень просто:

<A HREF="URL гиперссылки"> <IMG src="URL картинки"> </A>

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

Лабораторное задание
и порядок его выполнения

  1. Ознакомиться с основами технологии разработки html-документов и изучить средства HTML, приведенные в описании лабораторной работы.
  2. Скопировать на диск D или H директорию images со всем содержимым. В последствии при выполнении заданий располагать html-страницы рядом с этой директорией.
  3. Скопировать из текста пример html-страницы и изучить её работу. Изменить ширину окна web-браузера и понаблюдать за смещением картинок при этом. Объяснить наблюдаемые эффекты.
  4. С помощью редактора Notepad, написать собственные html-страницы с произвольным текстом, используя все описанные в работе возможности HTML. При создании страниц использовать картинки из директории images.

a.  Создать html-страницу и разместить на ней несколько картинок (3-4 штуки). Продемонстрировать возможности HTML по размещению картинок внутри текста. Сохранить документ в файл page1.htm.

b.  Создать html-страницу, фоном к которой служит картинка. Разместить на странице текст и ещё одну картинку. При выборе картинки для фона учитывать наличие у неё свойства стыковки с собой по границам. Сохранить документ в файл page2.htm.

c.  Создать html-страницу, содержащую баннер. В качестве другого сайта использовать одну из ранее разработанных html-страниц. Обеспечить выделение баннера жирной рамкой. Сохранить документ в файл page3.htm.

d.  Используя картинки ROWBOAT_small.gif и ROWBOAT_big.jpg или SUPERAV_small.gif и SUPERAV_big.jpg, создать html-страницу, позволяющую просмотреть увеличенное изображение при щелчке мышкой на маленьком изображении. При этом написать ТОЛЬКО ОДНУ (!!!) html-страницу. Сохранить документ в файл page4.htm.

Скачать файл