- •Практична робота № 21. Тема : «Мова html. Створення веб - документу».
- •Структура веб – документа.
- •Мова html.
- •Форматування тексту.
- •Шрифти, списки і таблиці.
- •Порядок виконання роботи.
- •8. Література.
- •8.1 Я. М. Глинський, в. А. Ряжська «Інтернет», стор. 109-153. Приклад № 1.
- •Приклад № 2.
- •Приклад № 3. Оформлення рамок таблиці.
- •Колірне оформлення таблиць.
Структура веб – документа.
Простий документ складається з текстових блоків, двох – трьох рисунків невеликих розмірів, горизонтальних ліній та гіперпосилань. Більш складні веб – документи містять фрейми ─ рамки, в яких одночасно відображаються різні сторінки; елементи керування ─ кнопки, перемикачі, поля діалогу; динамічні ефекти та графічні рухомі об’єкти ActiveX Flash.
Текстові блоки є трьох головних типів : короткі (по два – три речення) текстові абзаци, списки, таблиці. Абзац може бути вирівняний до одного з країв або до центру екрана. Особлива зручність перегляду інформації зумовлена тим, що в нормальному режимі веб – сторінка не має горизонтальної смуги прокручування, а вертикальна смуга може бути. Броузер автоматично масштабує горизонтальне зображення різних елементів сторінки, враховуючи характеристики монітора комп’ютера клієнта і розміри Windows – вікна, в якому демонструється документ.
Інформація на сторінці традиційно подається на сірому чи білому тлі, але її можна розмістити і на кольоровому тлі чи на тлі картинки з деякого графічного файлу. Створюючи веб – документ, потрібно стежити, щоб обсяг усіх його файлів, зокрема, графічних і відеододатків був невеликим. Великі файли броузер зчитує довго, і в читача може не вистачити терпіння очікувати на їхнє надходження.
Мова html.
Для підготовки html – файлу можна використати текстовий редактор Блокнот чи будь – який інший, що дає змогу готувати файли у текстовому форматі. Після написання html – файл потрібно зберегти на диску з деякою назвою з розширенням назви htm чи html.
Команди мови HTML називаються тегами. Теги бувають одинарними і парними. Більшість тегів парні. Такі теги називаються інакше контейнерами. Контейнер може містити текст та інші теги.
Парні теги позначають початок і кінець області відповідної команди. Теги записують у кутових дужках. Тег, що закриває область дії, має косу риску.
<p>Інформація</p>
Тут стартовим тегом є тег <P>, а завершальним - </P>. Завершальний тег відрізняється від стартового лише тим, що в нього перед текстом у дужках <> стоїть символ '/' (слеш).
Броузер, що читає Html-Документ, відображає його у вікні, використовуючи структуру Html-Тегів. У кожному Html-документі повинні бути присутнім три головні частини:
Оголошення HTML;
Заголовочна частина;
Тіло документа.
Оголошення HTML
<HTML> і </HTML>. Пара цих тегів повідомляє програмі перегляду (броузеру), що між ними укладений документ у форматі HTML, причому першим тегом у документі повинен бути тег <HTML> ( на самому початку документа), а останнім - </HTML> (у самому кінці документа).
<HTML>
.
.
.
</HTML>
B) Заголовна частина.
<HEAD> і </HEAD>. Між цими тегами розташовується інформація про документ (назва, ключові слова для пошуку, опис і т.д.). Однак найбільш важливим є назва документа. Спеціальні програми-спайдери пошукових систем використовують назву документа для побудови своїх баз даних. Для того щоб дати назву своєму Html-документу текст міститься між тегами <TITLE> і </TITLE>.
<HTML>
<HEAD>
<TITLE>Моя перша сторінка</TITLE>
</HEAD>
</HTML>
C) Тіло документа.
Третьою головною частиною документа є його тіло. Воно слідує відразу за заголовком і знаходиться між тегами <BODY> і </BODY>. Перший з них повинен стояти відразу після тегу </HEAD>, а другий - перед тегом </HTML>. Тіло Html-документа - це місце, куди автор поміщає інформацію, відформатовану засобами HTML.
<HTML>
<HEAD>
<TITLE> Моя перша сторінка</TITLE>
</HEAD>
<BODY>
......................................
</BODY>
</HTML>
Тепер ми можемо написати Html-код нашої сторінки:
<HTML>
<HEAD>
<TITLE>Моя перша сторінка</TITLE>
</HEAD>
<BODY>
Тут будуть мої сторінки!
</BODY>
</HTML>