30. Підготовка та публікація Web-сайту.

Завжди дотримуйте основне правило веб-дизайну: 

Відвідувач вашого сайту завжди повинен відчувати, що його люблять.

Всілякі додаткові функції і ефекти, як, власне, і будь-яку інформацію, можна лише пропонувати відвідувачеві, але у жодному випадку не нав'язувати.  Якщо ви вирішили, що вашому сайту потрібна фонова музика, то слід запропонувати відвідувачеві включити її, але у жодному випадку не запускати відразу так, щоб потім він, приголомшений вашим музичним смаком, гарячково не шукав вимикач, присутність якого, до речі, на сайтах з музикою просто обов'язково. Хорошим стилем є конструювати тексти для читання шириною, такий же як в друкарських книгах, тобто 10-14 см, обрамленого полями. До речі, нині модний "гумовий" дизайн сторінки, що відрізняється тим, що зміст сайту може розтягуватися пропорційно розмірам вікна, - не саме краще рішення для оформлення текстів. Має сенс підпирати розмір рядків, обмеживши тим самим надмірне розтягання тексту. Дуже добре, якщо ви дасте можливість відвідувачеві самостійно змінювати розмір шрифту, яким написані всі тексти. Дотримуйте правило десяти секунд. Будь-яка сторінка повинна відкриватися не довше за цей час, особливо перша. Якщо об'єм сторінки великий, то будь-яким способом дайте знати відвідувачеві, що доведеться якийсь час почекати завантаження вибраної інформації. Можете, наприклад, поряд з посиланням вказати розмір файлу. Посилання на чужі джерела, або цитати, повинні бути обов'язково перевірені. Витримуйте єдиний стиль викладу. Краще, якщо тексти готують спеціально навчені люди. Ви повинні точно знати походження публікованої інформації (текстів, картинок, музики і т. д.), яка обов'язково повинна бути легальною. Тобто ви самі є її автором, або у вас є дозвіл на її публікацію, краще письмове або е-mail. Дуже рідко буває, коли хто-небудь відмовляє у використанні (навіть абсолютно безкоштовно) свого матеріалу на інших сайтах.  На першій сторінці обов'язково повинна бути присутньою інформація, з якої з перших слів або зображень було ясно, про що цей сайт. Дотримуйте правило трьох клацань - в будь-яке місце сайту можна добратися не більше ніж за три клацання по мишці. Для інформаційних сайтів, як не дивно це звучить, але необхідна стереотипна навігація. Відвідувачі повинні з перших секунд здогадатися, як управляти вашим сайтом.

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

31. Створення Web-сторінок. Динамічні Web-сторінки.

Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-броузера.

Для створення i редагування HTML-файла можна скористатися будь-яким текстовим редактором. Якщо HTML-файл відкрити за допомогою засобів перегляду, наприклад, Internet Explorer, він відображає текст, графіку i гіперпосилання на інші Web-сторінки.

Мова HTML (мова гіпертекстової розмітки) призначена для опису Web-сторінок i не є мовою програмування. Вона призначена для розмітки текстових документів, тобто для їх форматування. Всі Web-сторінки, які є в Internet, створені за допомогою мови HTML.

Керуючим елементом мови HTML є тег, який визначає, як буде виглядати відповідний фрагмент на екрані броузера.

Тег - це команда HTML формування вигляду фрагменту Web-сторінки, яка завжди записується в кутові дужки.

Наприклад, <I> - почати виводити текст курсивом, <B> - почати виводити текст напівжирним.

Закриваючий тег, який припиняє дію відповідної команди, починається з “/”. Наприклад, </I> (або </B>) - припинити виведення тексту курсивом (або напівжирним). Ці теги можна використовувати комбіновано.

Наприклад,так:

<В>напівжирний<I>напівжирний+кусив</I>напівжирний</В>

Теги типу <I> i <В> ще називають контейнерами, бо між ними знаходиться фрагмент тексту. Не всі теги є контейнерами. Наприклад, тег <IMG> - розміщує на сторінці зображення.

HTML-тег може мати параметри, ям називаються атрибутами.

Атрибут повідомляє броузеру додаткову інформацію про особливості застосування даного тега.

Наприклад, тег, який створює гіпертекстове посилання, повинен мати атрибут, що визначає URL Web-сторінки, на яку вказує посилання. Атрибут може мати значення. Ім'я атрибуту i значення розділяються знаком "=". Нехай треба створити гіпертекстове посилання на HTML-файл, для чого вказується URL цього файла як значення атрибута HREF. Атрибут разом з наданим йому значенням розташовується перед закриваючою кутовою дужкою тега <А>: