Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний університет «Львівська Політехніка»
Інститут комп’ютерних технологій автоматики та метрології
Кафедра захисту інформації
Звіт
Про виконання лабораторної роботи № 3
«Програмування web-сторінок з використанням фреймів, навігаційних панелей, та таблиць стилів »
з дисципліни
« Робота в інтернеті»
Львів 2008р.
Мета: Створення сайту з використанням фреймів, навігаційних панелей, та таблиць стилів
Завдання:
Створіть сайт з фреймами на базі описаних прикладів, методом їх введення за допомогою текстового редактора і відтворення у броузері
схема розміщення фреймів
Теми сторінок:
1.Автобіографія
2.Сім‛я
3.Подорожі
4.Мій університет
5.Фотоальбом
Варіант
Розмір лівого фрейму
Висота верхнього фрейму
Висота нижнього фрейму
11
200п
85п
24%
Текст main:
<HTML>
<HEAD>
<TITLE>
пробний сайт з фреймами
</TITLE>
</HEAD>
<FRAMESET COLS="200,*">
<FRAMESET ROWS="85,*">
<FRAME SRC="topframe.html"
NAME="top"
SCROLLING="auto"
FRAMEBORDER="1"
BORDER="15"
MARGINHIGHT="10"
MARGINWIDTH="10"
NORESIZE
BORDERCOLOR="blue">
<FRAME SRC="leftframe.html"
NAME="left"
SCROLLING="auto"
FRAMEBORDER="1"
BORDER="15"
MARGINHIGHT="10"
MARGINWIDTH="10"
NORESIZE
BORDERCOLOR="blue">
</FRAMESET>
<FRAMESET ROWS="*,24%">
<FRAME SRC="rightframe.html"
NAME="right"
SCROLLING="auto"
FRAMEBORDER="1"
BORDER="15"
MARGINHIGHT="10"
MARGINWIDTH="10"
NORESIZE
BORDERCOLOR="blue">
<FRAME SRC="bottomframe.html"
NAME="bottom"
SCROLLING="auto"
FRAMEBORDER="1"
BORDER="15"
MARGINHIGHT="10"
MARGINWIDTH="10"
NORESIZE
BORDERCOLOR="blue">
</FRAMESET>
</FRAMESET>
</TITLE>
</HTML>
Текст bottomframe:
<HTML>
<HEAD>
<TITLE>Це мій верхній лівий фрейм</TITLE>
</HEAD>
<BODY BGCOLOR="Red"TEXT="Black">
<CENTER><H2><U>вВироблено в домашніх умовах. Виробник: Кулик Анастасія. Розмноженню і копіюванню не підлягає!!!</U><H2></CENTER>
</BODY>
Текст leftframe:
<HTML>
<HEAD>
<TITLE>Це мій лівий фрейм</TITLE>
</HEAD>
<BODY BGCOLOR="Blue"TEXT="green">
<H2>Сайт Анастасії</H2>
<H4><U>
<A HREF="FILE1.HTML"TARGET="right">
Моя біографія</A><BR>
<A HREF="FILE2.HTML"TARGET="right">
Сім"я</A><BR>
<A HREF="FILE3.HTML"TARGET="right">
Подорожі</A><BR>
<A HREF="FILE4.HTML"TARGET="right">
Мій університет</A><BR>
<A HREF="FILE5.HTML"TARGET="right">
Фотоальбом</A><BR>
</U></H4>
</BODY>
</HTML>
Текст rightframe:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="purple" TEXT="lime">
<FONT FASE="tahoma" SIZE +4 COLOR="blue">
<CENTER><B><I><U><H1>
Маленька розповідь
</H1></U></I></B></CENTER>
<LEFT><B><I><HR></I></B>
Я,Кулик А.П. народилася 26.03.1991р. в м.Мукачево в Закарпатській обл.
Зараз я навчаюся в Національному університеті "Львівська політехніка" на першому курсі кафедри Захисту інформації.
Навчання досить цікаве, хоч і важке:)
</LEFT><B><I><HR></I></B>
</FONT>
<P><EMBED SRC="D:\ЛАБА\АННА.wav">
<A HREF="D:\ЛАБА\АННА.wav"><U>ПРОХАННЯ</U>COLOR="lime" Тицьніть ТуТка :) </A>
<P>
<IMG SRC="D:\ЛАБА\ЯЯЯ.JPG" ALIGN="CENTER" WIDTH=250 HEIGHT=290 BORDER=10>
<P>
<LEFT>
На фото , що знаходиться вище, можна побачити мене з моїм хлопцем. Ми обоє студенти,
про життя студентів мож розказувати дуже довго. Найбільше часу більшість студентів проводить в ліжку або на вулиці з пляшкою пива
в руці. Також всі знають студентів, як "вічноголодних" і це не дивно, адже холодильники пусті вже на наступний день після приїзду
з дому, а гроші всі витрачають на пиво:):):)
<P><LH><U>
Мої улюблені заняття:</U></LH>
<UL>
<LI>Слухати хорошу музику;
<LI>Добре поспати;
<LI>їздити в гори з ночівлею;
</UL>
</LEFT>
<CENTER>
<TABLE BORDER=4
BGCOLOR="yellow"
BORDERCOLOR="purple">
<P><CAPTION ALLIGN="bottom"><I>Таблиця моїх оцінок</I></CAPTION>
<TR><TH>предмет</TH>
<TH>оцінка</TH>
</TR>
<TR><TH ALIGN="left">фізика</TH>
<TD>3</TD>
<TR>
<TR><TH ALIGN="left">математичний аналіз</TH>
<TD>3</TD>
</TR>
<TR><TH ALIGN="left">алгоитмічні мови <BR> та програмування</TH>
<TD>4</TD>
</TR>
<TR><TH ALIGN="left">лінійна алгебра</TH>
<TD>4</TD>
</TR>
</TABLE>
</CENTER><P>
</BODY>
</HTML>
Теги, використані у програмі:
<HTML> – тег означення html файлу;
<HEAD>...</HEAD> – заголовок документа;
<TITLE>...</TITLE> – заголовок Windows-вікна;
<CENTER>...</CENTER> – вирівнювання до центру;
<H1>...</H1> – заголовок як окремий тип абзацу(<H2>...</H2>; <H3>...</H3>; <H4>...</H4>; <H5>...</H5>; <H6>...</H6> – більший індекс-менший шрифт)
<I>...</I>– шрифт - «курсив»;
<B>...</B> – товстий шрифт тексту;
<HR >– горизонтальна лінія;
<FONT>...</FONT> – тег використовується для задання конкретного шрифту, його розміру і кольору(параметри: FACE; SIZE; та COLOR);
<BODY>...</BODY> – тег, що вміщає текст всієї сторінки (параметри: BGCOLOR; TEXT);
<UL>...</UL> – тег для утворення ненумерованого списку;
<LI> – одинарний тег, з якого починається кожний рядок списку;
<LH>....</LH> – тег для охоплення заголовку спивску;
<OL>...</OL> – нумерований список;
<TABLE>...</TABLE> – тег для формування таблиці;
<P> – новий абзац
<TR>...</TR> – формування рядка таблиці;
<TD>...</TD> – формування тексту кожної клітинки;
<TH >...</TH> – формування клітинки з заголовком рядка чи стовпця;
<BR> – наступний текст у новому рядку без пропуску рядка;
<CAPTION>...</CAPTION> – заголовок таблиці;
<IMG> – тег для відображення графічних файлів(обов’язковий параметр SRС);
<FRAMESET параметри>…</RAMESET>- для подылу выкна на фрейми
Висновок: я створила web-сторінку з розповіддю про себе, та з використанням мови HTML. Робота булла відносно легкою та досить цікавою.