возврат

Дизайн картинок. Рамка

Практикум

Задание 1

Изготовить для иллюстраций рамки, используя средства HTML и CSS (без графического редактора).

Исходные иллюстрации (каталог с картинками назовёт учитель):

Вид рамок:

Результат работы сохраните в виде гипертекстовых страниц (отдельно для каждой иллюстрации). В качестве шаблона страницы используйте следующий код:

Посмотреть
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ru">
  <HEAD>
    <META http-equiv="Content-Type"
          content="text/html; charset=windows-1251">
    <META http-equiv="imagetoolbar" content="no">
    <LINK rel="stylesheet" type="text/css" href="main.css">
    <TITLE>Иллюстрация с рамкой</TITLE>
  </HEAD>

  <BODY bgcolor=white text=black 
        link=blue alink=red vlink=purple>

    <H2>Иллюстрация с рамкой</H2>
    <HR>

    <P>
<IMG src="pic/pic.gif">
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
Текст. Текст. Текст. Текст. Текст. Текст. Текст. 
  </BODY>
</HTML>

Задание 2

Подготовить для иллюстрации рамку с подписью в графическом редакторе.

Исходная иллюстрация (каталог с картинкой назовёт учитель):

Возможный вид иллюстрации после обработки:

Результат работы сохраните в виде гипертекстовой страницы, пользуясь заготовкой предыдущего задания.

Задание 3

Подготовить рамку для собственного фото в графическом редакторе.

Если фото нет, можно использовать следующие заготовки (каталог с картинками назовёт учитель):

Возможный вид после обработки:

Результат работы сохраните в виде гипертекстовой страницы, пользуясь заготовкой задания 1.

вверх | возврат