УВАГА! Нам це потрібно
Стань справжнім українцем. Спілкуйся українською!
Ми б'ємося за незалежність!

• Замість вибіркового покарання (помсти?) за активну чи пасивну підтримку агресії проти України повинна бути реальна дерусифікація
• Кожен помирає. Але не кожен насправді живе. (Вільям Воліс)

Дайте, будь-ласка, відповідь, до якої вікової категорії ви належите.

Cторінка матеріалу «HTML, CSS, PHP, JavaScript, SQL» з категорії 1 «Авторські матеріали»

HTML, CSS, PHP, JavaScript, SQL

Показати/скрити текст

Pозділ: •Авторські матеріали• Опубліковано: 19.02.2016
Оцінка:

(0) Переглядів: 5466

HTML, CSS, PHP, JavaScript, SQL – що і навіщо?

PHP формує HTML, який задає розмітку сайту, CSS відповідає за зовнішній вигляд, а JavaScript все це оживляє.

Почнемо з мови HTML. Розширення файлів: .htm, .html

HTML- це мова розмітки гіпертексту (від англ. HyperText Markup Language). Дана мова застосовується для створення веб-сторінок. Вона інтерпретується (обробляється) браузером і відображається у вигляді документа в зручній для людини формі. HTML - це невід'ємна складова і основа практично будь-якої веб-сторінки. Мова HTML в першу чергу виступає як засіб логічної розмітки сторінки . Саме HTML дозволяє нам наділяти вміст сторінки певним змістом, а реалізується це за допомогою тегів. Теги - це спеціальні маркери, які певним чином інтерпретуються браузером. Суть тегів в тому, що вміст сторінки, укладений в різні теги, по-різному обробляється браузером. Кожен з HTML-тегів, призначених для розмітки текстової інформації, надає цій інформації певний сенс, наприклад: таблиця, абзац, малюнок, тощо. . Мова HTML має досить тривалу історію розвитку, і за цей час зазнала значних змін. Велика частина змін пов'язана з додаванням в мову нових тегів і «виведенням з обігу» застарілих. На момент написання цієї статті вже була розпочата розробка версії HTML 5.1. Для різних версій HTML передбачено різні оголошення типу документа . Розглянемо пару прикладів оголошення типу HTML 4.01 (на даний момент його можна вважати вже застарілим). 1. Строгий (Strict) : не містить елементів, позначених як «застарілі» чи «не схвалювані» (deprecated):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">

2. Перехідний (Transitional): містить застарілі теги в цілях сумісності і спрощення переходу зі старих версій HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

3. З фреймами (Frameset): аналогічний перехідному, але містить також теги для створення наборів фреймів:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
 "http://www.w3.org/TR/html4/frameset.dtd">

Оголошення типів документів, наведені вище, з часом будуть все більше йти в минуле, поступаючись місцем версії HTML 5. У HTML 5 використовується тільки один варіант DOCTYPE (тип документа):

<!DOCTYPE HTML>

Також слід згадати про те, що існує ще й мова XHTML . Це розширювана мова розмітки гіпертексту (від англ. Extensible Hypertext Markup Language ). На даний момент її розвиток зупинено. Нові версії XHTML не випускаються. На закінчення відзначимо той факт, що засобами HTML все ж можна управляти не тільки логічною структурою веб-сторінок, але і деякими аспектами їх зовнішнього вигляду. Однак такий підхід вважається неправильним і застарілим, тому що для дизайну існує окрема мова.

На цьому з HTML ми завершуємо і переходимо до мови CSS. Розширення файлів: .css

