Початок роботи з Web

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

Ваш перший веб-сайт

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

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

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

Як буде виглядати ваш веб-сайт?

Перед тим, як ви почнете писати код для вашого сайту, вам необхідно розробити план. Before you start writing the code for your website, you should plan it first. Яку інформацію ви хочете відобразити? Які кольори та шрифти ви використаєте? Як буде виглядати ваш сайт? Ми пропонуємо простий спосіб, який ви можете використати для планування змісту і зовнішнього вигляду вашого веб-сайту.

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

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

Основи HTML

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

Основи CSS

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

Основи JavaScript

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

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

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

Як працює web

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

Мітки документа й учасники

 Зробили внесок у цю сторінку: Ahineya, yuraantonov
 Востаннє оновлена: Ahineya,