Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
<tr>
<td><center><H4><a href="kin. html" target="_top">Кінець</a></H4></center></td>
</tr>
</table>
</body>
</HTML>
Хід заняття
1. Ознайомитись з темою та метою заняття, вивчити основні тео-ретичні положення.
2. Отримати у викладача індивідуальне завдання за своїм варіантом.
Контрольні питання
1. У чому відмінність абсолютного й відносного зв'язування?
2. Як організувати внутрішні посилання?
3. Поштове посилання.
4. Основні атрибути дескриптора зображення. Зв'язування зображень.
Практичне заняття № 5
Візуалізація інформаційного процесу на основі
сенсорного зображення
Мета заняття – набути уміння створення багатовіконних документів та сенсорних зображень.
Короткі теоретичні положення
Фрейми – це фрагменти вікна браузера, у кожний з яких може завантажуватись окремий HTML-документ. Пара <FRAMESET> і <FRAME>. Дескриптор <FRAMESET> </FRAMESET> заміняє дескриптори <BODY></BODY>.
<НТМL>
<HEAD>
<TITLЕ>Приклад фреймів</ТІТLЕ>
</HEAD>
<FRAMESET C0LS="25%, 75%">
<FRAME SRC="Menu. html">
<FRAME SRC="Main. html" NAME="main">
</FRAMESET>
<NOFRAMES>
Ця частина коду відображується браузерами, які не підтримують L-фреймові документи.
</NОFRAMES>
</HTML>
Для задання фреймової структури використовується дескриптор <FRAMESET> разом з двома головними атрибутами: ROWS – задає кількість рядків, COLS – задає кількість колонок. Загальний формат запису цього дескриптора:
<FRAMESET ROWS="value_list" COLS="value_list">
</FRAMESET>
«value_list» є списком значень, відокремлених між собою комами. Ці значення можуть відтворюватися у відсотках, пікселях, або пропорційних одиницях. Число рядків або стовпців встановлюється залежно від кількості значень у списку. У нашому прикладі (<FRAMESET CОLS="25%, 75%">) вікно браузера буде розділено на дві вертикальні секції. Ліва секція займає 25 відсотків, а права – 75 відсотків ширини вікна браузера.
Пропорційні значення присвоюються так:
<FRAMESET CОLS=" *, 2* ,3*">
У даному випадку вікно ділиться на 3 частини. Перша частина займає 1/6 ширини вікна, друга – 2/6 (1/3) загальної ширини і остання – 3/6 (1/2).
Дескриптори <FRAME> визначають окремі фрейми. Вони повинні розміщуватись у контейнері <FRAMESET>. У наведеному прикладі в лівий фрейм повинен завантажуватись файл Menu.html, а в правий, який названо «main», – Main.html. Оскільки в лівий фрейм не будемо завантажувати інших сторінок, крім Menu.html, залишаємо його без назви.
Контейнер <NОFRAMES></NОFRAMES> забезпечує альтернативну інформацію для браузерів, які не підтримують роботи з фреймами.
Атрибути дескриптора <FRAME>
АТРИБУТ | ОПИС |
SRC="URL" | Задає джерело фрейму. Вказує URL файлу, що повинен бути завантажений у даний фрейм. |
MARGINWIDTH="значення" | Задає ширину лівого та правого полів фрейму. |
MARGINWIDTH="значення" | Задає ширину верхнього і нижнього полів фрейму. |
NАМЕ="значення" | Дозволяє присвоїти ім'я фрейму, яке можна використовувати для посилання на фрейм з інших фреймів тієї самої структури. |
SCROLLING="YES|NO|AUTO" | SCR0LL1NG=YES – у фреймі завжди будуть смуги прокрутки (незалежно від величини файлу, завантаженого в нього). SCROLLING=NO – смуг прокрутки не буде, навіть якщо вони необхідні (надто великі документи просто обрізаються). SCROLLING=AUTO – надається можливість браузеру самому вирішити, чи потрібні смуги прокрутки. Якщо цей атрибут відсутній, то це рівнозначно завданню SCROLLING= =AUTO. |
NORESIZE | Забороняється зміна розмірів фрейму за допомогою миші. |
Створення вмісту фреймів. Створимо сторінку Menu.html, яка буде завантажуватись у лівий фрейм і відображати список гіперпосилань (зміст). Цей фрейм вузький і високий, це необхідно враховувати під час проектування цієї сторінки. Щоб при натисканні на гіперпосилання сторінки завантажувались у правий фрейм, додамо до дескрипторів <А HREF.... > атрибут TARGET="main". У цьому випадку, якщо клацнути кнопкою миші на гіперпосиланні, сторінка, що викликається, завантажиться у фрейм «main». Без визначення цього атрибута сторінка з'явиться у тому фреймі, з якого вона викликається.
Нижче наведено код для лівого фрейму Menu.html.
Приклад № 1
<HTML>
<HEAD>
<TITLE> Меню</ТІТLЕ>
</HEAD>
<BODY>
<H3 ALIGN=CENTER>Компанія</H3>
<HR>
<UL> <FONT CОLОR="#400040" SIZE="4">
<LI> <a href="Main. HTM" ТАRGЕТ="main">Головна </а>
<LI> <a href="NEWS. HTM" TARGET="main">Hoвини</a>
<LI> <a href="PRODUCTS. HTM" TARGET="main">Toвари</a>
<LI> <a href="SERVIS. HTM" TARGET="main">Послуги</a>
<LI> <a href="CONTACT. HTM" TARGET="main">Koнтакти</a>
<LI> <a href="SEARCH. HTML" TARGET="main">Пошук</a>
</FONT>
</UL>
</BODY>
</HTML>
Зазначимо, що файл Menu. html є звичайним HTML-документом і не містить дескрипторів опису фреймів.
Створення вмісту фрейму main. Правий фрейм міститиме сторін-ки, які викликаються за допомогою меню, розміщеного у лівому фреймі. Після завантаження документа у правий фрейм автоматично завантажується файл Main.html.
Код файлу Main.html може бути, наприклад, таким.
Приклад №2
<HTML>
<HEAD>
<TITLE> Головна сторінка </TITLE>
</HEAD>
<BODY>
<H2 ALIGN=CENTER>Kомпанія</H2>
<HR>
<H4 ALIGN=LEFT>< І >Biдкрите акціонерне товариство
“Компанія” засноване 1996 року </І></Н4>
<HR>
<Н4> Головними напрямами діяльності Компанії є:
<ОL>
<LІ> Розробка складних розподілених програмних комплексів
управління виробництвом;
<LI> Створення віртуальних представництв фірм. </Н4>
</ОL>
<HR>
<H4> <U> <FONT CОLОR=RED> Компанія шукає висококваліфікованих Web-дизайнерів і програмістів</FONT> </U>
</Н4>
<Н5 ALIGN=CENTER>Kонтактна інформація </Н5>
<UL>
<LІ>Телефон (1
<LI>Факс (1
<LІ> Поштова адреса 123456 м. Велике, вул. Лісова, 106
<UL ТУРЕ=СІRСLЕ>Електронна пошта<BR>
<LI> Загальна інформація: abc@abc.ua
<LI> Реалізація: abc@abc.abc.ua
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12 |