CSS – це мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки. Назва походить від англ. Cascading Style Sheets - каскадні таблиці стилів. Мова CSS призначена для того, щоб надавати необхідний зовнішній вигляд HTML-документам. Додання зовнішнього вигляду документам HTML - це хоч і найпопулярніший, однак лише окремий випадок застосування мови CSS, тому що з його допомогою можна надавати вид і документам інших типів: XHTML, SVG і XUL . Отже, метою створення CSS було відділення опису логічної структури веб-сторінки від її зовнішнього вигляду . Для опису структури використовується HTML, для опису ж того, як ця логічна структура буде виглядати, відповідає як раз CSS. Роздільний опис логічної структури та подання документа дозволяє більш гнучко управляти зовнішнім виглядом документа і мінімізувати обсяг повторюваного коду , який би неминуче виникав при використанні HTML для опису зовнішнього вигляду документа. За допомогою CSS веб-розробник може задавати для сторінки і окремих її елементів різні гарнітури та розміри шрифту, кольору елементів, відступи елементів один від одного, розташування окремих блоків на сторінці і т.д. Зрозуміло, для того, щоб використовувати CSS для додання зовнішнього вигляду HTML-документу, потрібно цей документ якось пов'язати зі стилями, тобто «повідомити» HTML-документу, що він буде оформлений за допомогою CSS. Для цього існують різні способи підключення CSS до документа, які дають браузеру знати, що на сторінку в цілому, або до якихось окремих її елементів повинно бути застосовано стильове оформлення. Таблиці стилів можуть розташовуватися як безпосередньо всередині того, документа, до яких вони будуть застосовуватися, так і перебувати в окремому файлі, що має розширення .css . CSS-файл - це звичайний текстовий файл . У ньому пишуться спеціальні інструкції, що описують зовнішній вигляд елемента та його позиціонування на сторінці а також коментарі (пояснення щодо написаних інструкцій). Стилі CSS можуть бути підключені до сторінки чотирма наступними способами:

1. Якщо таблиця стилів знаходиться в окремому файлі, то вона підключається до документа за допомогою спеціального тега link , який повинен розташовуватися в цьому документі всередині тега head:

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

В атрибуті href при цьому вказується шлях до файлу стилів.

2. Другий спосіб підключення застосовується також у тому випадку, якщо стилі знаходяться в окремому файлі. При цьому використовується директива @import , яка повинна знаходитися в цьому документі всередині тегів style (які, в свою чергу, повинні перебувати всередині тегів head):

<head>
  <style type="text/css" media="all">
    @import url(style.css);
  </style>
</head>

Тут шлях до файлу вказується в круглих дужках після слова url.

3. Третій спосіб використовується в разі, коли стилі CSS розташовані всередині того документа, до якого вони повинні застосовуватися. В цьому випадку стилі повинні знаходитися в цьому документі всередині тегів style (які, в свою чергу, повинні перебувати всередині тегів head):

<head>
 <style type="text/css">
    body {
      color: red;
    }
  </style>
</head>

В наведеному вище прикладі всередині тегів style розташований стиль, що задає червоний колір тексту для елемента body веб-сторінки.

4. Четвертий спосіб також застосовується у випадках, коли таблиця стилів описана в самому документі. При цьому стильове оформлення задається для якогось конкретного елемента веб-сторінки (тега) за допомогою використання його атрибута style .

При цьому всі CSS-правила, задані таким чином, будуть застосовуватися тільки до поточного тега (елементу веб-сторінки).

<p style="font-size: 21px; color: green;"> 
Використовуємо вбудовані таблиці стилів.</p>

