metoda / Metod_sam_IT_ta_tehnol_Internet_2010_ukr

Атрибут background. Даний атрибут задає фонове зображення для таблиць. Застосуємо до тегів table і td. Його значенням є url файла з фоновим зображенням.

Використання таблиць у дизайні сторінки. Таблиці зручні тим, що при бажанні можна зробити їхні межі невидимими. Це дозволяє за допомогою тега <ТАВLЕ> красиво розміщати на сторінці текст і графіку. Поки що тег <ТАВLЕ> залишається єдиним потужним засобом форматування в HTML. Дизайнери Web-сторінок сьогодні так же вільно використовують "порожній простір", що й творці друкованих сторінок. Таблиці найкраще допомагають відійти від ієрархічного розміщення тексту на Web-сторінках.

Якщо браузер підтримує таблиці, він звичайно правильно відображує найцікавіші ефекти (рис.8.2), отримані з їхньою допомогою.

Рисунок 8.2 – Використання таблиць у дизайні

<HTML>

<BODY>

<TABLE CELLPADDING="10" CELLSPACING="0"

BORDER="16">

<TR>

<H2> Інтернет-Університет Інформаційних Технологій </H2>

<H3> Ласкаво просимо!</H3>

<TR>

<TD ALIGN="center"><I> Навчальний курс "Основи Web-технологій"</I></TD> </TR> </TABLE> </TD> </TR>

</TABLE> </CENTER>

</BODY> </HTML>

РЕКОМЕНДОВАНА ЛІТЕРАТУРА

1.ДСТУ-3008-95 Документация, отчеты в сфере науки и техники. Структура и правила оформления.

2. Невлюдов І.Ш. Основи виробництва електронних апаратів: Підручник.– Харків: “Компанія СМІТ”, 2005. – 592 с.

3. Невлюдов І.Ш., Бережна М.А. Комп’ютерні технології автоматизованого виробництва: Навч. посібн. – Харків: “Компанія СМІТ”, 2007.– 308 с.

4. Карпухін А.В., Бредіхін В.М., Міщеряков Ю.В. Основи Інтернет-технологій. Навч. посібн. – Харків: ООО «Компанія СМІТ», 2009. – 384с.

5. Методи та засоби Інтернет-технологій: Навч. Посібн. / В.В. Самсонов, А.Л. Єрохін. – Харків: “Компанія СМІТ”, 2008. – 264с.

6.Згуровський М. Вступ до комп'ютерних інформаційних технологій. Навч. посіб. МОНЦ, НТЦ, “КПИ”, 2000. – 250с.

7. Попов В. Практикум по Інтернет-технологиям: Учебный курс. – СПб.: Питер, 2002. –480с.

8. Стауфер Т. Создание Web-страниц. – СПб.: Питер, 2003. – 448с.

9.Дунаєв С. Інтернет-технології. –Харків: “Компанія СМІТ”,1997. – 288с.

10. Основы Web-технологий / П.Б. Храмцов, С.А. Брик, A.M. Русак, А.И. Сурин / Под редакцией П.Б. Храмцова. — М.: ИНТУИТ.РУ "Интернет-Университет Информационных Технологий", 2003. – 512 с.

11. Михеева Е.В. Информационные технологии в профессиональной деятельности: Учебн. пособие для студентов. –М.: Издательский центр «Академия».–2008г. – 384с.

12. Михеева Е.В. Практикумпо информационным технологиям в профессиональной деятельности: Учебн.пособие для студентов. –М.: Издательский центр «Академия».–2005г. – 256с.

Додаток А

Основні теги мови HTML

Тег HTML	Функція
1	2
<html></html>	Вказує програмі перегляду сторінок, що це HTML-документ.
<head></head>	Визначає місце, де міститься різна інформація, що не відображується в тілі документа. Тут розташовується тег назви документа й теги для пошукових машин.
<body></body>	Визначає видиму частину документа.
<title></title>	Поміщає назву документа в зміст програми перегляду сторінок.
<pre></pre>	Обрамляє попередньо відформатований текст.
<h1></h1>	Створює найбільший заголовок.
<h6></h6>	Створює найменший заголовок.
<b></b>	Створює жирний текст.
<i></i>	Створює похилий текст.
<tt></tt>	Створює текст, що імітує стиль друкарської машинки.
<cite></cite>	Використовується для цитат, зазвичай це похилий текст.
<em></em>	Використовується для виділення з тексту слова (похилий або жирний текст).
<strong></strong>	Використовується для виділення найбільш важливих частин тексту (похилий або жирний текст).
<font size=...></font>	Встановлює розмір тексту в межах від 1 до 7.
<font color=...></font>	Встановлює колір тексту, використовуючи значення кольору у вигляді RRGGBB.
<a href="URL"></a>	Створює гіперпосилання на інші документи або частину поточного документа.
<a href="mailto:EMAIL"> </a>	Створює гіперпосилання виклику поштової програми для написання листа авторові документа.
<a name="NAME"></a>	Відзначає частина тексту як мету для гіперпосилань у документі.
<a href="#NAME"></a>	Створює гіперпосилання на частину поточного документа.
<p>	Створює новий параграф.
<p align=...>	Вирівнює параграф щодо однієї зі сторін документа, значення: left, right, або center.
<br>	Вставляє переведення рядка.
<blockquote> </blockquote>	Створює відступи по обидва боки тексту.
<dl></dl>	Створює список визначень.
<dt>	Визначає кожний з термінів списку.
<dd>	Описує кожне визначення.
<ol></ol>	Створює нумерований список.
<li>	Визначає кожний елемент списку й призначає номер.
<ul></ul>	Створює ненумерований список.
<li>	Випереджає кожний елемент списку й додає кружок або квадратик.
<div align=...>	Важливий тег, що використовується для форматування великих блоків тексту HTML-документа, також використовується в таблицях стилів.
<img src="...">	Додає зображення в HTML-документ.
<table></table>	Створює таблицю.
<tr></tr>	Визначає рядок у таблиці.
<td></td>	Визначає окрему комірку у таблиці.
<th></th>	Визначає заголовок таблиці (нормальна комірка з відцентрованим жирним текстом).
<frameset></frameset>	Випереджає тег <body> у документі, що містить кадри.
<frameset rows="..., ...">	Визначає рядки в таблиці кадрів, висота яких задана кількістю пікселів або в процентному співвідношенні до висоти таблиці кадрів.
<frameset cols="..., ...">	Визначає колонки в таблиці кадрів, ширина яких задана кількістю пікселів або в процентному співвідношенні до ширини таблиці кадрів.
<frame>	Визначає одиничний кадр або область у таблиці кадрів.
<noframes></noframes>	Визначає, що буде показано у вікні браузера, якщо він не підтримує кадри.

Содержание