Про книгу

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

Головна героїня книги – художниця Кім, яка намагається зробити сайт для свого портфоліо. Зненацька вона потрапляє в незвичайний світ, сповнений небезпечних пригод (спойлер: все закінчиться добре). Під керівництвом веб-гуру Кім вирушить у подорож через дрімучий ліс, битиметься з драконами невірних посилань і розбереться, що відбувається в WordPress-сіті. А заразом – освоїть разом з читачем HTML і CSS, навчиться робити сайти на WordPress і зрозуміє, як вибирати хостинг.

Як працювати із книгою?

У книзі шість розділів. Кожна з них розкриває одну тему – що потрібно для початку роботи, базові HTML-теги, налаштування та підключення СSS, робота з WordPress, вибір хостингу та запуск сайту.

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

Можна просто читати цю книгу як великий цікавий комікс, а можна включити комп’ютер і одразу пробувати все на практиці. Якщо одразу пробувати виконувати вправи після кожного розділу — прогрес у навчанні не забариться.

Що потрібне для навчання?

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

текстовий редактор з підсвічуванням синтаксису (є безкоштовні версії і для Windows, і для Mac OS);
браузер (а краще кілька, щоб перевіряти, як ваш сайт відображається у кожному з них);
безкоштовний ftp-клієнт (він знадобиться, коли ми переноситимемо вміст вашого сайту на хостинг).
Про HTML та CSS

Найпопулярніші мови розмітки – HTML і CSS – можна назвати алфавітом, на якому написаний інтернет: вони використовуються на кожному сайті без винятку.

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

CSS (каскадна таблиця стилів) відповідає за дизайн сайту: колір фону, шрифт та його зображення, зовнішній вигляд тих чи інших елементів. Якщо порівняти сайт з будинком, то HTML – це його стіни та інженерні комунікації, а CSS – інтер’єр.

Звичайно, існують онлайн-конструктори, які дозволяють зібрати сайт без будь-яких знань. Але кожен із них — це просто набір готових рішень. Вони гарно виглядають із боку та непогано економлять час. Але як тільки ви захочете зробити щось серйозніше за шаблонний сайт-візитки, вам буде складно знайти те, що на 100% підходить саме вам. До речі, книга навчить вас працювати і з найпопулярнішим з цих конструкторів WordPress.

Фішки книги

допоможе освоїти професію майбутнього: за комп’ютером із користю;
перші кроки у веб-дизайні;
допоможе вивчити HTML та CSS;
у форматі крутого коміксу;
пояснюється найпопулярніша платформа для розробки сайтів – WordPress;
від американського видавництва No Starch Press – № 1 у гік-розвагах.
Для кого ця книга

Для дітей від 10 років та дорослих, які хочуть навчитися програмувати на HTML та CSS та створювати свої сайти.

Для вчителів інформатики, які хочуть зробити свої уроки корисними та незвичайними.

про авторів

Нейт Купер – спеціаліст у сфері ІТ, маркетингу та підприємництва. Працював у Apple. Заснував компанії Simple Labs (вчить клієнтів веб-дизайну та роботі з WordPress) та Reboot (вчить програмування, проводить корпоративні тренінги). Блог автора можна знайти за посиланням https://natecooper.co

Кім Джі – ілюстратор та графічний дизайнер. Нині живе у Нью-Йорку із сім’єю та собакою Тофу. У 2010 році вона створила свій однойменний веб-комікс і з того часу самостійно опублікувала графічний роман та міні-комікс зі своїх робіт. Зараз вона має свою студію ілюстрації.