В наведеному вище прикладі задається розмір шрифту і його колір для одного конкретного абзацу тексту в рамках документа. Підводячи підсумок по способах підключення стилів, можна сказати, що в перших двох випадках до документа застосовувалися зовнішні таблиці стилів , в той час як 3-й і 4-й способи мають справу зі вбудованими (або внутрішніми) стилями. Стильові правила задаються у вигляді пар «властивість: значення;» . При цьому застосовуються ці правила до так званих селекторів. Так в 3 прикладі ми маємо справу з селектором елемента ( body ). Як властивість виступає color , а в якості значення - red . Відмітимо, що всього існує 10 видів селекторів. Важливо розуміти загальний принцип. Селектор визначає один або групу елементів, до яких застосовуватимуться стильові правила (в нашому випадку це все вміст тега body ) Властивість можна визначити як вид перетворення, яке буде застосовано до елементу (в нашому випадку це color , тобто колір тексту). Значення ж визначає безпосередньо значення певного виду перетворення (в нашому прикладі це red , тобто червоний колір). У процесі розвитку мова CSS пройшла довгий шлях, і в даний час існує декілька рівнів: CSS1, CSS2, CSS3. З 2012 року розробляється CSS4. Сенс різних рівнів в тому, що відбувається виправлення існуючих помилок, додавання нових властивостей, розширення механізму селекторів і т.д. Іншими словами, кожен наступний рівень є не чимось відокремленим, а логічним розвитком і продовженням попереднього рівня, дозволяючи більш тонко і гнучко управляти зовнішнім виглядом web-сторінок.

На цьому огляд CSS закінчений і переходимо до наступної ланки - мови PHP. Розширення файлів: .php

Коли ми вже хоч трохи розібралися з HTML і CSS, то відразу виникає питання: «А що ж далі?» . Ви ж хотіли створювати класні сайти, а за допомогою HTML і CSS зробити цього ну ніяк не виходить ... Тут потрібна вже мова зовсім іншого типу і призначення. PHP протягом багатьох років стабільно знаходиться з списку найбільш популярних мов програмування і веб-розробки.

Що ж таке PHP?

PHP розшифровується як Hypertext PreProcessor (щось на зразок "оброблювач HTML"). Що це означає? Почнемо трохи здалеку: є два типи мов. Одна тип називається "клієнтською" , а інша - "серверною" . Це означає, що клієнтські мови працюють в браузері кожної конкретної людини. Типовим представником клієнтських мов є JavaScript, про який Ви напевно чули. Всі дії і команди, які ми задаємо, скажімо, на мові JavaScript, виконуються браузером (для спрощення ми не розглядаємо серверний JavaScript). Це означає, що один і той же код, написаний нами, обробляється в одному випадку браузером Internet Explorer, в іншому - Firefox, в третьому - Opera, в четвертому - Google Chrome, тобто тим оглядачем, який використовує кожна конкретна людина для перегляду нашої сторінки. Браузер, таким чином, має альтернативну назву - клієнт . У випадку з серверними мовами (до яких і відноситься PHP) ми спостерігаємо іншу картину. Наш сайт завжди розташований на будь-якому сервері, тобто потужному комп'ютері, спеціально призначеному для розміщення на ньому сайтів багатьох людей.

Всі команди і скрипти, написані на мові PHP, виконуються саме на сервері , і ніяк інакше. Після того, як PHP-скрипт виконається на сервері, сервер "віддає" результат своєї роботи браузеру, який перетворює цей результат в зручний для нас вид. Тут важливо розуміти наступний момент: по вихідному коду веб-сторінки, який можна подивитися в будь-якому браузері через опцію на кшталт "Вихідний код сторінки" не можна визначити, чи використовувався PHP для створення даної сторінки, чи ні. Неможливо це зробити якраз тому, що PHP-скрипти обробляються на сервері, а в браузер передається вже готовий, оброблений варіант . По суті, тільки HTML-код. Різниця в порівнянні зі звичайними статичними HTML-сторінками полягає в одному додатковому етапі обробки коду. У випадку з HTML-сторінкою є тільки один етап: браузер обробляє HTML-код, тобто розмітку сторінки відповідно до певних правил, в результаті чого ми і бачимо веб-сторінку в нормальному вигляді. У випадку з PHP-сторінкою є два етапи: спочатку так званий PHP-інтерпретатор (обробник) виробляє виконання PHP-коду (в результаті цього виходить простий HTML-код), а після цього вже браузер обробляє результат цієї обробки, тобто, по суті, виконується той самий етап, який є єдиним у випадку з HTML-сторінкою. Взагалі PHP прекрасно працює в парі з HTML . Більш того, в HTML-код можна робити вставки PHP-коду, а за допомогою PHP виводити HTML-розмітку. Не має значення, наскільки складний PHP-код, в остаточному підсумку "на виході" він стане звичайним HTML.

