Практическая по дисциплине компьютерные сети интернет мультемедии и технология по теме :Технология создания Web-документов

2

Практическая по дисциплине компьютерные сети интернет мультемедии и технология по теме :Технология создания Web-документов

Использование изображений для оформления страниц сайта.

Теория

1.Вставка рисунка

На Web-страницы можно помещать изображения, хранящиеся в графических файлах трех форматов - GIF, JPEG и PNG.

Для вставки изображения используется тэг с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете.

2.Выравнивание рисунка

Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN, который может принимать пять различных значений:

• bottom - нижняя граница картинки выравнивается по окружающему тексту (по умолчанию)

• left - по левому краю окна. Текст обтекает справа

• middle - центр картинки по базовой линии текущей строки

• right - по правому краю окна. Текст обтекает слева

• top - верх картинки выравнивается по самому высокому элементу строки

3.Изменение размера изображения

Изменить размеры рисунка можно с помощью атрибутов: width - задает ширину картинки и height задает высоту картинки.

Атрибут border задает границы картинки.

логотип" Width=500 height=500 border=4/

5.В своей папке создайте папку image, в которой вы будете сохранять все файлы изображений, для вставки на Web-страницы. Найдите в Интернете фотографию символа театра (символ театра - это маски) и сохраните в папке image. Вставьте фотографию на Web-страницу в файл glavn.htm.

Чтобы рисунок был по центру, его надо заключить в тег

Уменьшите размеры рисунка в 2 раза по ширине и высоте, написав width=50% и height=50%.

Увеличьте пространство вокруг рисунка сверху и снизу, написав vspace=20 и hspace=20.

Создайте альтернативный текст, который появится под указателем мыши при наведении на картинку, написав alt= "драматический театр".

Создайте вокруг рисунка обрамляющую рамку: border=5.

В итоге у вас может появиться, например, такой тег, напишите его после тегов форматирования заголовка (перед списком театров):

CENTER

Если рисунок окажется слишком маленьким, поэкспериментируйте с соответствующими атрибутами.

2. Самостоятельно создайте HTML-документы для всех театров, называя их a1.htm, a2.htm, a3.htm, взяв за основу файл glavn.htm. Измените заголовок, фотографию театра, вместо списка театров вставьте небольшой текст про театр и выровняйте его по ширине. Фотографии театров и текст берите из Интернета. Фотографии театров сохраняйте в папке image. Копирование фрагментов текста из Интернета осуществляйте через опции «Копировать» и «Вставить».

3. Сохраняйте, созданные Вами файлы a1.htm, a2.htm, a3.htm в своей папке.