Роздрукувати сторінку
Главная \ Методичні вказівки \ Методичні вказівки \ 1142 Лабораторна робота №5 на тему Створення сайту з фреймами

Лабораторна робота №5 на тему Створення сайту з фреймами

« Назад

Лабораторна робота №5

Тема: Створення сайту з фреймами

Мета: Створити сайт із фреймами.

Хід роботи:

1. Створіть сайт із фреймами на базі описаних у прикладах 1-3 файлів методом їх введення і відтворення у броузері.

Приклад 1:
<HTML>
<
HEAD>

<TITLE> Це мій сайт з фреймами </TITLE>
</HEAD>

<FRAMESET COLS=”25%, 75%”>

<FRAME SRC =”leftframe.html”

NAME = “left<!—або лівий або інша назва фрейму--> 

SCROLING = “no” <!—або “yes” або “auto”--> 

FRAMEBORDER = “1” <!—або “0” межа фреймів є чи ні --> 

BORDER = “15” <!—товщина межі --> 

MARGINHIGHT = “10”

NORESIZE<!—не можна  пересувати межу --> 

BORDERCOLOR = “red” >

<FRAME SRC = “rightframe.html”

NAME = “right” > <!--або ‘правий” або інша назва фрейму--> 

</FRAMESET>

<NOFRAME> <!--Текст, що відображатиметься у броузері, який не підтримує фреймів, наприклад: -->

Вибачте, цей сайт містить фрейми. Скористайтесь іншим браузером для його перегляду. 
</NOFRAME>

</HTML>

Приклад 2.

<HTML>
<
HEAD>

<TITLE> Це мій лівий фрейм</TITLE>
</HEAD>
<BODY параметри стартової сторінки>

<H3>

<A HREF = “file1.html”  TARGET = “right”> Моя автобіографія </A><BR>

< !-- Далі підключаємо робочі сторінки які були створені в попередніх лабораторних роботах по аналогії як було підключено першу сторінку “file1.html”. -->
</BODY>
</HTML>

Приклад 3.

<HTML>
<
HEAD>

<TITLE> Це мій правий фрейм</TITLE>
</HEAD>
<BODY параметри стартової сторінки>

<H3> ЗАПРОШУЄМО НА САЙТ </H3></BODY>
</HTML>

2. Створіть сайт про себе з двома вертикальними фреймами. Подібно до наведених вище зразків створіть такі файли: index.html, leftframe.html, rightframe.html, filel.html, file2. html, file3.html, file4.html. Останні чотири файли попередніх лабораторних робіт тощо.

3. Добийтеся вдалого розташування інформації у фреймах, відформатуйте тексти, задайте необхідні параметри в тегах <BODY>.

4. Задайте жовтий фон у лівому фреймі і зелений - у правому.

5. Заберіть межу між фреймами.

6. Задайте смуги прокручування лише для правого фрейму.

7. Придумайте стартову сторінку-заставку з використанням графічних елементів, наприклад, помістіть тут свою фотографію тощо.

8. Поділіть правий фрейм на два фрейми.

9. У вузькому верхньому фреймі розташуйте особисту емблему з деякого графічного файлу тощо.

10. У нижньому фреймі організуйте перегляд сторінок.

11. Удоскональте сайт, щоб він виглядав якнайліпше.

12. Закінчіть роботу.

Проект 1. Створіть сайт з трьома фреймами на тему "Пропозиції туристичної фірми".

Проект 2. Заздалегідь запасіться рекламним буклетом деякої фірми чи прайс-листом, який дає уявлення про товари і послуги, які пропонуються деякою фірмою, і створіть сайт з фреймами для цієї фірми.

Запитання

  1. Що таке фрейми?

  2. Які файли потрібні для створення сайту з фреймами?

  3. Яке призначення основного html-файлу?

  4. Що відображають зазвичай у лівому фреймі сайту?

  5. Які параметри може мати тег <FRAMESET>?

  6. Які параметри може мати тег <FRAME>?

  7. Як створюються складні конфігурації фреймів?

  8. Що означає запис COLS = "30% ,*"?

  9. Що означає запис COLS = "1*. 4*"?

  10. Що означає запис COLS = "120, 240, *"?

  11. Які фрейми створить параметр COLS = "25%, 50% , 25%"?

  12. Яке призначення параметра TARGET?

  13. Яке призначення тега-контейнера NOFRAME?

З повагою ІЦ “KURSOVIKS”!