Короткі теоретичні відомості

Лабораторна робота №6

Тема: Створення Web-сторінок засобами HTML.

Мета:

КОРОТКІ ТЕОРЕТИЧНІ ВІДОМОСТІ

Web-сторінка – це текстовий файл, створений командами мови HTML. Для роботи з такими файлами використовується спеціальна програма – браузер. Броузери або браузери – це переглядачі HTML-файлів. Найчастіше в якості браузера використовують такі програми: Internet Explorer, Mozilla Firefox, Netscape Communication.

HTML-файл складається з тегів і вмісту сторінки. Теги бувають парні – для вказання початку й кінця фрагмента й одноелементні – для визначення дії. Створюють такі файли в будь-якому текстовому редакторі. При записі його на диск у поле Тип файлу визначають Тільки текст, у поле Ім’я файлу вводять ім’я файлу, а через крапку – розширення html.

Основні команди (теги), які застосовуються при створенні Web-сторінок:

< html>... < /html> – початок і кінець документа;

< head>... < /head> – область заголовка документа;

< body>... < /body> – зміст документа;

< title>... < /title> – заголовок вікна браузера з відкритим файлом;

< frameset rows=”N, *”>... < /frameset> – резервування частини вікна для фрейму, де N – кількість піксель по горизонталі, що виділяється під фрейм, значення N можна задавати у відсотках, * – позначає, що під другий фрейм приділяється вся частина екрана, що залишилася.

Наприклад, якщо в параметрі вказати cols=”200, *”, то екран буде розбитий на два вертикальні фрейми. Розмір першого – 200 піксель, а під другий відведется частина екрана, що залишилася.

< frame name=Ім’я_фрейму scr=”Ім’я_файлу.html”> – визначення імені фрейму й імені файлу, який буде показаний у вікні;

< a href=Ім’я_файлу.html target=Ім’я_фрейму> текст < /a> – гіперпосилання з визначенням частини вікна (фрейму) для приміщення файлу;

< body bgcolor=”silver” text=”black” link=”#ff0000”> – визначення кольорів фону вікна, тексту, гіперпосилань; колір можна вказати за допомогою назви (silver або black) або шістнадцятиричним кодом (#FF0000);

<! -...> – створення коментаря;

< marquee bgcolor=”#6defff”> текст < /marquee> – створення рядка, що біжить, із вказівкою кольору фону;

< font face=”arial” size=”6” color=”#dd0000”> – визначення типу шрифту, його розміру, кольору;

< img src=”Ім’я_файлу.jpg” width=”220” height=”140” alt=”зображення”> – вставка графічного об’єкта з визначенням його ширини, висоти й коментаря, який з’являється на екрані дисплея після підведення покажчика миші до об’єкта;

< bgsound=”Ім’я_файлу.wav” loop=”infinitive”> – вставка звукового файлу, де loop визначає тривалість звучання;

& nbsp – абзацний відступ;

< p>... < /p> – абзац;

< br>... < /br> – перехід на новий рядок;

< b>... < /b> – форматування тексту напівжирним шрифтом;

< і>... < /і> – форматування тексту курсивом;

< u>... < /u> – форматування тексту підкресленим шрифтом;

< ul>... < /ul> – початок (кінець) маркірованого списку;

< ol>... < /ol> – початок (кінець) нумерованого списку;

< li>... < /li> – елемент списку;

< a hreaf=“Url-адреса”> текст < /a> – гіперпосилання на інший сайт;

< p fling=center> – визначення виду вирівнювання абзацу;

< table>... < /table> – початок (кінець) таблиці;

< table border=3> – створення рамки таблиці;

< td>... < /td> – початок (кінець) ячейки таблиці;

< tr>... < /tr > – початок (кінець) рядка таблиці;

< th>... < /th> – заголовок стовпця таблиці.

Щоб включити у Web-сторінку мультимедійний файл (звуковий, відео файл або файл анімаційної графіки) треба скористатися дескриптором < embed>:

< embed src=“Ім’я_файлу.swf” width=140 height=130>

У цьому випадку спочатку запускається Flash програвач (це визначається типом файлу *.swf), а далі відображається файл анімації у вікні шириною 140 і висотою 130 піксель.

Тег < Meta> розміщається на сторінці між тегами < head> і < /head>. Інформація, що вказується в цьому тезі, не відображається браузером, однак має велике значення. Вона дозволяє задавати кодову сторінку мови перегляду документа, ключові слова, по яких вашу сторінку будуть шукати пошукові системи, і т.д.

Параметри тега діляться на дві групи – НТТР-еквіваленти й група NAME. У першій групі задаємо тип документа і його кодування (тобто якими кодами будуть відображатися російські букви).

Наприклад:

< META HTTP-EQUIV=“CONTENT-TYPE”

CONTENT=“text/html; charset=UTF-8”>

У другій групі задаємо опис документа й ключові слова:

< META NAME=“DESCRIPTION” CONTENT=“Опис даного документа, до 100 символів. Відображається пошуковим сервером у результатах пошуку.”>

< META NAME=“KEYWORDS” CONTENT=“Ключові слова, розділені комою, до 1000 символів”>

Ключові слова – це набір ключових слів і фраз, що найбільше повно характеризують даний документ. Вони є основним критерієм пошуку вашої сторінки пошуковими системами. В остаточному підсумку ці слова враховуються при видачі результатів пошуку й сприяють підвищенню рейтингу вашого сайту.