Тема 10. Основи Веб-дизайну
Етапи проектування та розробки веб-сайту.
Структура веб-сторінки та її об’єкти.
Основні теги мови HTML.
Оформлення тексту, створення списків та заголовків.
Створення та форматування таблиць та графічних об’єктів.
Гіперпосилання на веб-сторінці.
Використання фреймів.
Основні поняття:
Web-сторінка - це гіпертекстовий документ, написаний мовою HTML, що містить звичайний текст і вказівки (теги, дескриптори), як то: засоби форматування тексту та посилання на інші об'єкти (графіку, аудіо- і відеозапис, а також на інші web-сторінки). HTML-документи мають розширення .htm або .html
Web-сторінки зберігаються на жорстких дисках Web-серверів. Web-сервери — це спеціалізовані комп’ютери з відповідним програмним забезпеченням, яке дає можливість доступу користувачів до Web-сторінок; це програмне забезпечення також називається Web-сервером.
Web-сайт (Web-вузол) - це група сторінок, яку присвячено певній темі та розміщено в певному каталозі Web-сервера. Власником Web-сайту є приватна особа або організація.
Хостинг -це послуги з розміщення сайту на сервер. За умовами надання хостинг часто розділяється на платний і безкоштовний. Недоліками безкоштовного хостингу є обмежений дисковий простір, невелика пропускна спроможність інтернет каналу (низька швидкість завантаження сайту), відсутність обмежена функціональність серверних технологій. Тому безкоштовний хостинг використовується в основному для любительських сайтів.
Програми-браузери використовують для перегляду веб-сайтів (тобто програми-браузери подають дані сайту відповідно до застосованих тегів). Найпопулярніші програми-браузери - це Internet Explorer, Mozilla Firefox, Opera, Google Chrome, Safari.
Ім'я веб-сайту визначається доменним іменем, яке має бути унікальним в рамках одного домена. Наприклад, wezoom.com.ua – це унікальне ім'я доменної області .com.ua. Саме за доменним іменем сайти ідентифікуються в мережі Інтернет.
Доменне ім'я купують у компанії-реєстратора: зазвичай, це певна грошова сума за рік. Вартість доменного імені залежить від компанії- реєстратора. В деяких доменних зонах є свої умови реєстрації, наприклад домен .ua реєструється лише для власників торгівельних марок (ТМ), а домен .org.ua або .net.ua - безкоштовно.
World Wide Web (WWW) – це служба Інтернет, яка управляє передаванням web-сторінок.
1. Етапи проектування та розробки веб-сайту
Для створення Веб-сайту компанії необхідно:
визначити мету створення сайту;
розробити технічне завдання (ТЗ);
зареєструвати домен сайту в певній зоні (com, ru, ua, net і т. ін.);
розробити сайт;
розмістити сайт на хостингу;
зареєструвати в пошукових системах і тематичних каталогах;
виконати пошукову оптимізацію сайту;
здійснювати постійну підтримку сайту.
Розробка сайту - найважливіший етап створення сайту. При розробці сайту необхідно приділяти велику увагу вмісту (контенту), структурі і дизайну (графічному оформленню) Web-сторінок.
Для розробки сайту використовуються різні програми: Macromedia HomeSite Plus, Macromedia Dreamweaver, Microsoft FrontPage, Microsoft Publisher і т. ін.