Учебники по созданию сайтов: 9 книг для тех, кто решил сделать сайт

9 книг для тех, кто решил сделать сайт

Ищете литературу о HTML и CSS, конструкторах сайтов, веб-дизайне, типографике и написании текстов? Эта подборка была специально составлена для начинающих программистов, маркетологов, владельцев бизнеса и всех тех, кто решил создать свой сайт — как самостоятельно, так и с помощью подрядчиков.

Книги проверялись по 3 важным критериям:

• авторитетное издательство и автор;
• год печати начиная с 2019, так как литература такого рода быстро устаревает;
• хорошие отзывы и оценки читателей.

Итак, приступим.

Содержание статьи

1. Нейт Купер и Ким Джи: «Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress»

2. Джон Дакетт: «HTML и CSS. Разработка и дизайн веб-сайтов»

3. E-book от Текстерры: «Как создать сайт самому: пошаговое руководство для гуманитариев»

4. Загмайстер и Уолш: «О Красоте»

5. Верес, Трубецков: «Как открыть интернет-магазин.

И не закрыться через месяц»

6. Ричард Пулин: «Школа дизайна: макет. Практическое руководство для студентов и дизайнеров»

7. Джордж Нельсон: «Как видеть. Визуальное путешествие по миру, созданному человеком»

8. Илья Сидоренко: «Дизайнер интерфейсов. Принципы работы и построение карьеры»

9. Максим Ильяхов: «Ясно, понятно»

1. Нейт Купер и Ким Джи: «Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress»

Издательство: МИФ
Год: 2019

О чем книга

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

У книги есть главный герой — художница Ким. Она создает сайт и попадает в удивительный мир, полный чудес. В сопровождении ментора по веб-разработке наша героиня окажется в сказочном лесу, будет бороться с драконами ложных ссылок и попадет в город WordPress.

А параллельно вместе с Ким читатель изучит HTML и CSS, освоит WordPress и разберется, как выбирать хостинг.

Об авторах

Нейт Купер — IT-специалист, маркетолог и предприниматель. Основатель компаний Simple Labs и Reboot. Обучает веб-дизайну, WordPress и программированию. Бывший работник Apple.

Ким Джи — иллюстратор и графический дизайнер, открыла студию иллюстрации.

Кому будет полезна

Людям, которые не разбираются в программировании, но хотят понять HTML, CSS и WordPress, чтобы создавать свои сайты. Также книга подойдет детям.

Читайте также: 20 базовых HTML & CSS приемов для маркетологов

2. Джон Дакетт: «HTML и CSS. Разработка и дизайн веб-сайтов»

Издательство: ЭКСМО
Год: 2020

О чем книга

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

Автор рассказывает, как спроектировать страницы и собрать свой профессиональный веб-сайт с нуля. Чтобы понять и освоить советы из книги, не нужны предварительные знания.

Об авторе

Джон Дакетт работает с такими компаниями как Diesel, Philips, Nike, Wrangler и Xerox. Он помогает компаниям создавать инновационные цифровые решения уже более 15 лет.

Кому будет полезна

Начинающим программистам — тем, кто начинает изучать HTML и CSS. А также веб-дизайнерам, создателям контента, маркетологам и менеджерам по digital-продажам.

Читайте также: Скоростная разработка HTML5-лендинга при помощи Bootstrap

3. E-book от Текстерры: «Как создать сайт самому: пошаговое руководство для гуманитариев» 

Издательство: Онлайн-формат, в создании участвовали авторы «Текстерры»

Год: 2019

О чем книга

Это подробная инструкция, где есть все о создании сайта: как выбрать домен и хостинг, как работать с движками и SaaS-платформами, как сделать сайт с подрядчиками и многое другое.
В книге есть несколько разделов о работе с лендингами и конструкторами сайтов. Конструктор лендинга — отличный вариант для начинающих и для тех, кто не планирует углубляться в сайтостроение.

Об авторах

Авторов много — это специалисты команды «Текстерры». Эксперты по CMS и SaaS-решениям, поисковым системам и SEO, владельцы интернет-магазинов.

Кому будет полезна

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

Читайте также: 5 основных форматов сайтов: как выбрать подходящий?

4. Загмайстер и Уолш: «О Красоте» 

Издательство: МИФ
Год: 2020

О чем книга

Загмайстер и Уолш раскрывают эстетику и мощь красивого дизайна. Целью авторов было понять и передать, что такое красота, и как она влияет на жизнь. Они изучают разные сферы: философию, историю и науку, чтобы раскрыть, почему нас так манит все прекрасное, как это влияет на наши чувства и действия.

Авторы доказывают нам, что красота делает мир лучше.

Об авторах

Стефан Загмайстер — узнаваемая личность в мировом графическом дизайне 2000-х. Получил множество наград международных фестивалей. Работал в Leo Burnett — рекламном агентстве в Гонконге, а сейчас творит в Нью-Йорке в своей студии дизайна — Sagmeister Inc.

Джессика Уолш — дизайнер, арт-директор и преподаватель. Входит в список Forbes «30 креативных дизайнеров будущего моложе 30». Работает с The New York Times, Jay-Z, Snapchat, Adobe и другими известными брендами.

Кому будет полезна

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

Читайте также: 9 трендов веб-дизайна лендингов и сайтов в 2021 году

5. Верес, Трубецков: «Как открыть интернет-магазин. И не закрыться через месяц» 

Издательство: Бомбора
Год: 2020

О чем книга

Это пошаговое руководство про запуск интернет-магазина. Вы узнаете, как выбрать сферу и удачное доменное имя; как запустить проект с минимальными издержками; как наполнить сайт коммерческим контентом и привлечь покупателей. Авторы рассказывают также и про то, как договариваться с поставщиками, организовывать доставку товаров, нанимать профессионалов и масштабировать бизнес.

Об авторах

Александр Верес — практик, основал более 30 интернет-магазинов. Этот опыт вошел в основу книги.

Павел Трубецков — директор по маркетингу международной IT-компании — платформы CS-Cart. Спикер масштабных конференций по digital-маркетингу.

Кому будет полезна

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

Читайте также: Продвижение интернет-магазина и сайта для бизнеса: 8 важных отличий

6. Ричард Пулин: «Школа дизайна: макет. Практическое руководство для студентов и дизайнеров» 

Издательство: МИФ

Год: 2020

О чем книга

Книга в основном рассказывает о верстке макетов для печати, однако автор делится мыслями, которые применимы и в работе над сайтами. Вы найдете практические советы о том, как организовать и разместить информацию так, чтобы читателю было легче ее воспринять.
Это практическое руководство с правилами и примерами составления композиционных схем верстки. В книге собран опыт дизайнеров-студентов и работы известных дизайнеров из разных стран с разборами и комментариями автора.

Об авторе

Ричард Пулин — соучредитель, директор по дизайну и руководитель Poulin+Morris Inc. — известной консультационной фирмы по дизайну в Нью-Йорке.

Кому будет полезна

Начинающим дизайнерам и дизайнерам-любителям, верстальщикам и тем, кто хочет создавать красивые и понятные сайты.

Читайте также: Как создать макет сайта: основы

7. Джордж Нельсон: «Как видеть. Визуальное путешествие по миру, созданному человеком»  

Издательство: МИФ
Год: 2020

О чем книга

Современное издание образцового руководства Джорджа Нельсона. Впервые автор выпустил книгу в 1977 году. Это увлекательный учебник о визуальной грамотности, который побуждает задуматься, что и как мы видим или не видим вокруг себя, почему мы замечаем или не замечаем что-то и почему одно кажется красивым, а другое нет.

В 2020 году МИФ выпустил эту книгу на русском языке в новом свежем облике.

Об авторе

Джордж Нельсон — американский промышленный дизайнер и теоретик. Основоположник модернистского дизайна.

Кому будет полезна

Всем, чья работа связана с визуалом — дизайнерам, фотографам, художникам, иллюстраторам, архитекторам. Если вам небезразличен внешний вид вашего будущего сайта — прислушайтесь к советам автора.

Читайте также: Почему так много сайтов выглядят одинаково, или Как сделать уникальный дизайн?

8. Илья Сидоренко: «Дизайнер интерфейсов. Принципы работы и построение карьеры» 

Издательство: Олимп-Бизнес
Год: 2019

О чем книга

Книга для дизайнеров, которые планируют пойти дальше разовой разработки сайта. Автор раскрывает нюансы, как сделать крутой и удобный продукт, получить основные навыки дизайнера, дорасти до профессионала и развить личный бренд.

В книге краткая история автора — его пятилетний путь от новичка-самоучки до профи; советы о построении дизайн-процесса, проведении исследований, создании визуального стиля; описания принципов и паттернов, на которые дизайнер опирается в своей работе.

Об авторе

Илья Сидоренко — дизайнер интерфейсов, развивает сервис грузоперевозок Tranzet. Изучает пользователей, общается с разработчиками и инвесторами. Проектировал финансовые сервисы для трех крупных российских банков и мировой платежной системы.