Для чого використовувати PHP?

HTML-сторінка на 100% є статичною. Вбудовуючи же в наші сторінки PHP-код, ми можемо домогтися того, щоб вміст однієї і тієї ж сторінки буде різний в залежності від певних умов (динамічні сторінки). За довгі роки свого існування мова PHP зарекомендувала себе як чудове рішення для створення динамічних веб-сайтів.

Що потрібно, щоб почати працювати з PHP? Для повноцінної роботи з PHP на Вашому комп'ютері потрібні такі речі:

1. Веб-сервер Apache (він використовується в більшості випадків);
2. Система Управління Базами Даних (СУБД) MySQL (в базі даних зберігається наповнення сайту);
3. Встановлений інтерпретатор PHP;
4. Текстовий редактор, в якому Ви будете писати код;
5. Браузер.

Тепер трохи докладніше про перші три пункти.

1. Веб-сервер призначений для імітації на Вашому комп'ютері того самого сервера, на якому потім буде розміщуватися Ваш сайт вже на хостингу в Інтернет. Це потрібно для того, щоб у себе на комп'ютері Ви могли писати будь-які PHP-скрипти і дивитися, як вони працюють, вносити в них зміни і правки. Одним словом, це необхідно для налагодження.

2. СУБД MySQL потрібна для зберігання інформації, яка буде на Вашому сайті. У випадку з HTML-сторінками весь вміст сайту знаходиться безпосередньо в них. Кожна сторінка містить певний обсяг інформації (контенту). При використанні PHP для цілей зберігання корисного інформаційного наповнення сайту використовується, як правило, база даних. У переважній більшості випадків це MySQL.

3. Інтерпретатор PHP - це програма, яка здійснює обробку PHP-коду на веб-сервері. Без нього ми ніяк не зможемо виконати наші PHP-скрипти і побачити результат їхньої роботи. Для того щоб повідомити веб-сервер про те, що повинна бути проведена обробка PHP-коду, необхідно використовувати наступний синтаксис при додаванні PHP в HTML-документ:

<?php
...тут йде PHP-код
?>

В цьому випадку веб-сервер, дійшовши до відкриваючого тега PHP ( <? Php ) передасть управління PHP-інтерпретатору. Після ж закриття блоку PHP-коду ( ?> ) інтерпретатор PHP припиняє свою роботу.

Повернемося тепер до ролі PHP в створенні сайтів. Уявімо для початку, що у нас є простий статичний сайт, написаний на мові HTML. Він складається з ряду сторінок і являє собою просто набір незмінних файлів. На такому сайті немає можливості створити форму зворотного зв'язку, коментарі, реєстрацію користувачів, пошук і т.д. Крім того, у такого сайту не може бути панелі управління, з якої ми могли б додавати нові сторінки, або редагувати і видаляти вже існуючі.

При використанні тільки мови HTML ми сильно обмежені в створенні дійсно зручних і функціональних сайтів , оскільки ми не маємо жодних «важелів управління» кожною конкретною сторінкою. Все, що ми можемо - це вручну відкрити окрему HTML-сторінку в редакторі коду і якось її модифікувати. Використання ж мови PHP дозволяє нам створювати дійсно потужні сайти завдяки тому, що ми можемо продумувати і реалізовувати «поведінку» нашого сайту . Ми можемо зробити так, щоб наш сайт поводився по-різному в різних ситуаціях, діючи за прописаними алгоритмам залежно від виконання або невиконання певних умов. Можливість задання потрібної нам логіки «поведінки» сайту є однією з найважливіших і найбільш цінних в мові PHP. Поряд з уже озвученими перевагами слід згадати, що PHP надає нам безліч інструментів для роботи з даними різних типів. Найчастіше доводиться мати справу з текстовими даними і даними, представленими у вигляді масивів. Для полегшення цих завдань в PHP передбачені численні функції, що дозволяють з легкістю маніпулювати будь-якою інформацією.. Крім цього, мова PHP дозволяє нам працювати з файлами і папками . Ми можемо його засобами створювати, редагувати і видаляти файли і папки і виконувати безліч інших операцій. Звичайно ж, не можна обійти стороною і такий важливий момент, як можливість використання PHP для організації більш зручної взаємодії користувача з сайтом.

