чному сервері [24].
З цього випливає одне дуже важливе практичне міркування. Якщо ви підготували до публікації деяку групу HTML-документів, які посилаються один на одного тільки по імені файлу і знаходяться в одному каталозі на вашому комп'ютері, вся ця група документів буде працювати точно так само, якщо її помістити в будь-який інший каталог на будь-якому іншому комп'ютері , на локальній мережі або в Internet! Таким чином, у вас з'являється можливість розробляти цілі колекції документів без підключення до Internet, і тільки після остаточної готовності, підтвердженої випробуваннями, поміщати колекції документів в Internet цілком.
Вбудувати зображення в HTML -Документ дуже просто. Для цього потрібно тільки мати зображення у форматі GIF (файл з розширенням * .gif) або JPEG (файл з розширенням * .jpg або * .jpeg) і одну сходинку в HTML-тексті.
Вибір різних кольорів для оформлення web-сторінки може значно поліпшити зовнішній вигляд і «читабельність» документа.
Основний колірний набір HTML-документа вказується через опції тега lt; BODY gt ;. Це наступні опції: BGCOLOR=«колір», TEXT="колір", LINK="колір", ALINK=«колір», VLINK=«колір». Вони позначають, відповідно, колір фону документа, колір тексту, колір невідвіданих посилань, колір активного (натиснутою в даний момент) посилання, колір відвіданих користувачем посилань. Кольори можна вказувати через їхні імена, або через шістнадцяткові коди. У першому випадку імена квітів такі ж, як у більшості мов програмування. Всі браузери підтримують стандартний колірної набір Windows.
Колір кодується послідовно з трьох пар символів. Кожна пара являє собою шістнадцяткове значення насиченості заданого кольору одним з трьох основних кольорів (червоним, зеленим і синім) в діапазоні від нуля (00) до 255 (FF).
Крім того, мітка lt; BODY gt; може включати атрибут background=«[ім'я файлу]», який задає зображення, що служить фоном для тексту та інших зображень. Як будь-яке інше зображення, фон повинен бути представлений у форматі GIF (файл з розширенням * .gif.) Або JPEG (файл з розширенням * .jpg або * .JPEG). Браузери заповнюють множинними копіями зображення-фону весь простір вікна, в якому відкрито документ, подібно до того, як при будівництві великі простори стін покривають маленькими (і однаковими) плитками.
Важливо відзначити, що колір фону і зображення-фон ніяк не відображається на папері, якщо розпечатати HTML-документа на друк. Таблиця може допомогти розташувати текст у декілька колонок.
Крім того, таблиця, що складається з одного осередку, може дуже ефективно виділити фрагмент тексту, на який ви хочете звернути увагу читача.
Таблиця починається з мітки lt; TABLE gt; і закінчується міткою lt;/TABLE gt;.Метка Lt; TABLE gt; може включати кілька атрибутів: - Встановлює розташування таблиці по відношенню до полів документа. Допустимі значення: ALING=LEFT (вирівнювання вліво), ALING=CENTER (вирівнювання по центру), ALTNG=RIGHT (вирівнювання вправо) .- Ширина таблиці. Її можна задати в пікселах (наприклад,) або у відсотках по ширині сторінки (наприклад,) .- Встановлює ширину зовнішньої рамки таблиці і осередків у пікселах (наприклад, BORDER=4). Якщо атрибут не встановлений, таблиця показується без рамкі.- Встановлює відстань між рамками клітинок таблиці в пікселах (наприклад, CELLSPACING=2) .- Встановлює відстань між рамкою комірки і текстом в пікселах (наприклад, CELLSPACING=10).
Таблиця може мати заголовок ( lt; CAPTION gt; ... lt;/CAPTION gt;), хоча заголовок не є обов'язковим. Мітка lt; CAPTION gt; може включати атрибут ALING. Допустимі значення: lt; CAPTION ALING=TOP gt; (заголовок поміщається над таблицею) і lt; CAPTION ALING=BOTTOM gt; (заголовок поміщається під таблицею).
Кожен рядок таблиці починається з мітки lt; TR gt; і закінчується міткою lt;/TR gt; [12].
3.2 Опис структури web-сайту
Головною із завдань дипломної роботи було створення web-сайту на тему: «Ігрові методи розвитку комунікативності в практиці соціального педагога». Одним з популярних інструментів розробки web-серверів і керування ними є гіпертекстовий редактор HTML - AdobeDreamweaverCS3. Він надає практично адекватну браузерам графічне середовище розробки web-страніц.сайт складається з 8 сторінок. На першій - головній сторінці праворуч є зміст, в яке входить шість кнопок: головна, опис проблеми, опис методик, тести, ігри, результати дослідження.
Для зручного представлення інформації ми пропонуємо табличну структуру HTML, яка складається з чотирьох колонок, верхня - header, горизонтальна колонка містить в собі назву сайту (малюнок 4).
Малюно...