Кому будет полезна

Дизайнерам, студентам, продукт-менеджерам и всем, кто стремится к профессиональному развитию в этой области.

Читайте также: 6 мифов о разработке сайтов, в которые вам нужно прекратить верить

9. Максим Ильяхов: «Ясно, понятно» 

Издательство: Альпина Паблишер
Год: 2020

О чем книга

Книга попала в подборку как качественный материал по работе с текстами — это не менее важно, чем техническая и визуальная составляющие сайта. «Ясно, понятно» — книга о правильной коммуникации. Здесь описано, как с помощью текстов доносить свои мысли и влиять на людей. Если вы не читали прошлую книгу автора — «Пиши, сокращай», можете начать с нее.

В книге более 50 инструментов для прокачки текста. Вы узнаете, как справиться с предвзятостью читателей и настроить их на верное восприятие информации; как сделать текст интереснее, не меняя содержания; как грамотно использовать примеры, антипримеры, аналогии, метафоры и слоганы.

Об авторе

Редактор, создатель сервиса для проверки текстов «Главред». Работал с такими проектами как «Мегаплан», «Тинькофф-журнал», журнал «Код». Автор более 400 статей о копирайтинге и смежных сферах. Кандидат педагогических наук.

Кому будет полезна

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

Высоких вам конверсий!  

Изображение: freepik. com

Автор этого поста:

Анна Черная, автор videoinfographica.com — блога об онлайн-образовании.

20-05-2021

Создание сайтов 📚 – топ лучшей литературы по теме

Создание сайтов 📚 – топ лучшей литературы по теме | Читайте и слушайте онлайн на MyBook

Что выбрать

Библиотека

Подписка

📖Книги

🎧Аудиокниги

👌Бесплатные книги

🔥Новинки

❤️Топ книг

🎙Топ аудиокниг

🎙Загрузи свой подкаст

📖Книги

🎧Аудиокниги

👌Бесплатные книги

🔥Новинки

❤️Топ книг

🎙Топ аудиокниг

🎙Загрузи свой подкаст

1. Главная
2. Библиотека
3. Темы
4. org/ListItem»>создание сайтов

Сортировать

Фильтры

Фильтры

MySQL 5.0. Библиотека программиста

Виктор Гольцман

Стандарт

Эта книга предназначена для всех, кто желает освоить СУБД MySQL. Для ее чтения вам не нужны никакие специальные знания – достаточно быть пользователем Windows. Вы узнаете, как установить и запустить MySQL, как создать собственную базу данных, как работать с данными при помощи команд SQL, как адми…

Психбольница в руках пациентов. Алан Купер об интерфейсах

Алан Купер

Премиум

Все мы – безумцы, живущие в технологическом сумасшедшем доме, и создали этот безумный мир мы сами. Своими руками сотворили этот кошмар: интерфейсы, которые нас раздражают и утомляют глаза, устройства, которые приводят к болям в спине и в запястьях. Эта книга стала манифестом и до сих пор не потер…

Как создать продающий сайт с нуля

Руслан Раянов

Бесплатно

Представляем Вашему вниманию книгу по созданию сайтов для предпринимателей. Эта книга не содержит описания технических моментов процесса разработки сайта, в ней не описаны инструкции по работе с бесплатными CMS. С помощью данной книги Вы узнаете: • как оценить вашу бизнес идею • как изучать ваш р…

HTML: Популярный самоучитель

Александр Чиртик

Стандарт

В книге кратко и просто описывается язык HTML. Прочитав ее, вы научитесь создавать собственные веб-страницы, причем не только простые, но и содержащие таблицы, видео и звук. Более гибко оформить веб-страницы вам поможет рассмотренная в книге технология CSS. А при желании вы сможете сделать веб-ст…

Прибыльная веб-студия. Пошаговое руководство

Александр Чипижко

Премиум

Эта книга для молодых и не очень предпринимателей, фрилансеров, программистов, которые хотят открыть свой бизнес. Книга для тех, кто устал существовать. Работать за еду. Рисовать и программировать за копейки. Поверьте, я видел огромное количество людей, просто не знающих себе цену. Также эта книг…

Монетизация сайта. Секреты больших денег в Интернете

Андрей Меркулов

Премиум

Перед вами пошаговая инструкция для собственников бизнеса, которые хотят увеличить свои продажи в Интернете, а также для специалистов, занимающихся управлением проектов по созданию веб-сайта компании. Книга позволит читателям, не имея специальных знаний, создать очередь клиентов на своем интернет…

