ЗМІСТ

ВСТУП

В наш час з розвитком комп'ютерної техніки, комп’ютери стали не предметом розкоші, а скоріше елементом загальної культури, засобами зв’язку, джерелами інформації, інструментами для бізнесу, реклами та спілкування. Зараз набули популярності Інтернет-магазини, аукціони, чати, форуми, конференції, сайти організацій та багато інших веб- ресурсів. Інтернет став соціальним, тобто кожен користувач є учасником подій в Інтернеті, а не просто спостерігачем. Рейтинги, опитування, можливість висловити своє ставлення до отриманої інформації та ознайомитись з думкою інших людей, «живі» журнали – блоги, форуми – це нова Інтернет культура, без якої неможливий успіх у сфері інформаційних технологій.

Головне призначення сайту - це надання інформації. Здавалося б, у світі існує маса інших способів передачі інформації, чому слід застосувати саме цей? Просто він найбільш ефективний.

По-перше, у зв'язку з божевільною швидкістю розвитку мережі Інтернет, відбувається втягування все більшої кількості людей в сферу використання Інтернет-технологій та ресурсів. Якщо влаштувати опитування на тему "Чи потрібен вам Інтернет?", то 62% від усього населення дадуть ствердну відповідь, і багато з них скажуть, що вже не уявляють свого життя без його використання, як без телевізора або телефону. Тому не дивно, що за допомогою сайту про Вас дізнаються більша кількість потенційних клієнтів, ніж з газети.

По-друге, інформацію, яку ви виклали на сайт, в ту ж мить бачать ваші клієнти. Чим швидше ваш клієнт отримає інформацію, тим швидше він прийме рішення про те, що йому треба з вами зв'язатися, і тим швидше він це зробить, а значить, Ваш власний сайт - це справді вдалий спосіб заяви про себе.

Функції сайту

Визначення функцій сайту – складна робота. Функції сайту визначають замовники, аналітики, веб-дизайнер, веб-програміст. Разом.

Є три основні функції будь-якого сайту: маркетингова, інформаційна та іміджева.

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

• Іміджева функція – формування образу фізичної або юридичної особи, громадського чи політичного органу в Інтернет. Вимоги по дизайну – підвищені: містить логотип, фірмовий знак, контактні дані та схему проїзду (графічну), є сторінка «Про компанії (установі)» та всі інші необхідні сторінки.

• Маркетингова функція – продажу або збільшення попиту на товар або послугу, проведення PR-акцій. Вимоги – ненав'язливість, оптимізація під ключові запити відвідувачів, анкетування, аналіз статистики, знижки і бонуси та ін.

Мета роботи – навчитися створювати сайт за допомогою блокноту мовою HTML.

Завдання – створити сайт з посиланням на уроки за допомогою блокноту мовою HTML.

1Правила побудови html-документів

1.1Мова html

HTML — мова розмітки документа. При розробці HTML-документа виконується розмітка текстового документа точно так само, як це робить редактор за допомогою червоного олівця. Ці позначки служать для вказівки форми подання інформації, що міститься в документі. Всесвітня павутина World Wide Web (WWW) виткана з Web-сторінок, які створюються за допомогою так званого мови розмітки гіпертексту HTML (HyperText Markup Language).

Спеціальні програми перегляду HTML-документів, які часто називають браузерами, служать для інтерпретації файлів, розмічених за правилами мови HTML, форматування їх у вигляді Web-сторінок та відображення їх вмісту на екрані комп'ютера користувача. Існує велика кількість програм-браузерів, розроблених різними компаніями, проте, на сьогоднішній день з усього розмаїття програм явно виділяються дві програми-лідера — Netscape Communicator та Microsoft Internet Explorer.

