Для выполнения лабораторной работы необходимо определиться с фреймовой структурой и создать количество web-документов, соответствующих количеству фреймов во фреймовой структуре.
Останавливаемся на структуре, состоящей из трех фреймов
Пропишем файл, определяющий нашу фреймовую структуру
· начнем с классической формулы
<HTML>
<HEAD>
<TITLE>Управление рисками</TITLE>
</HEAD>
</HTML>
· после тега </HEAD> вставить тег <FRAMESET> с параметромROWS,который делит фреймовую структуру горизонтально на два фрейма
…ROWS="22%,*"…,
· для разделения фреймов задать
BORDER=”1”,
· положить web-документ в верхний фрейм
<FRAME SRC="2.RM1.htm">
· разделить нижний фрейм на два вертикальные
<FRAMESET COLS="25%,75%" BORDER=”1” >
· положить два web-документа в полученные фреймы,
в левый фрейм документ 9.Menu.htm,в правый- 3.Home.htm,
дав имя фрейму
…NAME="frame"…
В случае, если используемая версия не поддерживает фреймы, вставить тег
<NOFRAMES>данная версия не поддерживает фреймы</NOFRAMES>
· закрыть все теги
</FRAMESET>
Сохранить полученный документ под именем 1proect.htm.
После формирования фреймовой структуры, перейти к созданию документов
· 2.RM1.htm
· 9.Menu.htm
· 3.Home.htm
которые нужно будет вставить во фреймовую структуру
На одном из логических дисков создать рабочую фамильную папку.
Задание 1 Создание докумета 2.RM1.htm
Создать WEB-страницу, соответствующую заголовку сайта (УПРАВЛЕНИЕ РИСКАМИ).
УПРАВЛЕНИЕ РИСКАМИ
1. С помощью команды главного меню Windows Программы|Стандартные|Блокнотзапустить приложение «Блокнот», предназначенное для редактирования текста в формате ACSII символов. Для того, чтобы текст документа размещался в окне «Блокнота» полностью, включить режим Перенос по словам (меню Формат «Блокнота»).
2. Создать в блокноте новый файл, содержащий текст пустого документа HTML:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Сохранить файл под именем 2 RM1.htm в рабочей папке. В рабочей папке должен появиться файл со значком . Просмотреть пустую web-страницу, соответствующую файлу
2 RM1.htm в браузере MS Internet Explorer. Проанализировать содержимое заголовка браузера (в заголовке отображается имя файла с указанием пути к нему).
Перейти в режим редактирования web-страницы
3. Отредактировать web- страницу. В качестве заголовка страницы (содержимое тэга TITLE) ввести текст УПРАВЛЕНИЕ РИСКАМИ
<TITLE> УПРАВЛЕНИЕ РИСКАМИ </TITLE>
Сохранить произведенные изменения.
4. Перейти в окно браузера и просмотреть в нем отредактированную web-страницу, нажав кнопку Обновить на панели инструментов браузера. Проанализировать произошедшие в строке заголовка окна браузера изменения (в заголовке отображается содержимое тэга TITLE).
5. Поместить в тело страницы информацию:
из папки Images вставить картинку, хранящуюся в графическом файле risk.gif, для этого после тега <BODY> вставить непарный тэг IMG с указанием имени графического файла и пути к нему:
<IMG SRC=”images/ risk.gif”>
· для ускорения загрузки страницы с графикой браузером при ее открытии указать в тэге IMG величину графического изображения WIDTH="130"( пикселей -ширина изображения) и HEIGHT="105" (высота изображения)
· расположить текст заголовка рядом с изображением, для чего задать обтекание изображения текстом с помощью параметра ALIGNтэга IMG. Задать для параметра ALIGN значение left, чтобы изображение находилось слева от текста. Просмотреть результат.
· текст строк заголовка выделить крупным шрифтом, отличающимся от используемого по умолчанию на четыре позиции, для этого заключить фрагмент текста в тэг FONT, указав параметр размера шрифта SIZE:
<FONTSIZE=”+4”> УПРАВЛЕНИЕ РИСКАМИ</FONT>
По умолчанию используется шрифт размером 3.
· изменить цвет текста заголовка, добавив в тэг FONT параметр COLOR с выбранным значением
· выделить текст заголовка жирным шрифтом, заключив его в тэг B внутри тэга FONT.
<FONTSIZE=”+4” COLOR="#008000"><B> УПРАВЛЕНИЕ РИСКАМИ</B> </FONT>
· отцентрировать всю информацию, заключив ее в контейнерный тэг CENTER.
ВНИМАНИЕ! Следует строго соблюдать вложенность тэгов по принципу LIFO (последний вошел - первый вышел). Закрывающая часть вложенного тэга должна обязательно размещаться в теле ранее открытого тэга-контейнера.
Задание 2 Создание докумета 9.Menu.htm
Создать WEB-страницу, соответствующую навигации (МЕНЮ)
Внешний вид этой странице имеет вид:
· О нас
· Идентификация рисков
· Анализ
· Контакты
· Анкета
1. Аналогично заданию 1 с помощью команды главного меню Windows Программы|Стандартные|Блокнот запустить приложение «Блокнот», предназначенное для редактирования текста в формате ACSII символов. Для того, чтобы текст документа размещался в окне «Блокнота» полностью, включить режим Перенос по словам (меню Формат «Блокнота»).
2. Создать в блокноте новый файл, содержащий текст пустого документа HTML:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Сохранить файл под именем 9.Menu.htm в рабочей папке. В рабочей папке должен появиться файл со значком . Просмотреть пустую web-страницу, соответствующую файлу 9.Menu.htm в браузере MS Internet Explorer. Проанализировать содержимое заголовка браузера (в заголовке отображается имя файла с указанием пути к нему).
Перейти в режим редактирования web-страницы
3. Отредактировать web- страницу. В качестве заголовка страницы (содержимое тэга TITLE) ввести текст МЕНЮ
<TITLE> МЕНЮ</TITLE>
Сохранить произведенные изменения.
4. Перейти в окно браузера и просмотреть в нем отредактированную web-страницу, нажав кнопку Обновить на панели инструментов браузера. Проанализировать произошедшие в строке заголовка окна браузера изменения (в заголовке отображается содержимое тэга TITLE).
5. Вставить картинку хранящуюся в графическом файле risks11.gif, из папки Images, для этого
· после тега <BODY> вставить непарный тэг IMG с указанием имени графического файла и пути к нему:
<IMG SRC=”images/ risks11.gif”>
· для ускорения загрузки страницы с графикой браузером при ее открытии указать в тэге IMG величину графического изображения WIDTH="120"( пикселей -ширина изображения) и HEIGHT="120" (высота изображения)
· задать горизонтальные отступы вокруг изображения с помощью параметра HSPACE тэга IMG.
· Всю предыдущую информацию отцентрировать, вставив ее в контейнерный тег <CENTER>,перевести на другую строку.
6. Оформить навигацию в виде списка, для этого
· cоздать контейнер тега <UL>
· в нем сформировать набор строк, соответствующих гиперссылкам, разделяя строки одиночным тегом <BR>
О нас
Идентификация рисков
Методы воздействия на риск
Анализ
Контакты
Анкета
· прописать каждую строку контейнерным тегом <LI>
· оформить каждую строку в виде гиперссылки, соблюдая правило LIFO ( закрывающая часть вложенного тэга должна обязательно размещаться в теле ранее открытого тэга-контейнера), например,
<LI><A HREF="3.home.htm" TARGET="frame"><B>
О нас</B></A></LI>,
выделив название гиперссылки посредством контейнерного тега <B>
· задать способ вывода информации посредством параметра TARGET тега <А>, значение которого определяется именем фрейма из файла 1proect.htm, описывающего фреймовую структуру сайта,
· оформить гиперссылки в цвете, взяв контейнер <UL> в тег <font>, увеличив шрифт на 1
<FONT SIZE="+1" COLOR="#008000">…..< /FONT >
Просмотреть результат через браузер .
Задание 3 Создание докумета 3.Home.htm
Создать web-страницу, соответствующую первой гиперссылки в навигации О нас, которая ляжет в правый фрейм при загрузке фреймовой структуры
Внешний вид этой странице имеет вид:
«Если мы не будем управлять рисками, они начнут управлять нами...»