80 способов повысить конверсию сайта

Дмитрий Голополосов

Премиум

Конверсия – это отношение числа пользователей, совершивших определенные действия на сайте, к общему числу посетителей сайта. Каков уровень конверсии вашего сайта сейчас? 5 %? 10 %? Не знаете? Уровень конверсии в 10 % означает, что девять из десяти посетителей вашего сайта уходят с пустыми руками….

Управление проектом разработки сайта или веб-приложения. От идеи до внедрения

Руслан Раянов

Бесплатно

Эта книга раскрывает некоторые моменты и нюансы по ведению проекта разработки веб-приложения. Подробно рассматриваются основные стадии проекта: концепция, оценка, создание технического задания, планирование, разработка, ввод в эксплуатацию, сопровождение. В книге представлена информация об управл…

Правило трех секунд. Как зарабатывать с помощью соцсетей

Михаил Христосенко

Премиум

За последний год социальные сети изменились так, как не менялись последние десять лет. Это значит, что стали новыми инструменты, алгоритмы, приемы. Все, что работало раньше, работать перестало. И только тот, кто знает и использует новые инструменты, умеет продавать в новых условиях, окажется на к…

Правило трех секунд. Как зарабатывать с помощью соцсетей

Михаил Христосенко

Премиум

За последний год социальные сети изменились так, как не менялись последние десять лет. Это значит, что стали новыми инструменты, алгоритмы, приемы. Все, что работало раньше, работать перестало. И только тот, кто знает и использует новые инструменты, умеет продавать в новых условиях, окажется на к. ..

Фильтры

Фильтры

В данном разделе представлен топ лучших книг и аудиокниг по теме «Создание сайтов». Полный список из 42 популярных книг и аудиокниг по теме, рейтинг и отзывы читателей. Читайте книги или слушайте на сайте онлайн, скачайте приложение для iOS или Android, чтобы не расставаться с любимыми книгами даже без интернета.

О проекте

Что такое MyBook

Правовая информация

Правообладателям

Документация

Помощь

О подписке

Купить подписку

Бесплатные книги

Подарить подписку

Как оплатить

Ввести подарочный код

Библиотека для компаний

Настройки

Другие проекты

Издать свою книгу

MyBook: Истории

Создайте свой веб-сайт за пять шагов

Если вы хотите поделиться идеями, начать бизнес или открыть магазин, вы можете сделать все это на WordPress.com.

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

В этом руководстве

Видеоруководство

Шаг первый: выберите свою личность

Выбор имени для вашего сайта очень важен, потому что оно сразу сообщает посетителям, о чем ваш сайт. Как только вы выберете идеальное имя, сделайте его своим Название сайта  в настройках  .  Вы также можете добавить броский Слоган  !

При регистрации у вас уже есть адрес сайта, например yourgroovysite.wordpress.com , но вы можете зарегистрировать свой собственный домен, например yourgroovydomain.com .

Ваш личный домен предоставляется бесплатно в течение первого года с любым годовым или многолетним планом WordPress. com! Зарегистрируйте любой доступный домен на  Upgrades → Domains .

Регистрация домена

Шаг второй: дизайн домашней страницы

Подумайте о наиболее важных элементах, которые вы хотите, чтобы люди видели при посещении вашего сайта, чтобы произвести хорошее первое впечатление.

Вы можете начать с пустой страницы или использовать один из наших готовых макетов страниц, чтобы создать красивую домашнюю страницу за считанные секунды. Вы можете загрузить любой из этих великолепных дизайнов, а затем изменить, добавить или удалить любые элементы, чтобы сделать их своими!

Выберите один из множества красивых макетов страниц

Исследуйте макеты страниц

Шаг третий: создание дополнительных страниц

Теперь пришло время добавить дополнительные страницы. Наиболее распространенные страницы, которые вы найдете на веб-сайте, — это страница «О нас» и страница «Контакты». Начиная с панели управления, перейдите на страницу Pages → Добавить новую страницу , чтобы начать.

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

📌

Любые страницы, которые вы «публикуете» на своем сайте, останутся закрытыми, пока ваш сайт еще не запущен. Вы можете перейти к настройкам и прокрутить вниз до Конфиденциальность , чтобы убедиться, что ваш сайт по-прежнему закрыт.

Работа с блоками

В меню перечислены ссылки в верхней части веб-сайта, которые читатели могут использовать для навигации по вашему сайту. Теперь вы можете добавить страницы, созданные на втором и третьем шагах. Начните с Внешний вид → Редактор и добавление блока навигации.

📌

