- •Тема 1. Технології Internet та основи створення Web-вузлів
- •2, Загальні принципи створення комерційних Web-сайтів
- •3. Загальні принципи створення окремої сторінки Web-сайту "
- •4. Розміщення Web-вузла в Internet та вивір провайдера
- •Тема 2. Структура html-документа й елементи розмітки заголовка документа
- •1. Історія розвитку мови розмітки гіпертексту html
- •2. Принципи гіпертекстової розмітки. Структура html-документа
- •3. Тега, що визначають структуру документа
- •4. Призначення та основні контейнери заголовка
- •Тема 3. Мова розмітки гіпертексту html
- •5. Федорчук а. Как создаются Web-сайты: краткий курс- сПб: Питер, 2000.-224с: ил.
- •1. Теги управління розміткою
- •2. Теги керування відображенням символів
- •3. Організація тексту всередині документу
- •4. Засоби опису таблиць у html
- •Тема 4. Топологія Web-сайту. Навігація на Web-сайті. Створення гіпертекстових переходів засобами html
- •1. Топологія Web-сайту
- •2. Створення загальних посилань засобами html
- •3. Створення контекстних посилань засобами html
- •4. Створення гіперпосилань засобами html
- •5. Html форми
- •Тема 5. Основи Web-дизайну
- •2. Офермлеяня Web-сторінки. Типи фонів. Текстури. Правила
- •3. Логотип
- •4. Шрифт і текст у Web-дизайні
- •5. Кольорове коло. Системи представлення кольорів. Підбір
- •Тема 6. Кольорове оформлення сторінок засобами html. Web-графіка План лекції
- •1. Атрибути body для кольерового оформленим Web-сторінок
- •2. Оформлення таблиць
- •3. Використання графіки в html
- •Тема 7. Каскадні таблиці стилів css (Cascading Style Stoeets)
- •1. Основи css
- •1.1. Призначення css
- •1.2. Додавання стилів на web-сторінку
- •1.3. Присвоєння стилів
- •2. Властивості елементів, керованих за допомогою css
- •2.2. Текст
- •2.3. Шрифти
- •1. Пошук інформації у Internet Повнота, достовірність та швидкість пошуку
- •Тема 1. Технології Internet та основи створення Web-вузлів
2, Загальні принципи створення комерційних Web-сайтів
Як і будь-який інший рекламний засіб, сайт повинен утримувати увагу відвідувача, хоча б до моменту, поки він не ознайомиться з інформацією. Для цього сайт повинен відрізнятися зручністю сприйняття інформації, привабливістю.
Створення сайту починається з чіткого визначення призначення сайту. Від цього залежить: стиль оформлення, необхідні для створення і наступного функціонування витрати, формат представлення інформації для розміщення в Web, інструментарій і вимоги до програмного забезпечення Web-сервера та каналу зв'язку з Internet. Необхідно сформувати категорії користувачів, на яких розраховано Web-вузол. Виходячи з їх психології, повинна будуватися інформаційна структура, що буде залучати й утримувати клієнтів. Надалі всі питання про доцільність будь-яких дій, зв'язаних із Web-вузлом, повинні розглядатися у відповідності з тим, як відреагують на них відвідувачі і наскільки вони будуть сприяти досягненню головної мети.
Після того як сформульовані цілі та визначені категорії користувачів, необхідно розподілити підготовлену інформацію між Web-документами, продумати зв'язки між ними і передбачити додаткові навігаційні можливості.
Типова структура Web-вузла фірми зазвичай представлена так:
1. Іиформаціапр© компанію. Варто розповісти про цілі та основні
напрямки діяльності фірми, • її історію і т.д. Вказується, яку користь
одержать клієнти від співробітництва саме з цією компанією, а не з
іншими.
2. Інформація про продукцію й послуги. На Web-сторінці розміщуються фотографії або малюнки продукції. Описуються її властивості та переваги, наводяться приклади використання. Якщо є паперовий каталог продукції, то можна перенести його структуру й зміст у Web-вузол. Це полегшить створення і подальше відновлення електронного варіанта каталогу. Якщо планується прийом замовлень на продукцію або послуги через internet, то розміщується бланк замовлення, що буде надходити по електронній пошті.
3. Інформаційна підтримка. У цьому розділі публікується додаткова технічна інформація, питання, які часто задаються, поради по усуненню несправностей тощо.
4. Новини. Тут клієнтів інформують про нові товари й послуги, що
надаються фірмою, публікуються прес-релізи і т.д.
5. Зворотній зв'язок. Повідомляється, як можна зв'язатися з
фірмою, вказується адреса. Може міститись форма для відклику, гостьова
книга, адреси електронної пошти, на які клієнт може відправити запит і
т.д.
При наповненні Web-сайту потрібно дотримуватись двох принципів: унікальність і правдивість матеріалів.
При створенні Web-вузла необхідно пам'ятати, що окремі документи, які входять до його складу, повинні бути об'єднані загальним стилем оформлення й засобами навігації. Єдиний стиль оформлення -один із показників професійного виконання. Такий сайт користувачі будуть легко відрізняти від інших і запам'ятають його.
Те ж відноситься і до засобів навігації по сторінках. Необхідно передбачити можливість переходу до першого документа, програми пошуку або до схеми Web-вузла.
Єдність стилю дозволяє використовувати шаблони - сторінки, що містять ,**г1льки загальні елементи оформлення й навігації (без інформаційного наповнення). З їх допомогою можна швидко й ефективно створювати нові сторінки і розподіляти роботу по створенню між кількома людьми. При використанні шаблона для одержання готової сторінки достатньо лише внести в нього необхідну інформацію.
Послідовність, логічність, сталість - необхідні характеристики якості
гарного Web-вузла.
Після того, як визначена мета, задані структура і зібрана текстова та графічна інформація, розробляється зовнішній вигляд Web-сайта. Він також залежить від цілей, яких необхідно досягти. Спектр можливих рішень тут широкий: від перегляду вяш існуючих сторінок і створення подібних до звернення за допомогою до* професійних дизайнерів і художників. Необхідно пам'ятати про вже сформовані правила побудови Web-документів, із яких складається Web-сайт.
Сьогодні розповсюдженими є інтерактивні сайти. Вміст інтерактивного сайту постійно змінюється і повністю залежить від тих дій, які на сайті здійснив відвідувач. Інтерактивний сайт взаємодіє з відвідувачем, надає йому саме ті матеріали, у яких той зацікавлений. Створити інтерактивний сайт за «статичною» технологією неможливо або важко, відповідно такі сайти називаються динамічними.
Типовими прикладами інтерактивного веб-сайту можуть бути:
- Інтернет-магазини (віртуальні магазини)
- Онлайн CRM-система (Система управління взаємовідношеннями з клієнтами, що базується на веб-сайті компанії)
- Система комунікації з клієнтами (Інтернет-форуми)
- Системи взаємодії відвідувачів між собою (Інтереет форуми і дошка оголошень).
Створення якісного інтерактивного сайту не можливе без використання сучасних Інтернет технологій.