Создание сайтов. 16 полезных инструментов

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

Хостинг— что это и зачем нужен?

Хостинг Евробайт

 Eurobyte (Евробайт)

Хостинг, если говорить простыми славами, то это квартира вашего сайта в большом, многоэтажном доме. То есть, где-то удаленно находиться большой жесткий диск, а на нем вы купили маленький «кусочек» этого диска. Именно здесь будут храниться все файлы вашего сайта. На него человек будет попадать в любое время суток, до тех пор, пока будет оплачиваться этот хостинг. Каждый сайт, который есть в интернете находится на хостинге. Без него невозможно разместить ваш сайт в сети.

Я пользуюсь хостингом — Eurobyte (Евробайт).  Регистрируетесь (ссылка подсвечивается на слове Eurobyte). Дается тестовый бесплатно период 30 дней. Стоимость хостинга 159 руб/месяц, или 144руб, если оплатить сразу за 1 год — 1728 рублей (экономия 180 рублей).

Тариф включает:

  • 3 Гб SSD диск
  • Неограниченное количество сайтов и почтовых ящиков
  • Бесплатный DNS и помощь в переносе сайта
  • Неограниченное количество баз данных MySQL
  • Бесплатный SSL-сертификат
  • Техподдержка 24/7 с ответом через 10 минут через тикет-систему

 

Здесь же на хостинге заказываете Домен (доменное имя) — это уникальное имя вашего сайта. Здесь будьте внимательны. Имя, которое выберете и оплатите, изменить уже нельзя. Нужно будет покупать новый домен.

Стоимость его зависит от зоны, в которой он находится: зона RU — для России, это лучший вариант. Зону РФ не рекомендую выбирать, сервисы не читают кириллицу. Есть и другие зоны, с которыми можно познакомиться на хостинге, на вкладке «Домены».

SSL сертификат — это защита от взлома сайта. Его оформляют бесплатно на хостинге для каждого вашего сайта. После его установки адрес вашего сайта в строке браузера будет выглядеть с буквой S: https://eurobyte.ru

 

WordPress (Вордпресс)— Скрипт (СМS или движок)

Скрипт для создания сайтов

Именно его я использую для создания сайтов/блогов, продающих страниц, страниц подписки, после подписки, и т.п. Устанавливается непосредственно на хостинге, которым вы будете пользоваться. Другими словами — это готовый набор файлов, которые связаны в единую систему управления контентом (СМS). Даже если вы совершенный «чайник», то сайт на WordPress создадите.  По сути, вы устанавливаете уже готовый сайт. Остается наполнить его контентом: статьями, видео, аудио и т.д.

Блокнот Notepad++

Блокнот Нотоепад++

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

 

Плагины для сайта

Плагин Elementor – он устанавливается на сайт в Вордпресс. В конструкторе сайтов Elementor есть всё: визуальный конструктор страниц, работающий по принципу — перетащи и вставь, идеальный дизайн, настройки адаптивности под мобильные устройства и многое другое. Именно этот плагин позволяет быстро и красиво оформлять страницы сайта под разные цели. У плагина есть полностью бесплатная русскоязычная версия.

Плагин Elementor PRO — платный, но очень многофункциональный плагин. Расширяет возможности Elementor: можно создать глобальные настройки различных виджетов на одном  сайте, затем добавлять их на другие ваши сайты.

All In One WP Security Лучший во всех отношениях плагин для защиты от взломов сайтов на WordPress. Установить сразу после установки WordPress!

Webcraftic Cyr to Lat reloaded — Преобразует кириллические символы в сообщениях post и term slugs в латинские символы. Полезно для создания удобочитаемых URL-адресов. Установить сразу после установки WordPress!

Broken Link Checker — Проверяет ваш блог на наличие битых ссылок и отсутствующих изображений и уведомляет вас в Консоли, если такие найдены.

Akismet Anti-Spam — лучший способ в мире защитить свой блог от спама. Ваш сайт полностью настроен и защищен, даже когда вы спите.

 

Сервисы для создания графики:

Pixlp.com (пикселер) — сервис для обработки фото онлайн (аналог Фотошопа)

Сервис для картинок

Здесь можно выбрать шаблон и отредактировать, так же как в Фотошопе. Или загрузить картинку и редактировать.

 

Сервис для удаления фона

remove.bg/ru— онлайн—сервис для удаления фона с фото. Сервис работает через VPN из РФ. Загрузить фото и скачать уже в ПНГ.

 

Cервис для сжатия картинок

TinyPNG — Этот онлайн-сервис сжимает картинки, уменьшает их вес с сохранением качества. Сжать можно до 70% изображения. Что позволяет загружать сайт гораздо быстрее. Можно использовать сервис бесплатно, закачивая до 500 изображений!

 

Создания дизайна сервис

flyvi.io/ru — создавайте профессиональные дизайны под любые задачи, даже без опыта.

 

Создание 3Д упаковок для инфопродуктов

3D Cover Design. Очень простой и удобный сервис для создания 3D—упаковок для своих инфопродуктов. Коробки, книги, блокноты и т.д.

 

картинка -схема в сервисе ДрвИо

 

DRAW.IO – Сервис, в нем очень удобно создавать схемы построения секций сайта или страниц подписки, автоворонок, ботов и т. д. И сохранять на свой компьютер в любом формате. (Пример схемы на картинке)

 

Программа для копирования цвета на сайте

ColorMania — Бесплатная и продвинутая утилита для выбора цвета,

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

 

Расширение для браузера

Fonts Ninja расширение для браузера, которое определяет название и размер шрифта на сайте.

 

Бесплатные фотостоки

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

Pixabay Невероятно красивые стоковые картинки бесплатно. Более 1 миллиона изображений и видео высокого. (Работает через VPN из РФ)

PexelsЛучшие бесплатные стоковые фото, изображения и видео от талантливых авторов. (Работает через VPN из РФ)

 

Сервис для иконок, значков, векторной графики

icos8.com — иконки, иллюстрации, фотографии, инструменты дизайна

 

Векторные изображени . Сервис

freepik.com — популярная векторная графика, для создания красивых дизайнов сайтов и постов. Зарегистрироваться и можно скачивать по 20 картинок ежедневно бесплатно.

Файлы с этих двух сервисов затем можно редактировать в Адоба Иллюстраторе или Фотошопе.

Поделиться с друзьями
Людмила Кузнецова
Оцените автора
Проонлайн образование
Добавить комментарий

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Хорошо