Помните, что контент должен существовать , прежде чем вы сможете добавить его в свое меню. Обязательно сначала создайте свои страницы. Тогда вы можете добавить их в свое меню!

Как создать меню

Если вы присутствуете в социальных сетях, ваш веб-сайт — идеальное место для его продвижения. Обычно можно увидеть значки социальных сетей, подобные этому:

. Вы можете добавить эти значки в меню своего сайта, используя блок значков социальных сетей. Поддерживаются все основные социальные сети!

Если вы выполнили эти пять шагов, у вас есть прочная основа для вашего веб-сайта. Если вы готовы поделиться им со всем миром, запустите его!

Бонус

Вот несколько дополнительных шагов, которые вы, возможно, захотите сделать дальше:

• Добавьте логотип на свой сайт по адресу Внешний вид → Настройка → Идентификация сайта.
• Просмотрите различные темы в Внешний вид → Темы , чтобы придать вашему сайту другой вид.
• Управляйте тем, где на вашем сайте будут отображаться комментарии и лайки.

Как легко создавать веб-сайты за считанные минуты — Видеоруководство

Чтобы создать веб-сайт:

1) Перейдите на вкладку Сайты в своей учетной записи.

2) Перейдите на вкладку Веб-сайты и нажмите Создать .

4) Дайте вашему веб-сайту имя и выберите Веб-сайт в качестве типа. Выбранное имя предназначено только для внутреннего использования, и вы можете изменить его позже. Щелкните Сохранить и продолжить .

5) Выберите группы, которые вы хотите связать со своим веб-сайтом. Это группы, которые будут прикреплены к любым формам, которые вы создаете на своем веб-сайте. Выбрав их, нажмите Сохранить и продолжить снова.

6) Выберите шаблон или начните с нуля, и вы попадете в конструктор сайтов.

7) Перетащите блоки с боковой панели редактора, чтобы начать создавать свой сайт.

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

Блоки контента:

• Текст. Чтобы изменить содержимое и форматирование текстовых блоков, просто выберите текстовый блок и начните вводить текст непосредственно в конструкторе веб-сайтов.
  Чтобы изменить форматирование, выделите текст, который хотите изменить. Появится полоса форматирования. Вы можете использовать эти кнопки для редактирования форматирования и добавления гиперссылок к вашему тексту.

• Разделители

• Разделитель

• Маленькое изображение и контент

• Отзыв со звездным рейтингом

• 1 столбец содержимого

• 2 столбцы содержимого

• 3 столбцы содержимого

кнопки и другие. внутренняя страница, конкретное всплывающее окно, целевая страница или якорь.

Социальные ссылки: где люди могут легко найти ваши учетные записи в социальных сетях.

Планировка

Gallery

• Image

• Image carousel

• Image gallery

Forms

• Signup form

• Contact form

Special blocks

Примечание. Одновременно можно использовать только опрос или викторину.

Extra

• Блок HTML-кода. Если вы знакомы со вставкой HTML-кода, вы можете вставлять код из таких приложений, как Soundcloud.

• Якорный блок: посетители вашего сайта не смогут увидеть этот блок. Вы можете использовать этот блок, чтобы назвать раздел страницы вашего сайта и сделать блок кнопок ссылкой на этот якорь.

• Приложения: добавьте прямые ссылки на приложения, найденные в Apple Store или Google Play.

Продукты и подписки

При подключении MailerLite и Stripe или интеграции вашего интернет-магазина с вашей учетной записью MailerLite у вас будет возможность использовать следующие блоки продуктов:

Глобальные настройки веб-сайта

Чтобы получить доступ к настройкам в конструкторе веб-сайтов, просто щелкните вкладку Настройки в правом навигационном меню.

Там вы сможете внести глобальные изменения на свой сайт.

Например, вы можете изменить цвет всех кнопок на вашем сайте сразу. Аналогичным образом вы также можете изменять шрифты и различные элементы контента.

Создание страницы блога

1) Чтобы создать новую страницу блога, перейдите на страниц вкладка.

2) Затем нажмите Создать новый , чтобы добавить новую страницу.

3) Выберите Блог в качестве нового типа страницы.

4) Выберите имя для страницы вашего блога.

5) Нажмите Сохранить .

После создания страницы блога, если вы наведете курсор на блок блога и щелкнете небольшой значок редактирования, расположенный в правом углу, вы сможете изменить настройки своего блога на боковой панели на вкладке Содержание .

Примечание. Если вы не хотите, чтобы страница вашего блога отображалась на опубликованном веб-сайте, установите флажок 9.