Це такі речі, як:
- форма зворотного зв'язку;
- можливість коментування;
- реєстрація користувачів;
- пошук по сайту і т.д.

І, зрозуміло, PHP активно використовується для створення різноманітних панелей адміністратора, звідки ви можете просто і зручно управляти своїм сайтом. Додавання нових матеріалів, редагування категорій, модерування коментарів, зміна пунктів меню сайту, управління настройками - все це і багато-багато іншого можна реалізувати засобами PHP. Резюмуючи огляд з мови PHP, можна сказати, що наступним кроком після освоєння HTML і CSS має бути вивчення мови PHP, тому що саме вона дозволить вам перейти на принципово інший рівень в створенні сайтів.

З PHP ми закінчуємо і переходимо до ще однієї мови - JavaScript. Розширення файлів: .js

JavaScript - це мова програмування, яка знайшла найбільш широке застосування в браузерах для додання інтерактивності веб-сторінок. Важливо розуміти, що це далеко не єдина область застосування JavaScript, проте в рамках нашої теми найбільш доречно розглядати саме такий варіант використання цієї мови. Основним завданням JavaScript в розглянутому нами контексті є маніпулювання елементами DOM-моделі web-сторінки. A що ж таке DOM? .

DOM - це об'єктна модель документа (від англ. Document Object Model ).

Згідно з DOM, документ (наприклад, веб-сторінка) може бути представлений у вигляді дерева об'єктів, що володіють рядом властивостей, які дозволяють робити з ним різні маніпуляції:
- отримання вузлів;
- зміна вузлів;
- зміна зв'язків між вузлами;
- видалення вузлів.

Саме ці маніпуляції і дозволяє нам здійснювати над елементами сторінки мовa JavaScript. Для додавання JavaScript-коду на сторінку можна використовувати тег script . Його рекомендується поміщати всередині тега head , хоча це і не обов'язково. Контейнерів script в одному документі може бути скільки завгодно. При цьому атрибут «type = 'text / javascript'» вказувати необов'язково, тому що значення javascript є значенням за замовчуванням. Нижче наведено приклад скрипта, що виводить так зване модальне вікно з класичної написом «Hello, World!» всередині браузера:

<script type="text/javascript">
alert('Hello, World!');
</script>

Розташовувати JavaScript-код можна і всередині тега. Специфікація HTML описує набір атрибутів, використовуваних для завдання обробників подій. Розглянемо такий приклад:

<a href="delete.php"
 onclick="return confirm('Ви впевнені?');">Видалити</a>

В наведеному вище прикладі при натисканні на посилання «Видалити» функція confirm ('Ви впевнені?'); викликає модальне вікно з написом «Ви впевнені?». При цьому при негативній відповіді (тобто «ні», якщо ми не впевнені) відбувається блокування переходу за посиланням. Зверніть увагу, що така практика використання JavaScript не вважається хорошою. Знову ж правильним варіантом застосування JavaScript був би такий підхід. Спершу ми постачаємо ідентифікатором ( id = "alertLink" ) посилання:

Після цього пишемо наступний код в окремому JavaScript-файлі (як його підключити до документа буде показано трохи нижче):

<a href="delete.php" id="alertLink">Видалити</a>
window.onload = function() {
 var linkWithAlert = document.getElementById("alertLink");
 linkWithAlert.onclick = function() {
  return confirm('Ви впевнені?');
  };
};

