Какие программы нужны для создания сайта
Все сайты в интернете можно условно разделить на простые и сложные. Объединяет их то, что они представляют собой набор десятков, а иногда и тысяч файлов, связанных между собой. Для генерации этих файлов понадобятся специальные программные средства.
Рассмотрим, с помощью каких программ можно создавать сайты. Их основные виды:
- текстовые и графические редакторы;
- FTP-клиенты;
- mind-map;
- браузеры.
Это минимальный набор для самостоятельной разработки сайта на CMS или полностью с нуля (самопис). Есть еще различные варианты графических конструкторов, типа Dreamweaver или Adobe Muse. Их рассматривать не будем, так как они генерируют громоздкий код и возможны сложности при оптимизации и продвижении таких сайтов в дальнейшем.
Содержание
Интеллект карты (Mind-map)
Создание любого сайта начинается с идеи. Программа для создания интеллектуальных карт позволит оценить масштаб проекта и его примерную структуру. Самые популярные из таких приложений для компьютера на базе Windows:
- XMind;
- FreeMind.
Для работы подойдет любая программа, которая понравится по интерфейсу. Я использую бесплатную FreeMind.
Для чего предназначена программа FreeMind
Free Mind позволяет создать графическую схему, из которой можно понять:
- какого типа страницы нужны для сайта,
- какой требуется функционал,
- как много страниц предстоит создать.
Разберем на примере. Допустим, нам надо создать интернет-магазин детских автокресел (для любой другой тематики и формата сайта принцип аналогичен).
На этом этапе речь идет об общем понимании структуры будущего сайта. Более подробно она прорабатывается после оптимизации, на этапе работы с семантическим ядром (поисковыми запросами пользователей).

Окно бесплатной программы FreeMind для создания интеллектуальных карт.
Новичку это может показаться сложным. И всё же на старте важно понять, какой мы делаем сайт, про что и для чего. Этой же программой удобно пользоваться для сегментации целевой аудитории проекта.
На представленной схеме от главной страницы магазина (центральный узел) расходится 3 ветви:
- Технические страницы. Сюда относится информация о доставке и оплате, контакты с реквизитами, политика конфиденциальности и т.д.
- Каталог - включает в себя категории, теги и фильтры для поиска.
- Блог - даст возможность потенциальным покупателям ознакомиться с обзорами продукции и узнать, как ей пользоваться.
На основании этих данных можно сделать вывод, что для реализации идеи нам потребуется каталог с умным фильтром и тегированием, а также встроенный функционал для публикации статей. Эта информация пригодится в дальнейшем при выборе движка сайта.
Это пример создания простой интеллектуальной карты. Каждый сайт индивидуален, где-то может быть всего 1 страница, на другом тысячи или даже миллионы. Если начинать разработку без понимания картины в целом, процесс может существенно затянуться или зайти в тупик.
Управление в программе FreeMind интуитивно понятно. При клике на поле правой кнопкой мыши появляется выпадающее меню со списком доступных команд и горячими клавишами. Новые узлы добавляются мышкой или с помощью клавиатуры: Enter отвечает за создание нового узла на текущем уровне вложенности, Insert создает вложенный узел внутри активного. При желании свою интеллектуальную карту можно дополнить цветными метками и комментариями. Ветви узлов свободно редактируются, при необходимости удаляются, перетаскиваются с помощью курсора мышки.
Где скачать: freemind.sourceforge.net.
В качестве альтернативы можно пользоваться привычным текстовым редактором или таблицами. Mind-map формат более наглядный.
FTP-клиенты
FTP-клиент - это программа файловый менеджер, позволяющая искать, скачивать файлы сайта с сервера из интернета и загружать их на хостинг со своего компьютера. Они бывают разные. Достаточно выбрать какую-то одну, изучив базовые функции, необходимые для работы над созданием сайта:
- поиск папки с файлами сайта у себя на жестком диске;
- создание аккаунта FTP-соединения и подключение к серверу;
- скачивание и загрузка файлов;
- поиск папок, файлов, архивов и информации в них.
Рассмотрим примеры таких программ.
Total Commander
Удобный файловый менеджер, позволяющий работать как в оффлайне с папками локальных жестких дисков, так и по сети в качестве FTP-клиента. Есть все необходимые функции для удобной работы с сайтами.

