.
► Поекспериментуйте з квітами і підберіть відповідні, з вашої точки зору, для таблиці.
► Відредагуйте в файлі menu .html рядки коду, що містять назви пунк-тів меню Головна сторінка і Чим ми займаємося ?. вставивши вишеука-занние посилання відповідно на файли geoton .html і spisok .html так, що-б ці рядки взяли такий вигляд:
| Головна сторінка |
|---|
| Чим ми займаємося? |
|---|
Тепер перші два пункти меню виділені кольором і підкреслені як посилання. Перевіримо, як працюють ці посилання.
► Клацніть мишею на першій посиланням - Головна сторінка. Залежно від версії браузера, файл geoton .html буде завантажений або в нове окреме, або в той же самий вікно браузера.
► Якщо файл був завантажений в той же самий вікно браузера, то натисніть кнопку Назад на панелі інструментів або просто закрийте вікно, якщо файл був завантажений в нове вікно. На екрані знову відобразиться файл menu .html.
► Клацніть мишею на другий посиланням - Чим ми займаємося? У вікні браузера з'явиться файл spisok .html.
Отже, на основі таблиці ми створили меню і переконалися, що посилання в ньому працюють.
Значно поліпшити зовнішній вигляд і функціональність сайту можна, використовуючи фрейми. За допомогою фреймів екран поділяється на кілька вікон, в каж-будинок з яких відображається вміст окремої сторінки. Використовуючи по-подібної чином технологію фреймів, можна одночасно завантажити в одне вікно браузера кілька Web-сторінок.
Мал. 1 Вікно браузера з фреймами
Подивимося, як за допомогою фреймів помістити у вікні браузера меню для пере-ходу на інші сторінки сайту і самі сторінки.
Для опису фреймів використовується спеціальний HTML-файл.
► В вікні програми Блокнот (Notepad) створіть новий файл.
► Введіть основні теги, крім тегів
, які в файлі, опи-Сива фрейми, не використовуються. У тегах заголовка вкажіть - Компанія ГЕОТОН:
компанія ГEOTOH
замість тегів
в файлі, що описує фрейми, використовується пара тегів з атрибутами rows або cols. визначальними, як ділиться екран - по горизонталі або по вертикалі. Як значення цих атрибутів можна використовувати числове значення висоти або ширини фрейму в пікселах або у відсотках від 1% до 100%. Наприклад, якщо ви хочете розділити вікно браузера по горизонталі на два рівних за розміром фрейму, то код HTML повинен бути таким:
Зверніть увагу: значення атрибутів відділяються один від іншого коми.
Щоб розділити вікно браузера по вертикалі на два фрейми шириною 200 і 600 пікселів, слід написати:
Однак фактична ширина і висота вікна фрейма залежить від поточного дозволу монітора. Тому, якщо у користувача встановлено дозвіл, наприклад, 1024x768 пікселів, тобто ширина екрану - 1024 пікселів, то частина екрану може залишитися незаповненою. Тому рекомендується ставити розміри фреймів у відсотках так, щоб їх сума дорівнювала 100%. Якщо все ж необхідно для одного з вікон вказати фіксований розмір в пікселах, то розмір іншого вікна можна не вказувати, замінивши його значення символом *. В цьому випадку браузер сам підбере потрібний розмір для другого вікна.
Створимо для відображення нашого сайту два вертикальних фрейми. Для першого фрейму, в якому буде виводитися меню, встановимо фіксовану ширину -160 пікселів, а розмір другого надамо визначити браузеру, замінивши його зірочкою *.
► В вікні програми Блокнот вставте порожній рядок після закриває тега і введіть наступний код:
► Вставити в вікні програми Блокнот порожній рядок після відкритому-вающего тега
.
► Збережіть файл в папці Web під ім'ям index .html.
Остаточний код файлу index .html у вікні програми Блокнот дол-дружин бути таким:
компанія rEOTOH
Ім'я index .html повинно обов'язково присвоюватися файлу з головною сторінкою кожного сайту. Саме цей файл відкривається стандартно-чанію при зверненні до Web-вузла, якщо не вказано інше ім'я файлу. На деяких сайтах ім'я головної сторінки може бути index .htm. a index .html відображається не як сторінка, а як папка з іменами файлів. Це треба уточнювати у адміністратора вузла.
Рис.2. Фрейми створені.
Перевіримо, як працюють посилання меню.
► Клацніть мишею на посиланні меню Чим ми займаємося? У правому фреймі буде відкритий файл spisok .html.
► Клацніть Мишею на засланні меню Головна сторінка. У правому фреймі знову з'явиться файл geoton .html.
Зверніть увагу, що кожен фрейм має свої смуги прокрутки. Прі не-обходимо їх відображення можна скасувати. Для цього достатньо в тезі вказати атрибут scrolling = no.
► Додайте в тег, що описує перший фрейм, атрібутscrolling = no:
У вікні браузера Web-сторінка набуде вигляду приблизно як на Рис. 3.
Мал. 3. Вертикальна смуга прокрутки вимкнена ..
Як бачите, фрейми - зручне і ефективний засіб для розміщення інфор-мації на Web-сторінках. Однак, використовуючи його, не слід втрачати почуття міри. Занадто велика кількість вікон на екрані не покращує сприйняття інформації. Не розміщуйте на екрані більше трьох фреймів і намагайтеся не застосовувати їх без необхідності.
Отже, перший етап нашої роботи закінчений - ми створили сайт з двох Web-сторінок. Тепер, щоб він став доступним для всіх, його необхідно помістити в Інтернеті на один з серверів World Wide Web.
Створюємо свою першу Web-сторінку. 3
Задаємо шрифт, розмір шрифту та інше оформлення тексту. 6
Вставляємо малюнок. 11
Створюємо список наших можливостей. 12
Книга відгуків і пропозицій на нашій сторінці. 14
Вставляємо посилання на інші сторінки в Інтекрнете. 16
Створюємо меню у вигляді таблиці. 20
Останні штрихи. 24
Схожі статті