Локальная сеть Подключение кабелей Волоконнооптические кабели Кабели для локальных сетей Адаптеры Ethernet Скорость передачи данных Информационные технологии

Лабораторные работы по курсу Информационные технологии. Технологии защиты информации

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

Создание изысканных фреймов. Управление параметрами шрифта.

1. Цель работы: Изучение основ языка HTML и управления параметрами шрифта.

2. Постановка задачи: Разработать Web-страницу, включающую фреймы с невидимыми границами (или воспользоваться фреймом, составленным в лабораторной работе №8). Применить управление шрифтом документа с использованием дескриптора <basefont> и контейнера <font>….</font>. Применить в информационных файлах неподвижный фоновый рисунок.

3. Управление параметрами Web-страницы

  1) Для создания жесткого фрейма с невидимыми границами (без полосы прокрутки) используется дескрипторы:

<frameset cols=35%, * border=0>

где, border=0 – отмена границ.

В индексном файле indxLr11.html вместо имеющейся строчки, написать строку <frameset cols =35%,* border=0 >.

 2) Для создания полос прокрутки в обоих частях фрейма, в индексном файле необходимо написать следующее (индексный файл нужно пересохранить под именем indxLr11_.html, и страничку запустить уже с него):

<frameset cols = "*, 2* ">

<frame src= "LeftFrame.html" name="f0" scrolling=yes>

<frame src= "RightFrame.html" name="f1" scrolling=yes>

Здесь, если yes заменить на auto , то полоса прокрутки будет появляться по мере необходимости.

  3) Чтобы границу фрейма невозможно было перетащить, необходимо записать следующее:

<frameset cols = "*, 2* ">

<frame src= "LeftFrame.html" name="f0" scrolling=yes>

<frame src= "RightFrame.html" name="f1" scrolling=yes>

<frame src= RightFrame.html noresize>

</frameset>

  4) Для того, чтобы фоновый рисунок сделать неподвижным, используется дескриптор <body backcolor>:

<body backcolor=fon.gif bgproperties=fixed>

  5) Для того, чтобы ко всему документу применить определенные свойства шрифта применяется только открытый дескриптор:

<basefont face=”Arial Cyr” size=3>

Всего размеров 7, 1 – самый мелкий.

Применим это для файла LeftFrame.html. Эту строчку необходимо написать сразу после открытого дескриптора <html>.

6) Чтобы задать для фрагмента текста другой шрифт необходимо записать:

<font face= “Times New Roman Cyr” size =-1> ………. </font>,

где size =-1 – относительная зависимость размера шрифта.

Применим это на примере файла RightFrame.html. Фрагмент кодировки:

<body>

Прикладная информатика <br><br>

20 октября 2005 года <br><br>

<font face= "Bookman Old Style", size =-1> Кафедра "Технология машиностроения" </font>

</b>

<br>&nbsp;

</body>

</html>

4. Содержание отчета:

- 1. Цель работы - краткая формулировка поставленной цели.

2. Постановка задачи – формулирование задачи в соответствии с индивидуальным заданием.

- 3. Порядок выполнения - определяются действия, необходимые для выполнения данной работы.

- 4. Описание разработанного документа:

-  название файла (файлов), его размер (-ы),

- отразить кодировку и синтаксис всех используемых дескрипторов.

- 5 Результат работы:

структура (внешний вид) документа полученного в результате работы;

анализ полученных результатов.

Выводы – краткая характеристика работы и полученных результатов (отвечают на поставленную цель). В выводах отметить результаты работы.


На главную