
- •Проектування власного web-сайту
- •Введення в html
- •Створення web-сторінки
- •Оголошення та ідентифікація документа
- •Вставка символів прогалин ( )
- •Вставляння спеціальних символів
- •Створення надстрічкових та підстрічкових індексів
- •Вибір шрифту
- •Зміна розміру шрифту
- •Вибір кольору шрифту
- •Використання моноширінних шрифтів
- •Створення маркованих списків
- •Створення багаторівневих списків
- •Створення списків визначень
- •Вирівнювання тексту відносно графіки
- •Пуста область навколо графічного зображення
- •Побудова горизонтальної лінійки
- •Побудова списків з графічними маркерами
- •Побудова гіперпосилання, що вказує на іншу Web-сторінку
- •Створення посилання на об’єкт цієї ж сторінки
- •Створення гіперпосилання, що вказує на зображення
- •Створення гіперпосилання, що вказує на файл
- •Посилання на адресу електронної пошти
- •Колір тексту гіперпосилань
- •Створення таблиці
- •Товари та ціни
- •Товари та ціни
- •Групування стовпчиків таблиці
- •Товари та ціни
- •Зміна розмірів комірки таблиці
- •Об’єднання комірок таблиці
- •Вирівнювання даних у комірці таблиці
- •Перенесення слів всередині комірок таблиці
- •Задавання параметра обтіканні таблиці текстом
- •Створення фреймів
- •Відтворення об’єкту гіперпосилання у вікні фрейму
- •Смуги прокрутки фреймів
- •Використання атрибуту noresize
- •Властивості меж фреймів
- •Задавання величини полів фрейму
Використання атрибуту noresize
Атрибут NORESIZE дозволяє запобігти можливості зміни розмірів фрейму. По замовчуванню – за відсутності подібної заборони – користувачі можуть переміщати межі фрейму на власний розсуд.
Якщо позбавити користувачів можливості зміни розмірів одного фрейму, у початковому стані залишаться і сусідні фрейми, які мають спільну межу. Тому нема необхідності встановлювати ознаку заборони для кожного фрейму окремо.
Наприклад,
<FRAMESET ROWS=”50, *”>
<FRAME NAME=”banner” SRC=”banner.html” NORESIZE >
<FRAMESET COLS =”150,*”>
<FRAME NAME=”contents” SRC=”contents.html” >
<FRAME NAME=”main” SRC=”Kenyo.html”>
</FRAMESET>
</FRAMESET>
Властивості меж фреймів
HTML передбачає низку засобів, які дозволяють встановлювати властивості меж, що розділяють фрейми.
Атрибут BORDER дескриптора <FRAMESET> дає можливість змінювати товщину ліній, що обрамляють фрейми. По замовчуванню більшість Web-браузерів обрамляє фрейми з товщиною ліній, що дорівнює 6 екранним пік селям.
Зазвичай браузери надають межам фреймів темно-сірого кольору. Атрибут BORDERCOLOR дескриптора <FRAMESET> дозволяє змінити колір меж фреймів.
Щоб приховати межі, що розділяють фрейми, достатньо застосувати атрибут FRAMEBORDER дескриптора <FRAMESET>. Така задача виникає, якщо необхідно домогтись, щоб фрейми виглядали, як єдина сторінка даних. Після приховання меж фреймів на їх місці можуть залишитись смуги чистого простору. Щоб позбутися їх, слід використовувати атрибут BORDER зі значенням 0.
Наприклад,
<FRAMESET ROWS=”50, *” BORDER=”8” BORDERCOLOR=”#066CC”>
<FRAME NAME=”banner” SRC=”banner.html” NORESIZE >
<FRAMESET COLS =”150,*”>
<FRAME NAME=”contents” SRC=”contents.html” >
<FRAME NAME=”main” SRC=”Kenyo.html”>
</FRAMESET>
</FRAMESET>
Щоб змінити колір межі окремого фрейму, слід скористатись атрибутом BORDERCOLOR дескриптора <FRAME>. Це зручно, коли необхідно звернути увагу користувача на окремий фрейм сторінки.
Наприклад,
<FRAME NAME=”contents” SRC=”contents.html” BORDERCOLOR=”red”>
Задавання величини полів фрейму
Поля фрейму являють собою смуги чистого простору між його вмістом і зовнішньою рамкою. Змінюючи розміри поляв, можна значно покращити зовнішній вигляд сторінки.
По замовчуванню більшість Web-браузерів відображають фрейми з полями величиною, що приблизно дорівнює 10 екранним пікселям. Атрибути MARGINWIDHT і MARGINHEIGHT дозволяють змінити розміри полів фрейму. Атрибут MARGINWIDHT призначений для задавання ширини лівого та правого полів, а MARGINHEIGHT – висоти верхнього та нижнього.
Якщо необхідно розширити корисну зону простору фрейму безпосередньо до його меж, потрібно присвоїти вказаним атрибутам, що задають розміри полів, значення 0.
Наприклад,
<FRAME NAME=”contents” SRC=”contents.html” MARGINWIDHT=”50” MARGINHEIGHT=”50”>