Інструменти веб-розробника

Презентація

Перегляньте відео!!!

 Практичне завдання.

В програмі (блокнот,  Notepad + + або ін.)

Д/З   Вивчити тему

  Підготуйте інформацію:«Що таке веб-дизайн? Що виконує кожен із спеціалістів веб- дизайну?» 

Найвідомішою та найпопулярнішою службою Інтернету є Всесвітня павутина (Веб). Саме після її розповсюдження став можливий доступ користувачів до Всесвітньої мережі

Своєю появою Веб має завдячити Тіму Бернесу-Лі, який винайшов протокол HTTP, адреси URL та мову HTML — технології, на яких ґрунтується Веб.

Служба Веб підтримується сукупністю серверів, які здатні обмінюватися даними за протоколом HTTP. Цих серверів мільйони, й розповсюджені вони по всьому світу.

 На них містяться веб-сторінки — спеціальні документи, створені з використанням мови HTML.

Кожна веб-сторінка має адресу URL, за допомогою якої вона може бути знайдена.

Перегляд веб-сторінок здійснюється у спеціальних програмах – браузерах

Веб-дизайн (англ. web design) — галузь веб-розробки, що охоплює цілий ряд напрямів і дисциплін із створення та супроводу сайтів або веб-застосунків, таких як графічний веб-дизайн, проектування інтерфейсів, авторинг, використовність та оптимізація для пошукових систем

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

У графічному веб-дизайні використовують пакети векторної й растрової графіки для створення прототипів зображень чи дизайну у форматі для веб.

До технологій, використовуваних при створенні веб-сайтів, належить стандартизована розмітка, яку пишуть вручну чи генерують за допомогою редакторів WYSIWYG

Для перевірки позиціювання сайту у пошукових системах та його покращення застосовують інструменти оптимізації для пошукових систем

До інструментів веб-дизайну належать також валідатори розмітки та інші засоби тестування використовності й доступності, які дозволяють пересвідчитися у тому, що сайт відповідає стандартам веб

Валідатор — комп'ютерний сервіс, програма, об'єкт, функція або оператор, яка/який перевіряє відповідність деяких даних вимогам до типу, вмісту, формату або синтаксису.

Процес перевірки називають валідацію (процес затвердження, легалізації, ратифікації), а дані, що відповідають вимогам — валідними

•          Використовують текстові редактори Блокнот, Edit Plus, HomeSite, HTML Pad та ін.

•          Готову сторінку зберігають з розширенням імені файлу htm або html

•          Створення веб-сторінки такими засобами передбачає знання мови розмітки гіпертексгів HTML

•          Розмір такого файлу невеликий, тому сторінка швидко завантажується та відкривається у вікні браузера

•          Програми з пакету MS Office, які можуть зберігати файли у форматі HTML: Word, PowerPoint, Publisher

•          Для створення веб-сторінки непотрібні знання мови HTML, застосування тегів для розмітки відбувається автоматично

•          Файли, у яких зберігаються такі сторінки, мають великий обсяг

•          WCMS (англ. Web Content Management System - система управління веб-контентом) є системи Joomla, Wordpress,  Drupal,  Media Wiki, Mambo, NUKE та ін.

•          Шаблони оформлення веб-сторінок і модулів, що роблять сайт динамічним: форумів, чатів, стрічок новин, каталогів файлів, контролю статистики тощо