Головна Головна -> Інше українською -> Інформатика, комп'ютери, програмування -> Фреймова структура HTML-документу

Фреймова структура HTML-документу

Назва:
Фреймова структура HTML-документу
Тип:
Інше
Мова:
Українська
Розмiр:
3,78 KB
Завантажень:
15
Оцінка:
 
поточна оцінка 5.0


Скачати цю роботу безкоштовно
Пролистати роботу: 1  2 
Лабораторна робот
Тема: Фреймова структура HTML-документу.
Мета: Навчитись створити сайт з застосуванням фреймів.
 
Теоретичні відомості
Фрейм у перекладі з англійської означає кадр, рамка, прямокутна об-ласть. Фрейми поділяють вікно броузера на частини, в яких відображають зміст сторінок сайту. Кожній сторінці має від-повідати свій html-файл. Кожна сторінка повинна мати логічний заголовок.
Наприклад, типовим є сайт, де вікно броузера поділене на дві вертикальні області. У вужчій (до 25% від ширини вікна броузера) лівій області відображають зміст сайту у вигляді гіперпосилань на конкретні сторінки, а в іншій – вибрану користувачем сторінку. Такий підхід до конструювання сайту дає змогу постійно бачити зміст сайту і переглядати його сторінки у будь-якій послідовності. Зміст чи у цьому випадку увесь лі-вий фрейм називають навігаційною панеллю. Навігаційну па-нель можна створити у верхній частині вікна броузера, справа чи де завгодно. Часто у верхній частині створюють третій вузь-кий фрейм, де розташовують заголовок сайту, логотип фірми, рекламу, елементи WordArt, ActiveX чи Flash тощо.
Важливо на етапі конструювання сайту заздалегідь про-думати фреймову структуру, визначитися з кількістю фрей-мів, їхніми розмірами, розташуванням і стартовим виглядом.
Основний html-файл. Оскільки основний файл запус-кає сайт, то його прийнято називати index, html.
Приклад 1. Розглянемо типовий вигляд основного файла:
<HTML> <HEAD> <TITLE>Цe мій сайт з фреймами </TITLE> </HEAD>
<FRAMESET COLS="25%,75%">
<FRAME SRC="leftframe.html"
NAME= "left"
<!--або "лівий" або інша назва фрейму-->
SCROLLING=”no”
<!--або "yes" або "auto"-->
FRAMEBORDER="1"
<!--або "0" межа фреймів є чи ні-->
BORDER = "15" <!--товщина межі-->
MARGINHIGHT="10" <!--відступи від країв-->
MARGINWIDTH="10"
NORESIZE
<!--не можна пересовувати межу-->
BORDERCOLOR = "red" >
<FRAME SRC = "rightframe.html"
NAME=”right” <!--або "правий" тощо-->
</FRAMESET>
<NOFRAME> <!--Текст, що відображатиметься у броузері, який не підтримує фреймів, наприклад:-->
Вибачте, цей сайт містить фрейми. Скористайтесь іншим броузером для його перегляду.
</NOFRAME></HTML>
Пояснимо дію використаних тегів та їхніх параметрів. Для поділу вікна броузера на декілька частин використову-ють тег-контейнер
<FRAMESET параметри>... </FRAMESET>
Параметрів є два: COLS і ROWS. Параметр COLS приз-начений для поділу вікна на вертикальні області (колонки), а ROWS - на горизонтальні. Розміри областей задають у відсот-ках до всього вікна, фіксовані - у пікселах. Наприклад, COLS = "25%, 75%" означає, що лівий фрейм займатиме чверть вікна на будь-якому моніторі.
Можна писати також COLS =”1*, 3*”, де 1* саме тут означає одну з чотирьох частин екрана, або COLS = “2*, З*”, де 2* означає дві з п'яти вертикальних частин екрана.
У фіксованому заданні COLS = "100,*", число 100 означає 100 пікселів, а * - решту екрана.
Більш складні конфігурації фреймів створюють шляхом поділу на фрейми деякого раніше створеного фрейму. У цьому випадку теги FRAMESET вкладають один в один, на-приклад, так:
<FRAMESET COLS = "25%, 75% ">
<FRAME описуємо лівий фрейм>
<FRAMESET ROWS= "25%, 75% >
<FRAME описуємо верхній правий фрейм>
<FRAME описуємо нижній правий фрейм>
</FRAMESET>
</FRAMESET>
У тезі <FRAME параметри> користувач описує конкрет-ний фрейм. Обов'язковими тут є параметр SRC зі значенням адреси стартового html-файлу і NAME, значенням якого є назва фрейму. Цю назву придумує користувач, запам'ятовує її, оскільки вона використовуватиметься далі як значення па-раметра TARGET тега <А>.
Призначення деяких інших параметрів такі:
SCROLLING Задає наявність чи відсутність смуг прокручування у вікні фрейму
FRAMEBORDER Задає наявність меж між фреймами
BORDER Задає ширину межі у пікселях
MARGIN Задає величину відступів зверху і від бокових меж; фрейму
NORESIZE Забороняє змінювати розміри фрей-му у вікні броузера.

Завантажити цю роботу безкоштовно
Пролистати роботу: 1  2 



Інше на тему: Фреймова структура HTML-документу

BR.com.ua © 1999-2017 | Реклама на сайті | Умови використання | Зворотній зв'язок