Окно программы Total Commander для Windows для FTP-соединения с сервером сайта.
Плюсы:
- Поиск по тексту внутри файлов, в том числе с использованием регулярных выражений.
- Загрузка на сервер работает в несколько потоков в фоновом режиме.
- Интерфейс напоминает MS DOS. Тем, кто давно работает за компьютером, будет легче разобраться самому.
Минусы:
- Платная.
- При загрузке крупных проектов (свыше 10000 страниц) может разрывать соединение.
Официальный сайт, где можно скачать программу: www.ghisler.com.
FileZilla
Файловый менеджер для работы по FTP, отличается высокой стабильностью соединения.

Программа FTP-клиент FileZilla для Windows.
Плюсы:
- Бесплатная.
- Стабильное соединение вне зависимости от размера проекта и числа файлов.
- Наглядный журнал, где видно, какие файлы не загрузились или вызвали ошибку, и в чем причина.
Минусы:
- Не обнаружено.
Ссылка для скачивания: filezilla-project.org.
Какие редакторы используются для создания web-сайта
Основной процесс разработки сайта происходит в редакторах, которые делятся на текстовые и графические.
Текстовые
Текстовые редакторы позволяют работать с версткой, кодом и стилями. Иногда их используют для проработки структуры, постановки задач и написания текста будущих статей. Основной инструмент при создании веб-сайта.
Рассмотрим, в каких текстовых редакторах можно создать сайт.
Notepad++

Бесплатный текстовый редактор Notepad++ для работы с кодом при создании сайта.
Бесплатная программа, позволяющая работать автономно или по FTP, внося правки в файлах сразу на сервере при стабильном соединении с интернетом. Есть возможность устанавливать плагины для расширения функционала, присутствует нумерация строк, подсветка синтаксиса, быстро меняется кодировка. Используется как новичками, так и специалистами. Есть интерфейс на русском языке.
Скачать: notepad-plus-plus.org.
NuSphere PhpED

Профессиональный редактор кода NuSphere PhpED.
Среда разработки на Php под ОС Windows. Платная лицензия. Полностью на английском. Может быть использована одновременно как текстовый редактор и FTP-клиент. Есть множество полезных технических функций, например, типовые шаблоны при создании нового файла, автозакрытие тегов, подсказки при вводе и т.д. Новичкам поможет быстрее освоить html-верстку и CSS. При работе знание английского обязательно.
Купить лицензию: www.nusphere.com.
Графические
Графические редакторы при создании сайта используются для:
- прототипирования;
- подготовки макета верстки дизайнером;
- создания и оптимизации изображений, логотипов;
- обработки фотографий.
Всё это можно делать в одной программе.
Adobe Photoshop

Графический редактор Adobe Photoshop СС 2018 для Windows.
Adobe Photoshop - профессиональный графический редактор, позволяющий провести весь необходимый список действий с изображениями при разработке сайта. Программа платная, на слабых компьютерах последние версии могут тормозить или вообще откажутся запускаться. Может также использоваться для рисования в различных стилях, в том числе световым пером.
Особенности:
- рисование по слоям;
- поддержка графических планшетов;
- создание динамических баннеров для медийной рекламы;
- поддерживает вектор и растр;
- широкий список функций и фильтров для работы с изображениями.
Официальный сайт программы: www.adobe.com.
Браузеры
Браузеры при создании сайта нужны для того, чтобы отследить правильное отображение верстки для конечного пользователя. Этот процесс называется проверкой на кроссбраузерность. Для базового тестирования достаточно установить основные 5 программ (все бесплатные), Сафари по желанию, т.к. под Windows у него нет официального сайта.
Некоторые браузеры содержат внутренние эмуляторы и позволят делать проверки вашего сайта на более ранних версиях и под разные типы устройств.
Важно! Корректное отображение сайта нужно проверять во всех браузерах и желательно в разных версиях, поэтому лучше установить все шесть.
Microsoft Internet Explorer