Всі теги мови HTML виділяються символами-обмежувачами (< і >), між якими записується ідентифікатор (ім'я тега (у нашому прикладі це), і, можливо, його параметри. Єдиним винятком з цього правила є теги коментаря з більш складними обмежувачами (<!-- і -->). Назви тегів, а також їх параметрів можна записувати на будь-якому регістрі. Для однаковості в цій книзі більшість тегів записується великими літерами.

Більшість тегів HTML використовується попарно, тобто для певного тега, назвемо його відкриває, в документі є відповідний закриваючий тег. За правилами HTML тег записується так само, як і відкриває, але з символом / (прямий слеш) перед ім'ям тега. Єдиним принциповим розходженням парних тегів є те, що закриваючі теги не використовують параметри.

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

Є ряд тегів, для яких завершальні теги опускаються більшістю авторів документів. Прикладом може служити тег елемент списку <LI> тег абзацу <P>. Сучасні браузери в багатьох випадках правильно форматують документи, якщо опущені деякі завершальні теги, однак така практика не може бути рекомендована.

Ряд тегів в принципі не потребує завершальних тегах. Прикладами можуть служити тег вставки зображення <IMG>, примусового переведення рядка <BR>, вказівки базового шрифту < BASEFONT > і ін. Часто з самого призначення тега можна здогадатися, чи потребує він у завершальному.

Існують загальні правила інтерпретації тегів браузерами. На відміну від мов програмування, в яких помилкові оператори призводять до видачі відповідних повідомлень на етапі компіляції програми і вимагають виправлення, в HTML не прийнято реагувати на неправильний запис тегів. Неправильно записаний тег або його параметр повинен просто ігноруватися браузером. Це загальне правило для всіх браузерів, під дію якого підпадають не тільки помилково записані теги, але і теги, які не розпізнаються цією версією браузера. Прикладом можуть служити теги, запропоновані і реалізовані для окремого браузера і невідомі для іншого. Наприклад, тег-контейнер <NOFRAMES>, який служить для надання альтернативної інформації браузерам, не забезпечує підтримку фреймових структур, такими браузерами не буде розпізнано. Браузер ж, підтримує фрейми, зустрівши тег <NOFRAMES>, пропустить всю укладену в ньому інформацію. А браузер, не знайомий з фреймами, природно, не зрозуміє і тег <NOFRAMES>. Однак, згідно з наведеним правилом, цей тег буде просто пропущено, зате вся подальша інформація буде відображена.

Теги записуватися з параметрами або атрибутами (від англ., attribute). Набори допустимих параметрів індивідуальні для кожного тега. Загальні правила запису параметрів полягають у наступному. Після імені тега можуть слідувати параметри, які відокремлюються один від одного пробілами. Порядок проходження параметрів тега довільний. Багато параметри вимагають вказівки їх значень, проте деякі параметри не мають значення або можуть записуватися без них, приймаючи значення за замовчуванням. Якщо параметр вимагає значення, то воно вказується після назви параметра через знак рівності. Значення параметра може записуватися в лапках, так і без них. Єдиним випадком, в якому без лапок не обійтися, є випадок, коли в значенні параметра є прогалини. В значеннях параметрів (на відміну від назв тегів і самих параметрів) іноді важливий регістр запису. Наведемо приклад запису тега з параметрами:

<TABLE BORDER ALIGN="left">

Тут для тега <TABLE> задано два параметри. Перший параметр BORDER вказано без значення. Другий параметр ALIGN має значення left.

У наступних розділах першої частини книги буде описано призначення тегів мови HTML та їх параметрів. Загалом, теги можуть мати різні параметри, проте існує ряд параметрів, єдиних практично для всіх тегів. Згадаємо тут загальні параметри тегів, щоб більш не говорити про них при описі кожного тега.

Всі теги, які допустимо використовувати в розділі <BODY> документа HTML, можуть мати параметри CLASS, ID, LANG, LANGUAGE, STYLE і TITLE. Використання цих параметрів корисно, перш за все, при стильовому оформленні документів, мова про який піде в другій частині книги.

Параметри CLASS, ID STYLE підтримуються Internet Explorer, починаючи з версії 3.0, і Netscape, починаючи з версії 4.0. Ці параметри потрібні при використанні стилів.

Параметри LANG, LANGUAGE, TITLE — підтримуються тільки Internet Explorer, починаючи з версії 4.0. Ці параметри вказують, відповідно, використовуваний мову (наприклад, для Росії: LANG=ru), мова запису скриптів (наприклад, LANGUAGE=JavaScript), а також текст підказки, яка видається при наведенні покажчика миші на даний елемент (TITLE).

У сучасному HTML, крім тегів мови та їх вмісту, в початковому HTML-коді також записуються коди сценаріїв javascript або VBScript). У першій частині книги про це практично ніде не згадується, натомість частина друга цілком присвячена питанням використання сценаріїв.

Завершуючи загальний огляд HTML, зазначимо, що найпростіші HTML-документи являють собою звичайні текстові файли, для перегляду і редагування яких можна скористатися будь-яким текстовим редактором. Ці файли зазвичай мають розширення HTM або HTML.