вному меню, а потім вибравши HTML зі списку. Перше, що необхідно зробити після створення документа, зберегти файл з необхідним ім'ям (інакше при створенні гіпертекстових посилань, вставці зображень і т.п. можуть бути використані невірні адреси). Головна сторінка сайту повинна мати спеціальне ім'я - index.html (або index.htm). Після того як сторінці присвоєно ім'я і вона збережена, можна приступати до наповнення її інформаційним змістом. Почати слід з установки параметрів сторінки. Для цього необхідно з головного меню вибрати команду Modify= gt; Page Properties .... Основне, що необхідно задати в діалоговому вікні, ця назва (заголовок) сторінки - поле Title в категорії Title/Encoding. Кожна сторінка сайту повинна мати продумане, коротко і чітко сформульована назва. Візуально воно буде відображено в заголовку вікна браузера і, крім того, буде використовуватися пошуковими системами і т.п.
Крім заголовка, в категорії Appearance цього діалогового вікна можна встановити наступні параметри сторінки:
Background image - зображення, яке буде використано в якості фону сторінки (графічний файл із зображенням можна вибрати, натиснувши кнопку Browse ...);
Background/Text - відповідно кольору фону сторінки і тексту, розташованого на ній (можна вибрати колір з палітри, натиснувши на кнопці поруч);
Links/Visited links/Active links - відповідно кольори посилань/відвіданих посилань/активних посилань;
Left margin/Top margin/Margin width/Margin height - задають відступи (поля) з боків і на початку, і наприкінці сторінки.
Рис. 3.4 - Налаштування параметрів HTML-сторінки
У HTML-документі необхідно розділяти дані документа та їх подання. Зміст документа задається у вигляді тегів HTML. Для визначення ж візуального представлення документа слід використовувати таблиці стилів (CSS - Cascading Style Sheets) (через CSS задаються інтервали між рядками тексту, відступи, кольору, використовувані для тексту і фону, розмір і стиль шрифтів і інше оформлення).
Існує кілька основних тегів HTML, які повинні бути присутніми в тексті будь web-сторінки. Кожна web-сторінка повинна містити тег lt; HTML gt ;, наявний на самому початку (кожен з тегів має відкриваючу (наприклад, lt; HTML gt;) і заслони частини (наприклад, lt;/HTML gt;)). Цей тег описує документ як web-сторінку, виконану у форматі HTML. Безпосередньо за тегом lt; HTML gt; звичайно треба тег lt; HEAD gt ;, який вказує на наявність тексту, що містить найменування сторінки і додаткові відомості про неї. У розділ HEAD зазвичай вкладений тег lt; TITLE gt ;, службовець для позначення найменування сторінки, (найменування сторінок зазвичай відображається у заголовку вікна браузера). Потім слід тег lt; BODY gt ;, який вказує на початок «тіла» web-сторінки. У цьому розділі розміщується весь текст, відображений браузером, графіка, таблиці та інші елементи вмісту сторінки, які побачить відвідувач, який звернувся до сайту.
Приклад HTML-документа:
lt; html gt;
lt; head gt; lt; title gt; Online навчання: HTML lt;/title gt; lt;/head gt;
lt; body gt;
Текст сайту
lt;/body gt;
lt;/html gt;
Будь-який текст розділяється на послідовність абзаців. Для того щоб почати новий абзац (при редагуванні сторінки в режимі дизайну), як і в більшості текстових редакторів, достатньо натиснути клавішу Enter. При цьому у вихідний текст HTML-документа автоматично вставляються відкриває та закриває теги lt; Р gt ;. Для створення примусового переходу на новий рядок використовується комбінація клавіш Shift + Enter. У вихідний код в цьому випадку буде додано тег lt; BR gt;.
Як правило, текст документа повинен містити заголовки. Причому це буде не просто виділений великим шрифтом, кольором або яким-небудь іншим чином текст, а саме структурна одиниця - заголовок. У мові HTML існує шість рівнів заголовків: тег lt; H1 gt; задає найбільш важливий (заголовок першого рівня) і lt; H6 gt;- Найменш важливий (заголовок шостого рівня). При використанні цих елементів слід дотримуватися їх ієрархію.
Загальним заголовком документа повинен бути заголовок першого рівня. Не слід пропускати рівні, використовуючи для заголовків розділів відразу заголовки третього або четвертого рівня.
Для кожного блоку тексту можна встановити його тип, тобто зробити цей текст заголовком будь-якого рівня або форматованим текстом. Найпростіше це робити, використовуючи панель властивостей об'єкта. Якщо панелі немає на екрані, то можна її відкрити, виконавши команду Window= gt; Propertie...
