Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

21 серпня 2021

Перегляди: 27106

Цей урок присвячений темі як вставити картинку в HTML і які стилі CSS найбільш часто застосовуються для зображень. Тут ми розглянемо всі основні питання стосовно вставки і відображення картинки в веб-документі. А також розглянемо причини чому у деяких користувачів не відображається картинка в HTML.

Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

17 травня 2021

Перегляди: 3902

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

Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

02 травня 2021

Перегляди: 7568

Таблиця в HTML — це спосіб вивести на екран дані, упорядкувавши їх в колонки і рядки. Кожен елемент в таблиці є складовою частиною і рядка, і колонки.

Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

25 лютого 2021

Перегляди: 934

Що таке коментар, і для чого потрібні коментарі в HTML? Якщо говорити про програмування, то це певна інформація, яка написана в коді програми для його пояснення. Ця інформація ніяк не впливає на виконання коду програми і звичайно ж не відображається в програмі для користувача.

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

Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

31 січня 2021

Перегляди: 909

Будь-який HTML-документ складається зі спеціальних елементів, які ще прийнято називати тегами.

В основному, HTML код складається з так званих відкриваючих і закриваючих тегів. Хоча бувають і винятки. Лише поодинокі елементи використовуються без закриваючого тега, і ми звичайно ж їх розглянемо в свій час.

Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

31 січня 2021

Перегляди: 462

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

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

Відразу хочу відзначити, що для повсякденної роботи у мене встановлені два редактора – Visual Studio Code та Notepad++.

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

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

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

Visual Studio Code

Мабуть, самим потужним безкоштовним редактором вихідного коду є продукт компанії Microsoft – Visual Studio Code.

Він включає в себе відладчик, має підсвічування синтаксису, IntelliSense (автоматично дописує функції при введенні початкових літер), засоби для рефаторінга, інструменти для роботи з Git, навігацію по коду і ряд інших можливостей.

Поширюється Visual Studio Code за ліцензією MIT. Це одна з найбільш ранніх ліцензій відкритого і вільного програмного забезпечення.

Завантажити безкоштовно Visual Studio Code ви можете на офіційному сайті за посиланням https://code.visualstudio.com

Notepad++

Notepad++ — це безкоштовний текстовий редактор, оснащений підсвічуванням синтаксису коду.

Те що я використовую саме цей редактор коли пишу сайти це швидше за все справа звички. Адже Notepad ++ з'явився в далекому 2003 році. І за весь той час, що я ним користуюся, у мене жодного разу не було нарікань ні на швидкість, ні на зручність роботи в цій програмі.

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

Завантажити безкоштовно Notepad ++ ви можете на офіційному сайті за посиланням https://notepad-plus-plus.org

Якщо ж ви вам не підійшли ні перший, ні другий із запропонованих мною редакторів коду, то ось мій ТОП-5 найпопулярніших безкоштовних редакторів коду з підсвічуванням синтаксису:

1. Visual Studio Code
2. Atom
3. Sublime Text 3
4. PyCharm
5. Notepad++

Все що вам потрібно – це завантажити і встановити хоча б 2 з запропонованих мною редакторів, випробувати їх, і вибрати той з яким вам зручніше за все працювати.

Важливо!

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

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

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

Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

31 січня 2021

Перегляди: 468

HTML (HyperText Markup Language — «мова гіпертекстової розмітки») — це спеціальний код, який визначає зміст і структуру веб-сторінки.

Код HTML обробляється (інтерпретується) браузерами, і отримана в результаті інтерпретації сторінка відображається на екрані монітора комп'ютера, або мобільного пристрою.

Тобто можна сказати, що завдяки HTML ми бачимо у вікні браузера ту, чи іншу інформацію: гіперпосилання, блоки, таблиці, картинки, відео та інше.

Сайтобудування

Сайти на HTML, CSS, JavaScript, PHP, MySQL

31 січня 2021

Перегляди: 288

Вітаю, любий читач!

Якщо ти зараз читаєш мою книгу, або переглядаєш цей матеріал на сайті www.d-nik.pro, значить, тебе цікавить створення сайтів для початківців з нуля. І так як HTML є найважливішою складовою кожної веб-сторінки в інтернеті, вивчення ми почнемо саме з цієї мови.

Тут хочу відзначити, що HTML не є мовою програмування. Це мова гіпертекстової розмітки. Тому, в ході прочитання даної книги, термін «мова HTML» буде зустрічатися тобі дуже часто, але потрібно розуміти, що на HTML не програмують.

Сайтобудування

Нотатки Web-програміста

03 січня 2023

Перегляди: 499

Від одного з моїх підписників на YouTube каналі надійшло досить цікаве питання. Він запитав, як зробити так, щоб при натисканні на кнопку з'являлася картинка у браузері. А при повторному натисканні на кнопку, щоб ця картинка зникала.

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

Сайтобудування

Нотатки Web-програміста

26 грудня 2021

Перегляди: 828

У сьогоднішньому уроці я покажу вам як можна за допомогою CSS реалізувати на сайті (в HTML документі) анімацію у вигляді об'єкта, що рухається. У нашому випадку це буде Санта Клаус (або Дід Мороз). І ось цей персонаж буде не просто ворушитися, він ще й пересуватиметься з лівої частини вікна браузера до правої.