Технології розробки сайтів. Інструменти розробки сайтів

Опрацюйте теоретичний матеріал:

Існує лише 2 напрямки для створення сайті: ручний та автоматизований.

Для ручного створення сайтів використовують:

• HTML (англ.HyperTextMarkupLanguage, укр. Мова розмітки гіпертекстових документів) — стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді

• CSS (англ.CascadingStyleSheets, укр. Каскадні таблиці стилів) — спеціальна мова, що використовується для опису зовнішнього вигляду сторінок, написаних мовами розмітки даних.

• Java – мова програмування, розроблена компанією SunMicrosystems й нагадує структурою і синтаксисом мову програмування С. Вона є сьогодні в Internet у двох варіантах: JavaScript і Java. Перший варіант мови є всього лише надбудовою стандарту HTML і значно розширює можливості документа, створеного в цьому форматі. Модуль, написаний мовою JavaScript, інтегрується у файл HTML як підпрограма і викликається на виконання з відповідного рядка HTML-коду стандартною командою. Вбудований у браузер інтерпретатор мови сприймає і скрипт, і код гіпертексту як єдиний документ, обробляючи дані одночасно. Модуль Java на відміну від JavaScript не інтегрується у використовуючу його сторінку, а існує як самостійне застосування з розширенням .class у вигляді аплета. Він також викликається з html-файла відповідною командою, але завантажується, ініціалізо-вується і запускається для виконання у вигляді окремої програми у фоновому режимі.

• HypertextPreprocessor (PHP, препроцесор гіпертексту) – мова програмування, створена для генерації сторінок на Web-сервері і роботи з базами даних. У наш час підтримується переважною більшістю представників хостинга.

• Active Server Pages (ASP, активні сторінки сервера) – ще одна технологія, подібна до JavaScript і PHP. Для того, щоб зробити Web-сторінку інтерактивною з застосуванням технології ASP, необхідно вбудувати в її код відповідний скрипт, написаний макромовою. Скрипт інтерпретується і виконується безпосередньо на сервері, після чого призначеному для користувача браузеру відправляється вже html-документ з результатами роботи сценарію ASP.

• MySQL — вільна система керування реляційними базами даних.

Для автоматизованого створення сайтів використовуються вже написані програмістами системи керування вмістом сайту.

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

• WordPress

• Joomla

• Drupal

• Radiant

Вебсайти - це основа на якій тримається мережа Інтернет, і всі вони побудовані на трьох основних технологіях:

• HTML - відповідає за наповнення веб-сторінки контентом, структуру і зміст.

• CSS - використовується для оформлення та позиціонування, зовнішній вигляд.

• JavaScript - дозволяє додати функціонал, реакцію на дії користувача.

Опрацюйте відео-урок:

Виконайте інтерактивні вправи.

Будьте уважні! 3 вправи!

Скріни виконаних вправ прикріпіть до цього завдання.