У цьому прикладі створюємо функцію, що спрацьовує при повному завантаженні веб-сторінки. Ця функція знаходить елемент з ідентифікатором alertLink і відстежує подію кліка по ньому (тобто за посиланням «Видалити»). З подією кліка виводиться модальне вікно з уже знайомим нам повідомленням. І, нарешті, розглянемо, як можна підключити JavaScript з зовнішнього файлу. Тут ситуація дуже схожа на ту, що була у випадку з CSS, тільки замість CSS-коду ми пишемо в файлі (з розширенням .js) JavaScript-код, після чого підключаємо його в потрібний нам файл в тезі head за допомогою конструкції:

<script type="text/javascript" 
src="http://Шлях_до_файлу_із_скриптом"></script>

Після такої маніпуляції нам будуть доступні всі функції, які були написані в JavaScript-файлі. Отже, можна сказати, що JavaScript - це мова, яка дозволяє активно управляти структурою веб сторінки, маніпулювати її елементами . На практиці це знаходить своє застосування при створенні різних анімаційних ефектів, ефектів переміщення, розчинення, збільшення і зменшення об'єктів. JavaScript застосовується для створення різних фотогалерей , так званих слайдерів або ротаторів контенту , суть яких полягає в тому, щоб в певному обмеженому просторі відбувалося чергування різних об'єктів (наприклад, зображень). Часто JavaScript використовується і для первинної перевірки даних , які користувач вводить в форми. Говорячи про JavaScript, не можна не згадати про спеціальні JavaScript-бібліотеки ( jQuery, Prototype, MooTools і ін.) Сенс JavaScript-бібліотек полягає в тому, щоб надати крос-браузерні інтерфейс до методів DOM . Це означає, що ви можете використовувати певні функції, вже написані в рамках тієї чи іншої бібліотеки і отримувати необхідний вам результат, однаково добре працює у всіх браузерах. До того ж бібліотеки позбавляють веб-розробників від необхідності вивчати в деталях сам JavaScript, надаючи ряд зручних у використанні інструментів, що дозволяють з легкістю управляти об'єктною моделлю документа. Резюмуючи, можна сказати, що JavaScript може стати «родзинкою» вашого сайту, причому як в плані його прикраси, так і в плані додаткового функціоналу, який можна забезпечити за допомогою цієї мови.

З JavaScript у нас все, переходимо до останньої мови - SQL. Розширення файлів: .sql

SQL –це інформаційно-логічна мова, призначений для опису, зміни і вилучення даних, що зберігаються в реляційних базах даних. Для того щоб краще розібратися з цим визначенням, ми почнемо з самих основних понять.

При розробці серйозних веб-додатків, практично завжди використовуються бази даних. У них зберігається інформація, необхідна для роботи сайту - починаючи від самого вмісту (контенту), і закінчуючи логінами і паролями користувачів і різними настройками сайту. Незважаючи на те, що в базі даних можна зберігати не тільки текстову інформацію, а й, скажімо, картинки, якісь документи і т.д, як правило вона все ж використовується саме для зберігання текстової інформації, а інформація іншого типу зберігається у вигляді файлів. Бази даних мають ряд переваг в порівнянні, наприклад, із зберіганням текстової інформації в файлах:

1. Висока швидкість отримання інформації;

2. Вони дозволяють отримувати довільний доступ до даних. (Тобто легко звернутися до якоїсь однієї, конкретного запису в базі);

3. З бази даних можна отримувати дані, які відповідають певним критеріям, які нас цікавлять;

4. Застосування бази даних дозволяє нам не турбуватися про паралельний доступ до даних. Тобто для нас в цьому випадку не важливо, що один і той же запис одночасно можуть затребувати кілька десятків людей.

Важливо розрізняти терміни "база даних" і "система управління базами даних" (СУБД). База даних - це інформація, яку ми зберігаємо і структура цієї інформації, в той час як СУБД - це програма, яка надає зовнішнім додаткам доступ до баз даних. База даних - це річ, яку ми самостійно проектуємо для кожного конкретного проекту, задаючи її структуру виходячи з функцій нашого майбутнього проекту. СУБД ж вибирається нами з певного обмеженого списку (Oracle, MySQL, PostgreSQL и т.д.)

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

