Мощный конструктор сайтов

Приветствую всех посетителей сайта! Недавно на почту мне пришло предложение протестировать новый конструктор сайтов Nicepage. Как оказалось, это был новый продукт от разработчиков Artisteer  и Themler, и судя по описанию функционала обещал быть очень интересным. Что ж, давайте вместе посмотрим, что он из себя представляет.

Для начала несколько слов о сервисе. Посетив сайт Nicepage и ознакомившись с теоретическими возможностями конструктора, я была действительно впечатлена. Такого функционала я не встречала ни в одном бесплатном сервисе. Из основных преимуществ стоит выделить:

- красивые шаблоны с современным дизайном;
- мощный визуальный редактор;
- поддержка адаптивности;
- готовые контейнеры и сетки;
- встроенная библиотека изображений;
- создание дизайна для соцсетей;
- экспорт в HTML, WordPress и Joomla;
- доступные версии для Windows, Mac OS и Online.

О готовых шаблонах стоит сказать отдельно. Все они используют новые технологии веб-дизайна, которые можно часто увидеть на Pinterest, Behance и Dribbble. Оригинальные, с качественной графикой и массой возможностей для построения собственной структуры сайта на основе предоставленных заготовок. 

Nicepage доступен не только для Windows и Mac OS, но и как плагин WordPress и расширение Joomla. Также над созданием сайта можно работать в онлайн-приложении, не скачивая программу. Но мне предстояло опробовать все этапы работы с конструктором, поэтому я выбрала версию для Виндовс и скачала ее на компьютер. Это позволит мне экспериментировать над новым сайтом без подключения к интернету.




                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Проект для новичков
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
2010 - 2019 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские версии.
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
ПОДРОБНЕЕ

Работа с Nicepage начинается с регистрации. В верхнем правом углу щелкаем по ссылке "Зарегистрироваться", в открывшейся форме указываем рабочий е-мэйл, придумываем логин и пароль. После отправки формы можно приступать к работе сразу же, без подтверждения е-мэйла. Я перешла в раздел "Скачать" и выбрала в списке Windows. 



 
Начать работу над новым проектом можно несколькими способами: с чистого листа, с выбора картинок и генерации шаблона для них, с подбора имеющихся заготовок или с автоматического генерирования страницы, как это происходит в Артистере. Но не только этим уникален конструктор: кроме быстрого старта в нем можно создать дизайн поста для популярных соцсетей. И это за несколько кликов! Поистине отличная возможность для владельцев аккаунтов в VK, Facebook, Instagram.
Free Design File предоставляет поьзователям 40 категорий с векторной графикой. Если в меню навести курсор на раздел "Бесплатный вектор", то в выпадающем списке увидите все категории. Также можно осуществлять подбор изображений, воспользовавшись формой поиска либо по тегам. Большой перечень тегов можно найти в самом низу страницы.

Я выбрала один из готовых шаблонов. Кликнув по нему, шаблон открылся в рабочем окне редактора. Слева от рабочей области показаны все элементы выбранного шаблона по отдельности. Справа - инструменты для их редактирования. По центру рабочего окна кнопка со значком плюсика  позволяет добавить на страницу нужный элемент: текст, картинку, кнопку, форму, иконки соцсетей, счетчик, html или php-код, видео и т.д.

Редактор в конструкторе очень удобный и интуитивно понятный. Работает по принципу drag-and-drop. Что касается текстового редактора, то он простой и понятный, имеет необходимые функции: выбор шрифта, его тип и размер, цвет и стиль, а также маркированный и нумерованный списки. Замена текста осуществляется двойным кликом, после чего текст выделяется и его можно удалить целиком, нажав Delete. 
В редакторе есть возможность использовать как свои изображения, загрузив их с компьютера или просто указав их URL, так и воспользоваться встроенной библиотекой изображений. В библиотеке картинки разбиты по категориям, что облегчает их подбор. Для быстрого теста я использовала картинки из библиотеки, но когда дело дойдет до реального проекта, я, конечно же, заготовлю свои изображения заранее их сложив в отдельную папку на компьютере. 

Завершив редактирование шаблона, остается завершающий этап - его экспорт. Я выбрала экспорт в HTML. Обычно в подобных бесплатных сервисах на этом этапе ожидают какие-нибудь сюрпризы в виде невозможности скачать готовый проект на компьютер, внесении оплаты или еще чего-нибудь. Что ж, тестируем экспорт, нажав иконку "Скачать" в меню инструментов (скрин выше).

Откроется окно, в котором нужно будет задать название проекту и указать папку для экспорта. Кроме того, можно выбрать в каком формате будет осуществлен экспорт, для меня это удобнее будет в виде zip-архива. Начался процесс экспорта. По времени занял примерно секунд 10.  Теперь самое время проверить, что же я получила в архиве. Распаковав архив, я увидела папку с картинками, файлы со скриптами и стилями, а также файл index.html - главная страница сайта. Если бы создала дополнительные страницы, то они тоже были бы здесь.

Открываю index.html в браузере и просматриваю созданный одностраничный сайт. Все отлично работает. На скриншоте одна из галерей сайта. Что ж, респект разработчикам за то, что такой конструктор разрешили использовать бесплатно всем желающим.
В завершение хочу сказать, что Nicepage - действительно мощный конструктор. Его интерфейс доступен на русском языке и обладает реально крутым функционалом. Единственный недостаток - это то, что некоторые возможности на бесплатном тарифе ограничены, но доступных функций вполне хватает для создания современного адаптивного сайта. Так что рекомендую к изучению!

Всем желаю успеха и до новых встреч! С ув. Светлана (SvetLana_TSV).



Не забудь заглянуть в свою почту и подтвердить подписку!
Главная страница сервиса Nicepage
Скачать программу Nicepage для Windows
Скачивание и запуск конструктора очень быстрые и ничем не отличаются от установки любой программы. Достаточно выбрать на компьютере папку для установки, скачать туда программу, запустить двойным кликом, согласиться с лицензией. Начнется процесс установки, в конце которого автоматически запустится конструктор. Запуск приложения может занять пару минут, поэтому не торопитесь закрывать вкладку.
Начало работы с Nicepage
Шаблоны сайтов Nicepage
Ниже, под иконками веб-строителей дизайна для социальных сетей, в разделе "Проекты от сообщества" располагаются готовые шаблоны, разбитые на категории. Можно начать работу с любого понравившегося шаблона. Но к сожалению, далеко не все шаблоны можно использовать в бесплатной версии, часть шаблонов с пометкой "Премиум" доступна только на платном тарифе. 
Рабочая область для редактирования в Nicepage
Встроенная библиотека стоковых изображений
Экспорт сайта в Nicepage
Экспорт сайта в Nicepage
Окно экспорта сайта в Nicepage
Отдельно стоит сказать про обучающую документацию. В разделе "Документы и видео" выложено много обучающих инструкций и видео. Видеоролики, правда, на английском языке, но посмотреть рекомендую хотя бы для того, чтобы увидеть порядок работы с разными инструментами.
обучающие видеоролики для работы с Nicepage