Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress
Пытаясь сделать сайт для своего портфолио, художница Ким попадает на удивительную планету. Чтобы вернуться домой, ей придется выучить азы HTML, победить злобного дракона 404, подружиться с веб-гуру и доброй колдуньей CSS и выяснить, что таится за стенами WordPress-сити. В формате увлекательного комикса книга познакомит детей с языками HTML и CSS, а также с конструктором сайтов WordPress.
Оглавление.
Основы веб-разработки
Что тебе потребуется
Веб-браузер
Текстовый редактор
Что нужно знать
Как читать веб-адреса?
Что такое клиент и сервер?
Что такое хостинг?
FTP-клиент
Приключения с HTML
Ким учит основные HTML-теги
Пути и правила именования
Соглашения об именах HTML-документов
Добавление изображений
Структура файлов и папок
Эксперименты с HTML
Приступаем
Использование основных HTML-тегов
Добавление картинок на веб-страницу
Добавляем секцию head
Несколько полезных HTML-тегов
Ким наводит красоту с помощью CSS
Знакомство с CSS
Ким изучает основы CSS
Углубляясь в CSS
Ким узнает о классах и метках CSS
Каскадные таблицы стилей
Создание таблицы стилей и ее подключение к HTML
Твоя первая таблица стилей
CSS: язык стилей
Синтаксис CSS
Классы, метки и наследование
Цвета
Тег <div> и выравнивание в CSS
Поля и внутренние отступы
Разметка структуры и <div>
Ким исследует WordPress-сити
Добро пожаловать в WordPress-сити
Ким осваивается в WordPress-сити
Ким создает первую страницу в WordPress
Ким обустраивает свой сайт
Ким добавляет фотографии на сайт
Начало работы с WordPress
Вход в WordPress и выход из него
Забыл, как войти на сайт?
Проверка результатов
Контент: посты и страницы
Структура твоего сайта
Создание первой страницы
Добавление изображений
Публикация страницы
Управление страницами
Создание поста в блоге
Задаем структуру: рубрики и метки постов
Верхнее изображение
Посты с видео, фотографиями и цитатами
Правка и удаление содержимого
Индивидуальная настройка WordPress
Панель «Внешний вид»
Ким устанавливает на сайт плагины
Ким заглядывает за занавеску
Меняем оформление: главное о темах
Индивидуальная настройка темы
Настройка меню навигации
Вкладка «Настройки экрана»
Настройки для всего сайта
Расширенные настройки
Плагины
Виджеты
Изучение виджетов
Обновления
Перенос сайта на новый хостинг
Дополнительная информация
Запуск сайта
Нет ничего лучше хостинга
Дом для портфолио Ким
Дружеская сеть
Итак, ты готов запустить сайт
Покупка хостинга: твой дом в сети
Запуск простого сайта на HTML/CSS
Установка WordPress
О покупке хостинга для WordPress
Заключение
Указатель
Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress Комикс
Вам кажется, что делать сайты скучно, а бесконечные HTML-теги сложно запомнить? Этот комикс докажет вам, что вы ошибаетесь, и покажет насколько это крутой и интересный процесс.
Главная героиня книги — художница Ким, которая пытается сделать сайт для своего портфолио. Внезапно она попадает в необычный мир, полный опасных приключений (спойлер: все закончится хорошо). Под руководством веб-гуру Ким отправится в путешествие через дремучий лес, сразится с драконами неверных ссылок и разберется, что происходит в WordPress-сити. А заодно — освоит вместе с читателем HTML и CSS, научится делать сайты на WordPress и поймет, как выбирать хостинг.
Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress
Компания осуществляет возврат и обмен этого товара в соответствии с требованиями законодательства.
Сроки возврата
Возврат возможен в течение 14 дней после получения (для товаров надлежащего качества).
Обратная доставка товаров осуществляется по договоренности.
Согласно действующему законодательству вы можете вернуть товар надлежащего качества или обменять его, если:
- товар не был в употреблении и не имеет следов использования потребителем: царапин, сколов, потёртостей, пятен и т. п.;
- товар полностью укомплектован и сохранена фабричная упаковка;
- сохранены все ярлыки и заводская маркировка;
- товар сохраняет товарный вид и свои потребительские свойства.
Описание
Вам кажется, что делать сайты скучно, а бесконечные HTML-теги сложно запомнить? Этот комикс докажет вам, что вы ошибаетесь, и покажет насколько это крутой и интересный процесс. Главная героиня книги — художница Ким, которая пытается сделать сайт для своего портфолио. Внезапно она попадает в необычный мир, полный опасных приключений (спойлер: все закончится хорошо).
Под руководством веб-гуру Ким отправится в путешествие через дремучий лес, сразится с драконами неверных ссылок и разберется, что происходит в WordPress-сити. А заодно — освоит вместе с читателем HTML и CSS, научится делать сайты на WordPress и поймет, как выбирать хостинг.
Как работать с книгой?
В книге — шесть глав. Каждая из них раскрывает одну тему — что нужно для начала работы, базовые HTML-теги, настройка и подключение СSS, работа с WordPress, выбор хостинга и запуск сайта. Сначала автор рассказывает, как справляется со всеми трудностями героиня комикса Ким, чтобы читатель потом не повторял ее ошибки.
За комиксом идет текст с подробным объяснением, что и как надо делать (все главы дополнены скриншотами). Можно просто читать эту книгу как большой интересный комикс, а можно включить компьютер и сразу пробовать все на практике. Если сразу пробовать выполнять упражнения после каждой главы — прогресс в обучении не заставит себя ждать.
Что нужно для обучения?
Самое классное в создании сайтов — для этого не нужно ни глубоких специфических знаний, ни сложного программного обеспечения, ни больших финансовых затрат.
Вам достаточно установить на свой компьютер:
- текстовый редактор с подсветкой синтаксиса (существуют бесплатные версии и для Windows, и для Mac OS);
- браузер (а лучше несколько, чтобы проверять, как ваш сайт отображается в каждом из них);
- бесплатный ftp-клиент (он понадобится, когда мы будем переносить содержимое вашего сайта на хостинг).
Самые популярные языки разметки — HTML и CSS — можно назвать алфавитом, на котором написан интернет: они используются на каждом сайте без исключения. HTML (язык гипертекстовой разметки) выстраивает структуру сайта: количество страниц, их взаимное расположение и все функциональные элементы, которые на них используются (тексты, заголовки, иллюстрации, кнопки, меню, гиперссылки).
CSS (каскадная таблица стилей) отвечает за дизайн сайта: цвет фона, шрифт и его начертание, внешний вид тех или иных элементов. Если сравнить сайт с домом, то HTML — это его стены и инженерные коммуникации, а CSS — интерьер. Конечно, существуют онлайн-конструкторы, которые позволяют собрать сайт без каких бы то ни было знаний.
Но любой из них — это просто набор готовых решений. Они красиво выглядят со стороны и неплохо экономят время. Но как только вы захотите сделать что-то посерьезнее шаблонного сайта-визитки, вам будет сложно найти то, что на 100% подходит именно вам. Кстати, книга научит вас работать и с самым популярным из этих конструкторов — WordPress.
Купер Н.: Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress
О книге
Вам кажется, что делать сайты скучно, а бесконечные 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 и создавать свои сайты.
Для учителей информатики, которые хотят сделать свои уроки полезными и необычными.