Термофильные дрожжи.

Для раціонального розподілу площі сторінки між її текстовими і графічними фрагментами використовують таблиці.

Таблицю можна уявити як розташовану на HTML-сторінці прямо­кутну сітку рядків і стовпчиків, в яку можна вводити різноманітну інфор­мацію: текст, числа, зв'язки і навіть зображення.

Таблиця задається тегом <table> </table>;.

Рядки таблиці задаються тегом <tr> </tr>;.

Стовпчики таблиці задаються тегом <td> </td>;.

Щоб показати в таблиці рамку, треба замість тега <table> застосувати <tableborder>, але закривати таблицю тегом </table>;.

Нехай потрібно створити таблицю з двома рядками і трьома стовпчи­ками наведеного виду і наповнення.

1х1	1х2	1х3
2х1	2х2	2х3

 

Для створення цієї таблиці необхідно набрати такий текст (спочатку задаються рядки): <table>

<tr>;

<td>lxl</td>;

<td>lx2</td>;

<td>lx3</td>;

</tr> <tr>;

<td>2xl</td>;

<td>2x2</td>;

<td>2x3</td>;

</tr>

</table>

Між тегами <td> і </td> можна розміщувати не тільки текст, але і теги для його форматування.

Щоб у відповідних комірках таблиці задати колір фону (параметр bgcolor), висоту (height) і ширину (width) комірок таблиці в пікселях, треба вище наведений текст доповнити таким чином:

<table>

<tr>;

<td height ="35" width="50" bgcolor="#FFCC33">lxl</td>;

<td width="50" bgcolor="#336699">lx2</td>;

<td width="50" bgcolor="#FFCC33" >lx3</td>;

</tr> <tr>;

<td height ="35" width="50" bgcoIor="#336699">2xl</td>;

<td width="50" bgcolor="#FFCC33">2x2</td>;

<td width="50" bgcolor="#336699">2x3</td>;

</tr>

<table>

Створення рядка підписів

Для полегшення сприйняття інформації з таблиці бажано вказувати зверху кожного стовпчика теги, які описують його зміст. Для цього вико­ристовуються теги <th> і </th> за таким форматом:

<tr>

<th> Підпис першого стовпчика </th>

<th> Підпис.другого стовпчика </th>

<th> Підпис третього стовпчика </th>

<tr>

Назва таблиці

Назва таблиці (одне-два речення) коротко описує її призначення. Для цього використовується тег <caption> за таким форматом:

< caption align=top> Назва вгорі таблиці </caption>

< caption align=bottom> Назва внизу таблиці </caption>

Вирівнювання вмісту комірок

Щоб вирівняти вміст комірок таблиці по горизонталі,треба вище наведений текст редагувати таким чином:

<table>

<tr>

<td height ="35" width="50" bgcolor="#FFCC33"> <center>;lxl </center>;</td>

<td width="50" bgcolor="#336699"> <center>;1x2 </center>;</td>

<td width="50" bgcolor="#FFCC33" > <center>;1x3 </center>;</td>

</tr> <tr>

<td height ="35" width="50" bgcolor="#336699"> 2xl<center>;</td>

<tdwidth="50" bgcolor="#FFCC33"> <center>;2x2 </center>;</td>

<td width="50" bgcolor="#336699"> <center>;2x3 </center>;</td>

</tr>

<table>

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

Вирівнювання по вертикалі виконується за допомогою атрибута valign="middle" (top, bottom) - посередині комірки (зверху, знизу).

Щоб вирівняти вміст комірок таблиці по вертикалі, треба вище наведений текст редагувати таким чином:

<table>

<tr>

<td height ="35" width="50" bgcolor="#FFCC33" valign="top";> <center> lxl </center> </td>

<td width="50" bgcolor="#336699"> <center> 1x2 </center> </td>

<td width="50" bgcolor="#FFCC33" valign=" bottom " > <center> 1x3 </center> </td>

</tr>

<tr>

<td height ="35" width="50" bgcolor="#336699" valign=" bottom " >

<center>2xl</td>

<td width="50" bgcolor="#FFCC33"> <center> 2x2 </center> </td>

<td width="50" bgco]or="#336699" valign="top";> <center> 2x3

</center> </td>

</tr>

<table>

Тут параметр valign встановлено не для всіх комірок, щоб можна було побачити різницю у вирівнюванні вмісту комірок.

Форматування комірок

Параметр colspan визначає кількість стовпчиків, параметр rowspan визначає кількість рядків, на які простягається дана комірка. Вони вико­ристовуються за таким форматом: <td colspan=2> Перекриття двох стовпчиків </td> <td rowspan=3> Перекриття трьох рядків </td>

Головна сторінка

Web-сторінка може мати кілька сторінок. Тоді вона має головну сто­рінку, з якої забезпечується перехід на інші сторінки. Наприклад, так:

<html>

<body>

<а href="nepшa сторінка.html''>Перша сторінка</а><br>

<а href="Друга сторінка.html">Друга сторінка</а><bг>

<а href="Третя сторінка.html">Третя сторінка</а><br>

</body>

</html>

Щоб перейти на іншу сторінку, досить клацнути на відповідному посиланні на полі головної сторінки. Для повернення на головну сторінку на сторінці повинне бути відповідне посилання. Наприклад, таке: <а href="головна. html >Назад</а>

Розміщення Web-сторінки на Web-сервері

Створення і відлагодження Web-сторінки проводиться в автоном­ному режимі, тобто немає необхідності комп'ютер з'єднувати з Internet. Щоб створена Web-сторінка стала доступна для перегляду всіх бажаючих, її потрібно розмістити на одному з Web-серверів.

Послуга по розміщенню Web-сторінки на Web-сервері називається хостинг. Таку послугу можна одержати, як правило, за певну плату.

Існують також безкоштовні хостингові сервери (наприклад, www.narod.ru. www.agava.ru. www.newmail.ru тощо). При використанні "безкоштовних" послуг на вашому сайті буде примусово розміщена рек­лама (так звані банери).

Публікація Web-сторінки заключається в розміщенні відповідного HTML-файла і всіх допоміжних файлів (графічні зображення, звук, відео-фрагменти тощо) на вибраному сервері.

Для проведення публікації Web-сторінки можна використати Май­стер видання Web (Мастер издания Web), який входить у склад операцій­ної системи Windows'98. Для його завантаження необхідно виконати команду "Пуск" _ "Программы" _ "Стандартные" _ "Средства Интернета" _ "Мастер издания Web";.

Після завантаження Майстра, щоб розпочати публікацію Web-сторінки, треба у його вікні клацнути на кнопці "Далее";.

Далі потрібно виконати такі дії:

• у полі "Адрес Интернета:" URL-адресу Web-сервера, де буде розміщена Web-сторінка;

• у полі "Локальний каталог:" ім'я каталогу на своєму комп'ютері, який буде відповідати URL-адресі Web-сервера; • повну адресу HTML-файла, який повинен бути відправлений на вказаний Web-сервер;

• встановити віддалене з'єднання, відбудеться публікація підготов­леної Web-сторінки на вказаному Web-сервері.

Питання для самоконтролю:

1. Для чого на Web-сторінці створюються таблиці?

2. За допомогою яких тегів створюють таблицю?

3. Які параметри і яким чином задають при форматуванні таблиці?

4. Яким чином вирівнюється вміст комірок таблиці?

5. Як створити головну сторінку?

6. Як здійснюється перехід на іншу сторінку і повернення на головну сторінку?

7. Що зробити, щоб розмістити Web-сторінку на Web-cepвepi?

Термофильные дрожжи.