1.3. Задание к лабораторной работе №1

Создать Web-страницу, содержащую 6 параграфов текста, выполненных различными типами шрифтов, различными цветами, имеющих различные вы­ключки (выравнивания):

– в начале документа должна стоять фамилия автора и знак авторского права;

– параграфы должны начинаться заголовками различных уровней и содержать от 5 до 10 строк текста. Каждый параграф начинается с абзацного отступа;

– ключевые слова в абзацах необходимо выделить с помощью логических или физических стилей;

– для отдельных абзацев текста создать цветной фон, используя для этих целей разнообразные механизмы каскадных стилей;

– написать математическую формулу, параметры которой включают верхние и нижние индексы.

Примечание.

1. Создание и редактирование текста выполняется при помощи редактора тек­стов Блокнот (Notepad).

2. Запуск страниц выполняется из Internet Explorer.

ЛАБОРАТОРНАЯ РАБОТА №2

Вставка графических изображений

2.1. Методические рекомендации

2.1.1. Вставка графики

Для вставки в документы изображений с целью повышения наглядности и привлекательности документов, а также для вставки рисунков-текстов, напри­мер, математических формул, которые трудно воспроизвести при помощи тек­ста, используется следующий тег:

<IMG SRC=”images/ris1.jpg”>.

Это минимальная форма, в которой ris1.jpg – это имя графического файла, вставляемого в документ, images – папка, в которой рекомендуется хранить все графические изображения.

Развернутая (максимальная) форма тега IMG имеет следующий вид:

<IMG SRC=”image1.jpg” LOWSRC=”image1-1.jpg”

ALT=”image1.jpg” WIDTH=… HEIGHT=… ALIGN=”left”

HSPACE=”20” VSPACE=”10” BORDER=”2” >.

Здесь:

– LOWSRC ­ ­– необязательный параметр, используемый для увеличения скоро­сти передачи графики. Файл image1-1.jpg содержит то же изображение, что и image1.jpg, но выполнен с низким разрешением. Этот файл загружается вме­сте с текстом, а затем уже загружается основное изображение;

– ALT – задает имя файла изображения, которое отображается при наведении курсора на ссылку. Особенно полезно, когда программа по каким-то причинам не находит файла изображения;

– WIDTH, HEIGHT – ширина и высота изображения в пикселах. Использова­ние этих атрибутов существенно ухудшает качество изображения и не обеспе­чивает более быстрой загрузки изображения, так как фактический размер файла изображения (в байтах) при этом не изменяется (качество не ухудшится, если точно выдержать соотношение размеров изображения по ширине и высоте);

атрибут ALIGN принимает значения:

left – обеспечивает выравнивание изображение по левому краю. При этом текст обтекает изображение и располагается справа;

right – обеспечивает выравнивание изображение по правому краю. При этом текст обтекает изображение слева;

top – выравнивает одну строку текста (например название рисунка) по верху изображения. При этом текст располагается слева или справа от изобра­жения, в соответствии с расположением текста относительно изображения в исходном тексте. Окончание строки определяется, как обычно, тегом <BR>;

bottom – выравнивание строки текста внизу изображения (по высоте);

middle – выравнивание строки текста по середине изображения (по вы­соте);

– HSPACE – горизонтальное поле (отступ в пикселах) вокруг изображения;

– VSPACE – вертикальное поле (отступ в пикселах) вокруг изображения;

– BORDER – ширина черной рамки вокруг изображения.

Замечание.

Анимационные GIF-файлы встраиваются в документ точно таким же обра­зом, и не требуют дополнительных параметров.