--- title: Початок роботи з Інтернетом slug: Learn/Getting_started_with_the_web tags: - CSS - HTML - 'l10n: пріоритет' - Покажчик - Посібник - Початківцям - Розробка - Теорія translation_of: Learn/Getting_started_with_the_web ---
{{LearnSidebar}}

«Початок роботи з Інтернетом» — це серія стислих статей, що знайомить з практичними питаннями веб-розробки. Ви налаштуєте інструменти, необхідні для створення простої веб-сторінки та публікації власного коду.

Історія вашого першого сайту

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

Опрацьовуючи статті послідовно, ви розташуєте створену веб-сторінку в інтернеті. Почнемо!

Встановлення необхідних програм

Є чимало інструментів для побудови сайтів. Початківець може розгубитись, при виборі редакторів коду, фреймворків  та засобів для тестів. Встановлення необхідних програм поступово допоможе встановити все, що потрібно для простої веб-розробки.

Який вигляд матиме ваш сайт?

Перед тим, як почати писати код для сайту, треба мати план. Яку інформацію відобразити? Які кольори та шрифти використати? Який вигляд матиме ваш сайт? Пропонуємо вам простий спосіб планування змісту та зовнішнього вигляду вашого сайту.

Робота з файлами

Сайт складається з багатьох файлів: текстів, коду, таблиць стилів, медіа-контенту тощо. Коли створюється сайт, потрібно об'єднати ці файли в логічну структуру та впевнитися, що вони доступні одне одному. Робота з файлами пояснює, як створити логічну структуру файлів для сайту й уникнути типових проблем.

Основи HTML

Hypertext Markup Language (HTML, мова розмітки гіпертексту) — це код, що структурує зміст веб-сторінок та надання йому значення і мети. Наприклад, чи є контент набором параграфів, чи списком із маркерами? Чи є на сторінці зображення, таблиці з даними? В Основах HTML достатньо інформації для знайомства з HTML.

Основи CSS

Cascading Stylesheets (CSS, каскадні таблиці стилів) — це код для стилізації сайту. Наприклад, який колір тексту, де розміщенно контент на екрані? Які фонові зображення та кольори взято для оздоблення сайту? З Основ CSS ви дізнаєтесь про стилізацію для початківців.

Основи JavaScript

JavaScript — це мова програмування, яку використовують для можливості взаємодії з веб-сайтами. А саме: ігри, дії, що відбудутся після натиску на кнопоку або введення даних до форми, створення динамічних стилей, анімацій тощо. Основи JavaScript описують можливості цієї захоплючої мови програмування та як почати нею користовуватись.

Публікація вашого сайту

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

Як працює Інтернет 

Коли ви заходите на улюблений сайт, виконується безліч фонових завдань, можливо непомітних для вас. Як працює Інтернет описує процеси, які відбуваються, коли ви переглядаєте веб-сторінку на компьютері.

Дивіться також