Artisteer — продвинутый конструктор шаблонов для сайтов

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

Стоимость создания сайтов в профессиональных студиях, прямо скажем, немаленькая и порою достигает нескольких сотен тысяч рублей. Поэтому большинство сайтов создается небольшими компаниями или фрилансерами за более скромные деньги. Сайт, ничем не уступающий по возможностям профессиональному многотысячному монстру, может обойтись гораздо дешевле. Например, корпоративный сайт вполне реально заказать за 5000-6000 рублей, а полноценный интернет-магазин порой обходится в 7000-15 000, в зависимости от того, какие функции у него есть. Что до простого сайта-визитки, то ему и вовсе цена 2000 в базарный день.

Столь низкие цены обусловлены тем, что эти сайты собираются на базе различных CMS (Content management system) — систем управления контентом или, как их называют иначе, движков. CMS содержат базовый набор необходимых большинству сайтов функций. Если же веб-мастеру нужны на сайте дополнительные элементы, он реализует их с помощью специальных расширений.

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Одни считают использование публичных шаблонов делом несолидным. А ну как окажется, что новенький корпоративный сайт как две капли воды похож дизайном на какой-то не слишком пристойный ресурс?

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

Третьи, из числа более продвинутых, не жалуют бесплатные шаблоны за высокую вероятность наличия в них скрытых ссылок, оставленных разработчиками, что случается сплошь и рядом.

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

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

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

Одним из таких приложений является Artisteer 4.3 от компании Extensoft — редактор с долгой историей, который позволяет создавать шаблоны почти любой сложности, даже если автор шаблона вообще ничего не смыслит ни в HTML, ни в CSS. Если же у разработчика есть соответствующие знания, то для него вообще нет преград.

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Как можно видеть на приведенных иллюстрациях, интерфейс редактора выглядит не сложнее, чем у приложения Microsoft Word, и гораздо проще, чем у Photoshop. Да и в работе с ним нет ничего сложного.

Многие шаблоны делаются в Artisteer на базе макетов, созданных в Photoshop профессиональными дизайнерами. Веб-дизайнер смотрит на такой макет и создает в Artisteer его копию.

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

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

Artisteer - продвинутый конструктор шаблонов для сайтов

Итак, запускаем приложение и смотрим, что в нем есть. В Artisteer можно создавать шаблоны для целого ряда CMS. Для российских пользователей наиболее актуальны Joomla, WordPress и Drupal. В более ранних версиях программы тип шаблона выбирался в самом начале работы, на этапе создания нового проекта. Теперь же разработчики перенесли выбор CMS на заключительную стадию — экспорт шаблона. То есть можно создать новый макет и только потом выгрузить его в любом варианте. Поэтому процесс разработки под различные CMS ничем не отличается. Мой же сайт будет построен на CMS Joomla, поэтому мне нужна версия Standart Edition, поскольку Home & Academic Edition обладает урезанным набором функций и экспортировать шаблоны для Joomla не умеет.

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Artisteer - продвинутый конструктор шаблонов для сайтов

Мне он совсем не нравится. Я по очереди прошу программу предложить мне цвета и шрифты. При изменении цвета гамма меняется целиком. То есть мне не нужно задавать отдельно цвет для каждого элемента, включая цвета кнопок для каждого из состояний — пассивное, активное и наведение.

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

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

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

Artisteer - продвинутый конструктор шаблонов для сайтов

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

Шаблоны, созданные в Artisteer, имеют отличную совместимость с расширениями Joomla и прекрасно работают с большими дополнениями, как, например, модуль интернет-магазина VirtueMart, и другими. Поэтому вы легко можете создать шаблон для блога, интернет-магазина или социальной сети. Хотя HTML и CSS выучить, конечно, стоит.

Напоследок я настоятельно рекомендую покупать приложение именно в версии Standart Edition, поскольку возможности Home & Academic Edition очень ограниченны. Да, цена стандартной версии существенно выше, но она отобьется уже после создания одного-двух сайтов. Поэтому здесь экономить не стоит.

Статья написана для проекта Softkey.info.

Комментарий о “Artisteer — продвинутый конструктор шаблонов для сайтов

  1. Благодарю, прекрасная статья. Сам работаю на этом конструкторе, очень доволен. Многим он перешел дорогу)))

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


*