Создание HTML-страниц

Отчет

по учебной дисциплине:

«Информационные технологии в дизайн-проектировании»

Лабораторная работа № 4

Выполнил:

студент группы ФИТ/БО120-1/1a

Богданова М.А.

Проверил:

доцент

Катасонова Г.Р.

Санкт-Петербург - 2015

Лабораторная работа №4

Создание HTML-страниц

1. Набираем программу в Блокноте, сохраняем файл под именем «first1.html» и просматриваем документ в браузере (рис. 1).

2. Задаём программу в Блокноте, сохраняем её под именем «Color.htm» и просматриваем в браузере. (рис. 2).

3. Набираем в Блокноте программу, сохраняем файл под именем «table.htm» и просматриваем в браузере. (рис. 3).

4. Задаём в Блокноте программу, сохраняем файл под именем «table2.htm» и просматриваем в браузере. (рис. 4).

5. Набираем в Блокноте текст программы и сохраняем файл «spisok.htm». (рис. 5).

6. Задаём в Блокноте программу, сохраняем её под именем «anchor.htm» и просматриваем в браузере. (рис. 6).

7. Набираем в Блокноте программу, сохраняем её под именем «picture.htm» и просматриваем в браузере. (рис. 7).

8. Задаём в Блокноте программу, сохраняем её текст под именем «picture2.htm» и просматриваем её в браузере. (рис. 8).

9. Набираем программу в Блокноте, сохраняем её под именем «map11.htm» и просматриваем в браузере. (рис. 9).

Рисунок 1 – Создание HTML-странички

с картой ссылок в HTML

Рисунок 2 – Работа с цветами и шрифтами в HTML

Рисунок 3 – Работа с таблицами в HTML

Рисунок 4 – Работа с вложенными таблицами в HTML

Рисунок 5 – Работа со списками в HTML

Рисунок 6 – Работа со ссылками в HTML

Рисунок 7 – Работа с рисунками в HTML

Рисунок 8 – Расположение картинок на странице HTML

Рисунок 9 – Работа с картой ссылок в HTML