Міністерство освіти і науки України Національний університет «Львівська Політехніка» Інститут комп’ютерних технологій автоматики та метрології Кафедра захисту інформації
Звіт Про виконання лабораторної роботи № 3 «Програмування web-сторінок з використанням фреймів, навігаційних панелей, та таблиць стилів » з дисципліни « Робота в інтернеті» Львів 2008р. Мета: Створення сайту з використанням фреймів, навігаційних панелей, та таблиць стилів Завдання: Створіть сайт з фреймами на базі описаних прикладів, методом їх введення за допомогою текстового редактора і відтворення у броузері схема розміщення фреймів  SHAPE \* MERGEFORMAT Верхній Лівий правий нижній
 Теми сторінок: 1.Автобіографія 2.Сім‛я 3.Подорожі 4.Мій університет 5.Фотоальбом Текст 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. Робота булла відносно легкою та досить цікавою.