Информатика и выч. техника \ Информационные технологии и системы

Использование списков и таблиц при разработке html-страниц, страница 6

          <P align=left>&lt;== Новый подход, основанный на использовании атрибутов тегов.<BR></P>

          Старый подход с использованием прозрачной картинки. ==&gt;

          </TD>

          <TD width=110 background=images/border_ie.gif align=left bordercolor=black>

              <IMG src=images/1x1.gif width=38 height=110 align=middle>

              <IMG src=images/umbrella.gif align=middle>

          </TD>

     </TR>

</TABLE></BODY>

</HTML>

Лабораторное задание
и порядок его выполнения

  1. Ознакомиться с основами технологии разработки html-документов и изучить средства HTML, приведенные в описании лабораторной работы.
  2. Скопировать на диск D или H директорию images со всем содержимым. В последствии при выполнении заданий располагать html-страницы рядом с этой директорией.
  3. Скопировать из текста пример html-страницы и изучить её работу. Изменить ширину окна web-браузера и понаблюдать за смещением картинок при этом. Объяснить наблюдаемые эффекты.
  4. С помощью редактора Notepad, написать собственные html-страницы с произвольным текстом, используя все описанные в работе возможности HTML. При создании страниц использовать картинки из директории images.

a.  Преобразовать заданный текст в html-страницу с использованием списков и сохранением стилей. Варианты заданий приведены ниже. Сохранить документ в файл page1.htm.

b.  Преобразовать заданную таблицу в html-страницу. Варианты заданий приведены ниже. Сохранить документ в файл page2.htm.

c.  Поместить картинку в картинку согласно варианту. Сохранить документ в файл page3.htm.

d.  Разработать html-страницу с навигатором и картой сайта в соответствии с вариантом. Сохранить документ в файл page4.htm.

  1. Продемонстрировать функционирование разработанных html-страниц преподавателю.
  2. Оформить отчет по результатам выполнения лабораторной работы.
Скачать файл