Вам кажется, что делать сайты скучно, а бесконечные 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 и создавать свои сайты.

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

Цитаты из книги

Всем нужны HTML и CSS
Интернет, компьютер, текстовые редакторы, умение пользоваться электронной почтой стали стандартным набором инструментов практически для любой специальности. Теперь не только дизайнерам, но и профессионалам из самых разных областей нужны базовые знания о HTML и CSS, чтобы создавать онлайн-контент.

Как понять HTML
Сделать веб-сайт не так уж сложно, но сперва нужно все продумать. Все начинается с первой страницы и HTML — это гипертекстовый язык разметки. HTML-документ состоит из обычного текста, и чаще всего мы можем понять, о чем в нем идет речь, даже не разбираясь в программировании.

Как завести блог
WordPress — это мощный инструмент для ведения блогов, а также система управления контентом. Ты можешь автоматизировать многие задачи, связанные с созданием сайтов, например загрузку картинок и управление материалами. И ещё тебе не придется вручную писать код для каждой страницы или поста в блоге!

Без границ
Прелесть владения языком HTML в том, что ты не ограничен форматированием, которое WordPress выполняет автоматически. Чем глубже твои познания в HTML и CSS, тем проще будет создавать страницы, точно отвечающие твоим потребностям, и тем меньше у тебя будет ограничений.

Плагин
Термин плагин обозначает программу, которую устанавливают на сайт, чтобы расширить его функционал. Например, для онлайн-магазина пригодится плагин для работы с банковскими картами. Есть плагины, повышающие быстродействие сайта, — так называемые плагины кэширования.

Домены
Тебе нужно зарегистрировать доменное имя — адрес, по которому сайт находят в интернете. Домены предназначены для разных целей. Домен .org для некоммерческих организаций, .com — коммерческих фирм, .edu — для учебных учреждений, .mil для военных, .gov для правительства, а .net для чего угодно.

Об авторах

Нейт Купер — специалист в сфере ИТ, маркетинга и предпринимательства. Работал в Apple. Основал компании Simple Labs (учит клиентов веб-дизайну и работе с WordPress) и Reboot (учит программированию, проводит корпоративные тренинги). Блог автора можно найти по ссылке https://natecooper.co

Ким Джи — иллюстратор и графический дизайнер. В настоящее время живет в Нью-Йорке с семьей и собакой Тофу. В 2010 году она создала свой одноименный веб-комикс и с тех пор самостоятельно опубликовала графический роман и мини-комикс из своих работ. Сейчас у нее есть своя студия иллюстрации.