Браузер Internet Explorer.
Базовый интернет-браузер в ОС Windows. Установлен по-умолчанию, скачивать ничего не надо. Самый "любимый" среди верстальщиков, особенно его ранние версии, в которых криво работают jQuery скрипты, могут некорректно отображаться CSS и т.д. Чем сложнее внешний вид вашего сайта, тем выше шанс, что в IE всё расползется и придется докручивать код. В процентном соотношении число пользователей, приходящих через него, достаточно мало (3-5%) вместе с Edge, но может испортить всю картину в целом за счет высокого показателя отказов, если ваш сайт не будет правильно отображаться.
Safari

Окно браузера Safari для Windows 8.1.
Стандартный браузер на macOS и iPhone. Можно установить под Windows, но картинка будет отличаться. Если всё хорошо в Сафари под Win, не факт, что аналогично будет на яблоках. И все же лучше протестировать. Ориентировочные цифры - 2% десктоп и порядка 18% мобильных пользователей.
Официальный сайт есть только под macOS (под яблочную продукцию).
Mozilla Firefox

Окно браузера Mozilla Firefox для Windows.
Основной браузер у верстальщиков за счет удобной панели вебмастера. Имеет множество различных дополнений, позволяющих существенно расширить функционал:
- скриншоты окон с прокруткой,
- поиск в сети сворованных у вас изображений,
- автоматический перевод текста на странице и т.д.
В зависимости от тематики проекта посетители с этим браузером составляют 4-7%.
Скачать: www.mozilla.org.
Opera

Окно браузера Opera для Windows.
Часто используется из-за встроенного vpn-режима. Популярен на ПК и мобильных. Обязательно тестируем сайт в нем. Используют 4-6% пользователей.
Скачать: www.opera.com.
Google Chrome

Браузер Google Chrome.
Один из наиболее популярных браузеров. Посещаемость с него порядка 10-20%, часто меняется местами с Chrome Mobile. Также широко применяется вебмастерами за счет функциональной консоли и множества дополнений.
Скачать: www.google.ru.
Yandex browser

Окно Яндекс Браузера.
Разработка Яндекса. В последнее время стал популярным, на некоторых проектах может достигать 17% от общего числа пользователей. Желательно использовать, чтобы не потерять дополнительную аудиторию своего проекта.
Скачать: browser.yandex.ru.
Как выбрать программу для создания сайта
Для выбора программ следует учитывать следующие моменты:
- Характеристики компьютера и операционная система. Какой-то софт может не работать на слабых ПК или будет требовать установки сторонних библиотек, которые несовместимы с ОС предыдущих поколений. Это довольно частая проблема. Решается путем поиска более ранних версий программ или аналогов.
- Личные предпочтения. Для комфортной работы должен нравиться внешний вид программы или, как минимум, он не должен вызывать отвращения. Сторонние рекомендации - это всё здорово, но если неудобно работать в программе, до запуска сайта дело может и не дойти или процесс будет продолжаться очень долго.
- Знание английского языка. Не во всех программах есть русский язык. Желательно сразу привыкать к английским названиям кнопок и функций. Для облегчения на старте можно подобрать себе программы с русским интерфейсом.
Внимание! Перед установкой любых программ на свой компьютер настоятельно рекомендуется проверить скачанный установочный файл с помощью антивируса. В случае каких-либо предупреждений или поимки троянов желательно использовать другой софт. При установке следите, что написано у проставленных галочек и что вам предлагают изменить в системе.

Вебмастер. Интернет-предприниматель. Первый сайт создал в конце 90-х, еще в школе. Сертифицированный специалист. Участник ежегодных конференций по продажам, SEO, маркетингу, разработке сайтов, арбитражу трафика.
Спасибо!