Порядок выполнения работы

1. Откройте Paint.

2. В Paint создайте рисунок размером 150х300 точек и сохраните его в папку D:\Users\...\Web\ Lab11\ в формате JPG под именем pic.

3. Откройте Блокнот.

4. Создайте файл каскадной таблицы стилей, в которой сделайте, чтобы:

· фон имел цвет lightsteelblue;

· заголовки первого уровня выводился шрифтом Arial, разряженным, синего цвета;

· заголовки второго уровня выводился шрифтом Courier New, разряженным, зелённого цвета;

5. В каскадную таблицу стилей добавьте следующий код:

.mmm {

position: absolute;

left: 400px;

top: 50px;

width: 150px;

background: #e0e0e0;

border: 2px solid #000;

padding: 5px;

}

.nnn {

position: absolute;

left: 0;

top: 0;

width: 380px;

background: #00a5b6;

color: white;

padding: 5px;

padding-right: 90px;

text-align: justify;

}

.ppp {

position: relative;

left: 50;

top: 200;

width: 200px;

background: #efe68d;

color: blue;

padding: 20px;

}

6. Сохраните файл в папку D:\Users\...\Web\ Lab11\ с именем mycss.css.

7. Создайте HTML-документ. Сохраните файл в папку D:\Users\...\Web\ Lab11\ с именем index11.html.

8. Подключите к HTML-документу созданную таблицу стилей.

9. В HTML-документ используя тэг <DIV> создайте три блока:

· 1-ый использующий стиль nnn;

· 2-ой использующий стиль mmm;

· 3-ий использующий стиль ppp.

Для подключения стиля используйте атрибут class.

10. В первом блоке создайте:

· заголовок первого уровня "Лабораторная работа №11";

· надпись, содержащую название дисциплины;

· горизонтальную линию;

· текущую дату.

11. Во втором блоке создайте:

· заголовок второго уровня "Разработчик";

· надпись, содержащую Ваше Ф.И.О., название факультета, группу.

12. В третьем блоке:

· создайте заголовок второго уровня "Фото";

· вставьте рисунок pic, сделайте, чтобы рисунок не выходил за рамки блока.