Саме ж слово "реляційні" походить від англ. relation - відношення. Під "відношенням" розуміється зв'язок між різними таблицями, що входять в базу даних. Що характерно, таблиці в базі даних - це дійсно звичайні таблиці, які за своєю суттю ідентичні будь-яким таблицям - починаючи від таблиці множення, і закінчуючи таблицями в Microsoft Excel . Таблиця має обмежену кількість стовпців (як правило, невелику) і як завгодно багато рядків. Яким чином можна вставляти нові дані в базу (рядки), змінювати їх, видаляти і проводити інші маніпуляції? Для цього і існує спеціальна мова SQL (від англ. Structured query language - мова структурованих запитів). Тобто SQL - це універсальна комп'ютерна мова, розроблена саме для керування базами даних. З її допомогою ми можемо виконати практично будь-яку операцію: починаючи від створення бази даних і закінчуючи вибіркою з бази будь-якого набору інформації. Як правило, SQL-запити передаються в СУБД за допомогою зовнішньої програми. При цьому СУБД виконує зазначений запит і повертає у відповідь певний результат. Кожна команда SQL - це або запит даних з бази, або звернення до бази даних, яке призводить до зміни даних в базі. Відповідно до того, які зміни відбуваються в базі даних, розрізняють такі типи запитів:

- запити на створення або зміна в базі даних нових або існуючих об'єктів (при цьому в запиті описується тип і структура створюваного або змінюваного об'єкта);
- запити на отримання даних;
- запити на додавання нових даних (записів)
- запити на видалення даних;
- звернення до СУБД.

Таким чином, мова SQL є тією сполучною ланкою, яка забезпечує взаємодію веб-додатку з базою даних і зберігається в ній інформацією. Мову SQL складно назвати простою, і повноцінне її використання зажадає чималих зусиль по її вивченню. Саме тому в багатьох інструментах веб-розробки (наприклад, у фреймворку CodeIgniter) взаємодію сайту з базою даних реалізовано за допомогою своєрідної «надбудови», яка дозволяє виконувати з нею всі необхідні дії, не вивчаючи при цьому саму мову SQL. Однак якщо ви не використовуєте фреймворків і сms, то для створення повноцінного веб-додатку, керованого базою даних, вам, зрозуміло, потрібно буде освоїти SQL. Ну що ж, давайте підведемо невеликий підсумок цього огляду.

Фундаментом веб-розробки була і залишається мова HTML . Без неї все інше практично позбавлене сенсу, адже саме HTML-розмітка перетвориться браузером в ту підсумкову картину, що ми бачимо на екрані монітора. CSS є інструментом настройки вигляду і позиціонування різних елементів веб-сторінки, що дозволяє нам гнучко управляти виглядом нашого веб-додатку. PHP дозволяє створювати потужні динамічні сайти, що мають певну логіку поведінки. PHP також дає практично необмежені можливості по розширенню функціоналу сайту. JavaScript виступає в якості важливого, але не завжди обов'язкового доповнення. Він здатний істотно підвищити зручність використання сайту і його інтерактивність, додати в нього певну «родзинку». Нарешті, SQL дозволяє нам організувати взаємодію сайту з базою даних, що і дозволяє, в зв'язці з мовою PHP створювати потужні, функціональні сайти. На цьому даний огляд можна вважати закінченим. Сподіваємося, що він був корисний і допоміг розібратися з найбільш важливими фундаментальними моментами веб-розробки.

!!! СКРИТИЙ ТЕКСТ !!! Цей контент доступний тільки зареєстрованим користувачам.

Знайшли помилку? Повідомте нас!

Цікаве на сайті:●ОПОРНИЙ КОНСПЕКТ ЛЕКЦІЙ з МАЛЮВАННЯ● ●Скільки сайтів в інтернеті?● ●Відкритий урок з фізики у 8 класі●