Artisteer шаблоны: Artisteer 4 — готовые шаблоны

Как сделать красивый шаблон для сайта в Artisteer

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

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

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

Верстайте шаблоны сами

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

На нем легко можно создавать как простые шаблоны, так и для CMS – WordPress, Joomla и т. п. Программа очень большая и многофункциональная. Для верстки шаблонов в составе приложения заложено огромное количество решений.

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

Начало работы с Artisteer

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

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

Управление Artisteer

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

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

Шаблон Artisteer — украшение сайта

Верстать шаблон обычно начинают с вкладки – Макет. Здесь требуется выбрать параметры шаблона – размер по экрану, ширина колонок, верхний и нижний колонтитул. А дальше, перебирая все вкладки Artisteer, производят детальную доработку.

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

Если следующие 5 минут вы можете инвестировать в  самообразование, то переходите по ссылке и читайте следующую нашу статью: Как заработать на рекламе на своем сайте

Понравилась статья? Жми «Мне Нравится«
Оставьте комментарий к этой статье ниже

Artisteer — лицензия, русская версия, цена

Artisteer является уникальным инструментом автоматизации процессов веб-дизайна, быстро создающий прекрасно выглядящие, эксклюзивные шаблоны веб-сайтов и блоговые темы оформления, соответствующие веб-стандартам. Artisteer предоставляет возможность за минуты разрабатывать симпатичные шаблоны блогов и сайтов, экспортировать в Blogger, Joomla, WordPress и прочие продукты управления содержимым. Нет нужды в изучении Photoshop, CSS, HTML и прочих специализированных технологий — продукт крайне прост в употреблении.

Сколько стоит купить лицензию, варианты поставки

• Артикул:
  EXTN15519888
• НДС:
  20 % (включен в стоимость)
• Тип поставки:
  Электронная (e-mail)
• Язык (версия):
  Русский/Английский
• Срок поставки лицензионной программы или ключа активации:
  3-14 рабочих дней
• Примечания:
  Лицензия для коммерческих организаций. Включает 1 год бесплатных обновлений.
• Платформа:
  Windows
• Тип лицензии:
  Постоянная
• Тип покупателя:
  Коммерческая
• Доступна оплата картой

• Артикул:
  EXTN15519889
• НДС:
  20 % (включен в стоимость)
• Тип поставки:
  Электронная (e-mail)
• Язык (версия):
  Русский/Английский
• Срок поставки лицензионной программы или ключа активации:
  3-14 рабочих дней
• Примечания:
  Лицензия для коммерческих организаций. Включает 1 год бесплатных обновлений.
• Платформа:
  Windows
• Тип лицензии:
  Постоянная
• Тип покупателя:
  Коммерческая
• Доступна оплата картой

• Артикул:
  EXTN15519890
• НДС:
  20 % (включен в стоимость)
• Тип поставки:
  Электронная (e-mail)
• Язык (версия):
  Русский/Английский
• Срок поставки лицензионной программы или ключа активации:
  3-14 рабочих дней
• Примечания:
  Лицензия для домашнего использования. Включает 1 год бесплатных обновлений.
• Платформа:
  Windows
• Тип лицензии:
  Постоянная
• Тип покупателя:
  Физ.лицо
• Доступна оплата картой

Создать шаблон WordPress, Joomla в программе Artisteer самому не зная HTML

В статье представлена программа Artisteer, в которой можно визуально создать красивый дизайн сайта без знания HTML и стилей CSS

для различных бесплатных популярных систем управления контентом (CMS), таких как Joomla, WordPress, Drupal, DotNetNuke, Blogger, Tumblr самостоятельно, в которой каждый сможет создать свой индивидуальный шаблон и экспортировать для выбранной системы управления контентом. Продвижение сайта, созданного в Artisteer, проходит без замечаний.

Многие желающие создать свой сайт ищут бесплатный шаблон Joomla, шаблон WordPress или другие варианты для бесплатных движков, но найденные варианты дизайна не полностью удовлетворяют, так как на вкус и цвет товарищей нет, плюс во многих заранее вшита открытая ссылка на изготовителя, что является минусом с точки зрения SEO оптимизации. Программа Artisteer позволяет самостоятельно создать шаблон Joomla, шаблон Wordpress и других бесплатных движков без знания Photoshop, Dreamweaver, языка HTML и стилей CSS. Без труда самостоятельно можно создать красивый дизайн и  экспортировать шаблон Joomla, шаблон Wordpress или в другую выбранную систему управления сайтом. Программа Artisteer в настоящее время является наверное единственным и лучшим инструментом для того, чтобы создать свой дизайн к множеству CMS (системам управления контентом) таких как Joomla, WordPress, Drupal, DotNetNuke, Blogger. Тем, кто никогда не сталкивался с созданием сайтов, программа Artisteer поможет узнать, из каких элементов состоит сайт и способы их обработки, что безусловно поможет в дальнейшем в работе для того, чтобы создать шаблон Joomla, шаблон Wordpress и других систем.

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

Программа Artisteer. Описание

Набор готовых исходников

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

Состав шаблона

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

Макет

Вкладка МАКЕТ является начальным этапом создания шаблона сайта, в которой задается расположение основных элементов (шапки, меню, блоков), ширины, стилей и количество колонок.

Стили страниц

Вкладка ПРАВКА позволяет редактировать макет страниц сайта: расположение, количество и стили свернутых статей, как на главной, так и на страницах категорий.

Содержимое страниц (статьи, посты)

 Вкладка СОДЕРЖИМОЕ предназначена для редактирования стилей контента статей (показано на примере варианта блога): стили верхнего и нижнего колонтитулов статьи, текста, изображений, ссылок, таблиц, заголовков, цитат.

Главное меню

Горизонтальное, главное МЕНЮ. Редактирование расположения меню, стилей фона элементов меню, кнопок и пр.

Верхний колонтитул (шапка, header)

Вкладка ВЕРХНИЙ КОЛОНТИТУЛ содержит инструменты для редактирования шапки сайта. С помощью них можно поставить в шапку выбранное изображение как из коллекции Artisteer, так и собственные с компьютера, установить логотип, надпись, слайдер, различные эффекты и изменять ее размер и положение.

Вертикальное меню

Редактирование вертикального меню. Инструменты вкладки позволяют создавать различные стили блока: фон, тень, заливка цветом, градиент, обводка, параметры текста, прозрачность и другое.

Настройки и экспорт в Artisteer

Экспортировать готовый дизайн сайта в выбранный формат CMS: Tumblr, Joomla, WordPress, Drupal, DotNetNuke, Blogger. В окне экспорта ставим галочку АРХИВ и дизайн экспортируется в формате Zip, готовом для загрузки в соответствующую CMS. Загружаем архив в свой движок, устанавливаем этот шаблон и получаем готовый сайт со своим дизайном, который остается наполнять контентом.

Для того, чтоб в футере не показывалась ссылка на Artisteer в окне НАСТРОЙКИ экспорта открываем пункт СНОСКА и снимаем галочку Обратная ссылка на SMC (Joomla, WordPress и др.) и Artisteer.

Как легко и быстро создать шаблон для своего сайта

Программа Artisteer предназначается для создания и редактирования шаблонов. Дистрибутив свободен для скачивания с сайта разработчиков. Программа огромная и многофункциональная. Она создает как простые шаблоны, так и для CMS. В ее арсенале в большом ассортименте заложено огромное количество вариантов, параметры которых можно изменять самостоятельно. Artisteer поддерживает темы CMS WordPress, Blogger, Joomla и Drupal.

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

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

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

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

Необычный вариант использования возможностей Artisteer в верстке / Хабр

Долго время пользовался интересной для веб-разработчика программой Artisteer, которая позволяет в режиме wysiwyg создавать готовые шаблоны для wordpress, joomla!, drupal, blogger. После работы с программой достаточно немного подрихтовать стили, добавить кастомные шрифты, если нужно, подгрузить необходимые скрипты, картинки где-то поменять — и готовая тема! Быстро, удобно, очень много настроек — выбор цветов, расположение блоков, типографика, бекграунды, текстуры, градиенты, прозрачность — все это доступно в настройках. Кликаешь кнопку и тут же видишь, как будет выглядет результат на выходе. Потом экспортируешь шаблон в нужном формате (можно даже сразу задать название и версию шаблона, имя и url автора, которые сразу пропишутся в файле стилей. Собственная разработка все-таки ж!

Но есть нюансы — уж больно глючная программа. То не хочет экспортировать, то не хочет правильно открывать сделанный ранее проект, то просто неожиданно вылетает с сообщением об ошибке. И многие ее вышеперечисленные достоинства этими недостатками просто сводятся на нет. Сидишь несколько часов, правишь шаблончик, все отточил как только можно, все выглядит идеально. Нажимаешь «экспорт», программа вылетает, и о всех твоих трудах только воспоминанья…

Сделав с этой программой несколько тем, и истратив изрядно нервов, задумался. С одной стороны, шаблоны программа выдает очень удобные. Например, для wordpress она сразу задает несколько настраиваемых сайдбаров — сверху, снизу и несколько сбоку, создает специальную страницу в админке, где можно настроить дополнительные опции — копирайт в футере, блоки рекламы. Кроме того, в папке шаблона создается дополнительный шаблон страницы — one-column-page.php, как то так. И еще несколько разных шаблонов для постов, которые можно поменять прямо в редакторе поста. Ну и не говоря уже про всякие интересные строчки кода в function.php, которые иногда очень сильно облегчают жизнь верстальщика.

Думал, думал, полазил на официальном сайте и нашел там страничку samples — готовые шаблоны. Можно сразу бесплатно скачать готовые шаблоны для разных CMS, созданные в Artisteer. А при желании — и отредактировать. Присмотрел я шаблончик, похожий по расположению блоков на тот, что мне заказали верстать в тот момент. Скачал, поменял картинки, цвета, добавил фичи, подключил шрифты через font-face, ну вобщем, просто переделал его, как надо, активно при этом пользуясь всеми теми возможностями, которые были заложены в шаблон изначально. Вот такой опыт. Сейчас делаю очередной проект, шаблон для wordpress, собираюсь воспользоваться тем же способом, потому что вот только что установил последнюю версию программы, а она опять вылетела. Зато на сайте нашел подходящий шаблончик, которым и займусь.

А вот такие позиции предустановлены в шаблонах Artisteer для джумлы:

Artisteer для Joomla — стать профессиональным веб-дизайнером легко

Всем привет!

Сегодня я хочу рассказать Вам о программе Artisteer!

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

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

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

Шаблоны, которые Artisteer поможет Вам произвести можно использовать для сайтов, таких как Joomla.

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

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

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

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

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

Иногда возникают трудности с новыми идеями.

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

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

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

Программа проведет Вас через шаг за шагом, и в итоге Вы получите отличный результат.

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

Вы можете использовать её для тестирования новых проектов и идей.

Вам не нужно быть экспертом, чтобы иметь возможность использовать эту программу.

Через несколько минут Вы сможете освоить Artisteer.

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

Скачать Artisteer

Всем удачи!

Themler (Темлер): обзор программы для создания шаблонов сайтов

Привет, друзья IdeaFox!

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

Ладно, посмотрим, что будет дальше. Но я сегодня совсем о другом.

Когда я задумался о том, что пора менять шаблон блога, то в первую очередь вспомнил про замечательную программу Artisteer, которая верно служила мне с 2008 года. Прежний вариант “дизайна” моего блога был как раз сделан в Artisteer буквально за 30 минут. На одной коленке, да.

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

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

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

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

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

Но вот незадача – программа Artisteer больше не обновляется разработчиком

То есть, использовать её далее нет никакого смысла. Правда, я об этом еще не знал, когда продлевал лицензию еще на один год. Узнал только тогда, когда в полученном емайл увидел не ссылку на новый Artisteer, а на неведомый мне Themler.

Связался с разработчиками, а они мне сообщили, что действительно: ”Теперь все силы брошены Themler, который стал наследником Artisteer”. Вот так дословно и написали.

Ладно, посмотрим, что за Themler такой

Скажу сразу, что эта программа платная, но есть и бесплатный вариант, который позволяет создавать сайты на “голом” HTML5 & CSS3. То есть, в бесплатной версии Themler можно сделать обычный небольшой сайт-визитку, или симпатичный лендинг.

Но если хотите делать шаблоны для WordPress, то придется купить версию за 49 долларов. Ссылка ниже не реферальная, смотрите, пробуйте.

У меня установлена версия за 129 долларов, которая позволяет делать шаблоны не только для WordPress, но и для Joomla с неведомым мне движком DotNetNuke.

Более дорогие версии Темлера поддерживают следующие CMS:

1. Drupal
2. WooCommerce (шаблоны для магазинов на WordPress + плагин WooCommerce)
3. Virtuemart (шаблоны для магазинов на Joomla + компонент Virtuemart)
4. DonNetNuke (понятия не имею, что за движок такой)
5. Magento (очень продвинутый движок для создания интернет-магазинов)
6. PrestaShop (тоже довольно популярный движок для магазинов)

Набор, как видите впечатляет. Напомню, что это все сделано для тех, кто вообще ничего не понимает в HTML и CSS.

Но повторюсь, что и бесплатная версия может пригодиться для создания продажников или для небольших сайтов-визиток (до 10 страниц в free-версии).

Как это работает?

Нужно установить Themler на компьютер, как обычную программу:

http://themler.com

Обратите внимание, что можно обойтись без установки, а попробовать ее в режиме онлайн, прямо на сайте разработчика.

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

После запуска сразу видим вот такой интерфейс программы:

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

Выбрал первый попавшийся шаблон для ВордПресс:

И стал изучать интерфейс этой могучей программы. Говорю вообще без иронии, так как возможности действительно огромные.

Можно изменить абсолютно все:

1. Фон
2. Шрифты
3. Сделать слайд-шоу
4. Изменять цвета
5. Схему расположения виджетов
6. Посмотреть как будет отображаться шаблон на мобильных устройствах
7. Вообще ВСЕ МОЖНО изменить в шаблоне

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

Но у этой легкости есть и обратная сторона, о которой расскажу чуть ниже.

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

Работа с содержимым сайта. Здесь задается оформление шрифтов, картинок и.т.д.

Вставка всевозможных элементов сайта.

Работа с дизайном сайта. Здесь задаются базовые цвета оформления и.т.д

Короче, возможностей, ОЧЕНЬ много. То, чего не хватало в Artister –  теперь можно с легкостью сделать в Themler.

Я не буду здесь ваять шаблон и настраивать его именно под блоговый стиль. А просто возьму и сразу запилю его не тестовый блог win4blog.ru

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

Обратите внимание, что при экспорте готового шаблона необходимо оставить галку напротив “Include Themler for customizing this theme”. Зачем это нужно, расскажу чуть ниже.

Установил готовый шаблон на win4blog:

Разумеется, нормальным шаблоном ЭТО назвать нельзя. Он требует тщательного допиливания и так далее…

Самое интересное

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

То есть, прямо на сервере сайта подгружается Themler и можно все править “на лету”, не покидая админку сайта.

Честно говоря, более продвинутого фреймворка для шаблонов на WordPress я не видел. Это действительно что-то новенькое:

Но меня в первую очередь интересует, что там с кодом?

А вот здесь пока еще далеко от идеала. На мой взгляд, он пока перегружен и явно сырой. Слишком много всего наверчено-накручено, как в первых версиях Artisteer. Я не зря вспомнил первые версии Артистера, так как там тоже было все грустно в этом плане. Именно тогда и было много воплей о том, что Артистер является идеальным генератором говнокода для быдлосайтов =)

Но со временем, разработчики довели код до нормального уровня.

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

Это хорошо заметно по баг-трекеру и бурной жизни на форуме поддержки.

Вывод

Мой вердикт таков: Themler заслуживает самого пристального внимания со стороны автономных блогеров. Продукт действительно интересный и удобный. У конкурентов вообще нет ничего подобного для тех, кто не понимает в программировании.

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

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

На чем остановился я сам?

После недолгих опытов с Темлером, я решил не ждать пока ситуация с кодом улучшится, а купил готовый шаблон за 40 долларов. Да и дизайнер из меня прямо скажем – сомнительный =) Да, в моем новом шаблоне тоже есть проблемы, которые сейчас решаю.

Например, там есть стена CSS-кода, с которой тоже нужно что-то делать…

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

Пока я склонен ему верить.

P.S. И, конечно, поздравляю всех читателей с Новым Годом! Желаю всего самого наилучшего и удачи!

Советую прочитать:

1. WordPress.com for Windows: новый способ управлять блогами прямо с компьютера
2. Встречаем новый Вебмастер от Яндекса: три главных нововведения, которые порадуют блогеров

Artisteer — Почему не следует использовать шаблон Joomla, созданный с помощью Artisteer

Позвольте мне сначала рассказать вам историю.

Жил-был король по имени «Й.» Его королевство было украшено вздутием живота. Люди хвалили его мудрое решение и молились о долгом царствовании. Он регулярно снабжал своих любимых жильцов всем необходимым. Люди были благодарны своему королю и регулярно платили налоги.

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

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

Итак, почему вы выберете Artisteer?

Тогда какое решение?

Где вы возьмете целевой шаблон Joomla?

Не волнуйтесь, ThemeXpert предлагает вам огромную коллекцию продуманных и полнофункциональных шаблонов Joomla. Кроме того, вы можете получить очень простой в использовании конструктор страниц Joomla — Quix. Он предлагает вам как бесплатную, так и премиальную версии. Вы можете легко создать свой шаблон Joomla и веб-сайт с помощью Quix.

Если вы являетесь пользователем WordPress , у вас также есть кое-что интересное от нас. ThemesGrove предоставляет средства создания шумихи WPOnepager и WidgetKit для веб-сайта WordPress.

А теперь позвольте мне показать другие причины покинуть Artisteer.

Что такое Artisteer?

Artisteer — это программа для создания тем , которая может экспортировать темы для WordPress, Joomla, Drupal, а также шаблоны HTML (для таких программ, как Dreamweaver) и шаблоны веб-разработки для ASP.NET и CodeCharge.

По словам Artisteer, используя Artisteer, вы можете быть экспертом по веб-дизайну, редактировать и нарезать графику, кодировать XHTML и CSS, а также создавать шаблоны CMS и темы WordPress — все за считанные минуты и без Photoshop, Dreamweaver или технические навыки.

Основные причины, по которым следует избегать Artisteer

Совместимость с браузером

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

Artisteer не поддерживает совместимость с более ранней версией Internet Explorer. Согласно исследованию, Internet Explorer занимает 13,5% всего рынка. Итак, вы не можете игнорировать огромное количество пользователей, если серьезно относитесь к своему делу.

Отзывчивый ness

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

Artisteer работает только в версии 4 , но не в более ранних версиях. Если вы ранее пользовались Artisteer, вам необходимо либо обновить свою версию, либо прекратить использование Artisteer. Итак, я не могу убедить себя предложить вам использовать конструктор шаблонов Artisteer.

Совместимость с SEO

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

Не сделав свой веб-сайт достаточно оптимизированным для SEO, нельзя ожидать хорошего коэффициента конверсии, который в конечном итоге приведет к потере проекта. Если Google не может распознать ваш веб-сайт или вы не можете управлять своим веб-сайтом так, как Google может сканировать вас, тогда нет смысла создавать веб-сайт. Кто хочет иметь веб-сайт с меньшим количеством посетителей? Никто, верно! Тогда нет причин использовать Artisteer.

Обновление

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

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

Генерирует ненужные коды

Он генерирует ненужные коды при создании шаблонов или тем с помощью Artisteer. Будет сгенерирован дополнительный код CSS , дополнительный. JS-код и PHP-код , а также. В конечном итоге вам будет представлен кусок беспорядочного кода. Это определенно не доставит вам удовольствия.

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

Ограничения

1. Нет нестандартно: Artisteer создает простые профессиональные темы — и делает это очень хорошо. Если вы ищете что-то совершенно другое, это может не сработать.
2. Отсутствие расширенной функциональности в PHP: Опять же, Artisteer создает стабильные, хорошо продуманные темы, но не позволяет вам изменять какие-либо функциональные аспекты PHP темы.
3. Работает только с основными CMS: Artisteer работает только с основными CMS, такими как WordPress, Joomla и Drupal.Однако есть намного больше CMS, которые он игнорирует.
4. Вы не можете изменить тег заголовка / нижнего колонтитула: Artisteer не может изменить тег заголовка, а также тег нижнего колонтитула. Когда вы работаете с тегом «Заголовок / Нижний колонтитул», вы столкнетесь с трудностями.
5. Невозможно редактировать контент в WordPress: Пока вы работаете над своим сайтом WordPress, редактирование контента является обязательным. К сожалению, Artisteer не позволит вам редактировать контент в WordPress.
6. Экспорт дизайна в Интернете : Когда вы работаете над своим веб-сайтом или дизайном, важно предварительно просмотреть и экспортировать дизайн.Но вы не можете экспортировать дизайн в автономном режиме, если вы работаете в Artisteer. Это одно из наиболее заметных ограничений Artisteer.
7. Функциональность Bootstrap : Artisteer не работает с Bootstrap. Хотя Artisteer отзывчивый, но не работает на Bootstrap. Его пользователи сообщили о том, что он не отвечает в версии 4.

Заключительные слова

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

Создание шаблонов с Artisteer | Packt

Ваш первый шаблон за 10 минут

Хорошо, хватит болтать. Давайте посмотрим на Artisteer в действии. Как и в большинстве книг по программированию, где первое упражнение показывает «Hello World!» text, мы собираемся создать наш первый «Hello World!» шаблон. Итак, приступим.

Программа представлена ​​в двух редакциях: Home & Academic и Standard, которые различаются по функциональности.Издание Home & Academic — это усеченная версия Стандартного выпуска. В этой книге мы работаем со стандартной версией.

Последнюю версию можно скачать с сайта производителя по адресу http://www.artisteer.com/?p=downloads. Для обеих версий существует один установщик, и в соответствии с имеющимся у вас номером лицензии будет активирована версия Standard или Home & Academic. Тот же установщик также можно использовать для установки пробной версии, которая позволяет вам узнать программу и принять решение, хотите вы ее купить или нет.

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

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

Для преобразования пробной версии в
полная версия, приложение необходимо активировать. Для этого процесса требуется подключение к Интернету. Для активации нажмите кнопку Activate , отображаемую на экране приветствия (вы также можете выбрать в меню опцию File | Activation ). Вы перейдете в окно Artisteer Activation , где вы должны ввести свой лицензионный ключ в
Лицензионный ключ: поле », как показано на следующем снимке экрана:

После ввода лицензионного ключа нажмите кнопку Активировать .Через несколько секунд ваша копия Artisteer будет полностью активирована.

После запуска программы первый экран, который вы увидите, — это окно с названием New Project . Здесь вы можете решить, хотите ли вы открыть ранее сохраненный проект или начать новый. Основная часть этого окна состоит из трех рядов. В первой строке вы можете отфильтровать доступные готовые шаблоны (если вы хотите начать с изменения одного из них). Готовые шаблоны представлены в третьей строке, в соответствии с выбранной вами категорией и правилом сортировки.

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

В столбце с правой стороны окна находится список недавно открытых проектов, как на следующем снимке экрана:

Вы можете сказать: «Подождите! Вы сказали, что в Artisteer я могу создавать дизайн. не только статические сайты, но и шаблоны для различных CMS. Где я могу настроить то, что именно я собираюсь делать? » Да ты прав.Более того, в предыдущих версиях Artisteer было дополнительное поле в окне запуска, где вы могли его настроить. Но в текущей версии у вас нет такой возможности. Это не ограничение функциональности, а изменение философии работы с приложением. Вы просто проектируете, какую бы платформу вы ни выбрали позже. Это потому, что вы выбираете платформу в конце, а не в начале. Это также подчеркивает тот факт, что Artisteer позволяет вам сосредоточиться на дизайне, а не на выбранной вами платформе.Думайте о дизайне как о чем-то, что не зависит от платформы.

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

Примечание

Как видите, шаблон Blank на самом деле не пустой. Он содержит некоторые основные элементы и некоторые примеры содержимого. Однако это самое начальное состояние при работе с Artisteer, которое используется, когда вы собираетесь создать шаблон с нуля.

На следующем снимке экрана вы видите интерфейс Artisteer по умолчанию. Если вы знакомы с современными приложениями, вы будете чувствовать себя как дома. Главное меню имеет форму ленты (введено в Microsoft Office 2007), а основные параметры, такие как Edit , Colors & Fonts , Layout , Content , Background , Sheet , Заголовок , Меню , Блоки , Вертикальное меню , Элементы управления и Нижний колонтитул соответствуют основным этапам разработки макета (мы подробно поговорим об этом в следующей главе).Первый вариант, называемый Home , содержит параметры, которые влияют на весь сайт в целом.

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

Режим подсказок — это функция, которая предлагает внешний вид элемента, над которым вы сейчас работаете. Поскольку вкладка Home относится к объему всего проекта, использование этой функции на этом уровне предлагает весь дизайн со всеми зависимыми элементами.Щелкаем по иконке. Это желтая лампочка, первая слева, с этикеткой Suggest Design .

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

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

Примечание

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

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

1. Щелкните меню Файл (над лентой).

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

3. Выберите браузер, в котором вы хотите увидеть свой проект.

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

Если вас устраивает проект, дважды щелкните текст Enter Site Title (иногда это также может быть Best Idea или что-то еще, но это всегда самый большой текст в заголовке). Вы увидите мигающий курсор, как в любом текстовом редакторе. Удалите текст и введите Hello World! . Сделайте то же самое со слоганом сайта под заголовком, заменив исходный текст на Мой первый шаблон Artisteer .После того, как вы закончите вводить текст, просто щелкните любой другой элемент, чтобы применить изменения.

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

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

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

Изменим заголовки позиций меню и заголовки подстраниц сайта.

На левой панели выполните следующие действия:

1. Имя первой страницы, Home , хорошее. Мы оставим это без изменений.

2. Разверните все дочерние элементы Home , щелкнув маленький треугольник слева.

3. Щелкните правой кнопкой мыши элемент Subpage 1 и в меню содержимого выберите Rename . Метка будет выбрана, и теперь вы можете удалить текст и ввести. Введите Обо мне и нажмите Введите .Щелкните правой кнопкой мыши на подстранице 2 и переименуйте ее в Contact , как описано выше.

4. Щелкните правой кнопкой мыши на подстранице 3 и в меню содержимого выберите Удалить . В диалоговом окне подтверждения выберите Да .

5. Переименовать Blog в My Blog .

Структура вашего проекта теперь должна быть такой, как показано на следующем снимке экрана:

Структура меню также изменилась в соответствии с внесенными нами изменениями.Горизонтальное меню должно выглядеть, как на следующем снимке экрана:

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

Хорошо, мы закончили наш первый дизайн. Это заняло не больше 10 минут, не так ли? Если да, попробуйте сделать это еще раз.Когда вы знаете, что делаете, я уверен, что на этот раз вы сможете сделать это еще быстрее.

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

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

• Вы или ваш клиент можете принять решение об изменении платформы CMS (но не дизайна)

• Ваш сервер может сломаться или подвергнуться атаке

Во всех описанных ситуациях будет целесообразно иметь копию вашей работы, чтобы изменить или восстановить сайт.Самый простой (и я думаю, лучший) способ достичь этой цели — сохранить проект в собственном двоичном формате Artisteer. Верно. Хотя Artisteer генерирует шаблоны как набор файлов HTML / CSS / JavaScript / PHP (или один ZIP-архив), он также имеет свой собственный двоичный файл с расширением .artx . Эти файлы содержат все компоненты вашего проекта и его содержимое.

Примечание

Это можно рассматривать как аналогию написания документа в MS Word.Результирующая форма документа — это распечатанные листы бумаги, но вы можете сохранить и заархивировать свой документ в виде файла MS Word .docx . Затем вы можете в любой момент загрузить файл .docx в Word, изменить его и распечатать еще раз. Распечатанные листы бумаги поменять довольно сложно — только вручную, карандашом. Такая же ситуация с Artisteer и экспортированными веб-страницами. Вы можете открыть файл .artx в любое время, внести некоторые изменения и снова экспортировать шаблон, но изменение экспортированных файлов возможно только с ручным кодированием.Невозможно отменить процесс экспорта и импортировать экспортированный шаблон обратно в Artisteer. Также невозможно взять, например, шаблон с drupal.org и импортировать его в Artisteer для редактирования.

Чтобы сохранить проект, щелкните значок в контекстном меню на ленте или разверните меню Файл и выберите параметр Сохранить или Сохранить как… . Затем введите имя вашего проекта, укажите целевое расположение файла (путь для сохранения по умолчанию — C: \ users \ YourUser \ Documents \ Artisteer Templates ) и нажмите Сохранить .

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

Как я упоминал ранее, если вы решите хранить свои проекты в виде файлов HTML, вы больше не сможете открывать и редактировать проект с помощью Artisteer, и вам придется кодировать все возможные модификации вручную. Даже если у вас есть хорошее представление о том, как это сделать, вы можете быть уверены, что ручное кодирование требует гораздо больше усилий и времени, чем работа с Artisteer.Есть еще одна причина в пользу выбора нативных файлов для вашего архива. В
.artx Файлы не зависят от платформ CMS. Допустим, вы запустили свой сайт на WordPress и хотите перенести его на Joomla! (или наоборот). Нет проблем, просто откройте файл .artx и снова экспортируйте его, выбрав Joomla! как цель. Если бы у вас были только экспортированные файлы шаблонов, для такой миграции вам нужно было бы перекодировать весь шаблон. Конечно, здесь мы пропускаем ситуацию, когда вы работаете над более сложным проектом, в котором Artisteer используется только как промежуточный инструмент, а экспортированный шаблон подвергается дальнейшим изменениям для добавления некоторых дополнительных функций.Но в таких случаях, я уверен, вы решите заархивировать все возможное, например, файлы .artx, , исходные графические файлы, шаблон чтения и так далее.

Теперь, когда мы разработали и сохранили наш проект, пришло время экспортировать. Чтобы экспортировать проект, щелкните значок Export в области ярлыков на ленте или выберите File | Экспорт | Шаблон веб-сайта из меню. Мы собираемся экспортировать проект как форму Website Template .Это означает, что это будет статический и нормальный веб-сайт, не работающий с какой-либо системой CMS.

В появившемся окне, как показано на следующем снимке экрана, мы должны установить некоторые параметры:

• Шаблон : это поле, которое вы можете изменить на
  желаемый тип экспортируемого шаблона (система CMS). Мы оставляем все как есть, с шаблоном веб-сайта .

• Экспорт в : это поле
  где вы можете определить, хотите ли вы экспортировать его в Local (как файлы на жестком диске) или FTP (передать его прямо на свой веб-сервер).Мы хотим экспортировать его как Local .

• Имя папки : это имя создаваемой папки, в которой будут сохранены все файлы шаблонов.
  Это имя не может содержать пробелы и символы, запрещенные при именовании папки (например, \, /,? И т. Д.). Удалите значение по умолчанию ( Untitled ) и введите myFirstTemplate .

  Примечание

  Хотя Windows не распознает большие и маленькие буквы, Linux распознает, и ваш веб-сервер, вероятно, работает на Linux.Называя папку, будьте осторожны при вводе ее имени.

• Путь : это путь навигации к
  созданная папка. Щелкните значок обзора и выберите свой рабочий стол.

  Ниже доступны две дополнительные опции:

  • ZIP-архив : если вы установите этот флажок,
    шаблон будет сохранен не в новой папке, а в виде ZIP-архива с именем, которое вы ввели в поле Имя папки . Эта опция должна быть отмечена для большинства CMS.Поскольку на данный момент мы не экспортируем ни в одну из CMS, мы не устанавливаем этот флажок.

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

  Примечание

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

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

В окне Options щелкните последнюю позицию слева ( Footnote ) и снимите флажки с Включить обратную ссылку на Author и Включить обратные ссылки на CMS и Artisteer параметры, как показано на следующем снимке экрана:

Нажмите ОК , чтобы вернуться в предыдущее окно, и нажмите Экспорт , чтобы экспортировать шаблон.Через некоторое время процесс будет завершен, и на рабочем столе появится новая папка: myFirstTemplate .

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

Чтение Создание шаблонов с помощью Artisteer Online, автор Jakub Sanecki

Содержание

Создание шаблонов с помощью Artisteer

Кредиты

0

0

О рецензенте

www.PacktPub.com

Файлы поддержки, электронные книги, скидки и многое другое

Зачем подписываться?

Бесплатный доступ для владельцев счетов Packt

Предисловие

Что охватывает эта книга

Что вам понадобится для этой книги

Кто эта книга для

Условные обозначения

Отзыв читателя

Служба поддержки клиентов

Загрузка кода примера

Ercy4

Вопросы

1.Познакомьтесь с Artisteer

Что такое Artisteer

Artisteer по сравнению с другими программными инструментами

Кто может использовать Artisteer

03

03 950 950

03 9001 9002

Веб-разработчики и программисты

Компании веб-разработки

Ваш первый шаблон за 10 минут

Создание нового проекта

Интерфейс программы

Инструмент предложений

Предварительный просмотр проекта

Начальные настройки

Сохранение проекта

Экспорт шаблона 9 0010

Удаление сноски

Резюме

2.Пошаговый шаблон

Шаблоны

Общие части веб-сайта

Элементы

Заголовок

Горизонтальное меню

Вертикальное меню

Область содержимого

Специальные блоки

Нижний колонтитул

Атрибуты

72

72 Типография

Цвета

Макет

Одноколоночный макет

Двухколоночный макет

03

Создание шаблона

Макет

Столбцы и их содержимое

Цвета

Фон

страниц 9002

удаление и переименование страниц

Свойства страницы

Заголовок

Заголовок и слоган

Изображения

50 9174 9174 Заказ форм и изображений

Flash

Меню

Горизонтальное меню

Область меню

Элемент

Раскраска

Уровни

Без подменю (без подпунктов)

Одна колонка — многоуровневая

Одна колонка — расширенная колонка

— megamenu

Multi-column — megamenu extended

Вертикальное меню

Вертикальное меню

Определение страниц, отображаемых в меню

Написание статей

Вставка изображений

Вставка слайд-шоу

Слайд-шоу в области содержимого

w

900 Типографика

Цветовая тема

Нижний колонтитул

Резюме

3.Шаблоны CMS

Что такое CMS

Статический шаблон страницы по сравнению с шаблоном CMS

Конкретные элементы шаблона CMS

Значки заголовка сообщения

значки

Расширенные методы

Отображение позиций в Joomla! шаблон

Дополнительная позиция шаблона в заголовке

Дополнительные позиции шаблона в нижнем колонтитуле

Joomla! шаблоны

Области шаблонов

Экспорт файла Joomla! шаблон

Установка Joomla! шаблон

Настройка шаблона

Название и слоган

Горизонтальное меню

Вертикальное меню

Footer 9174 Модификация нижнего колонтитула Импорт контента

Шаблоны WordPress

Области виджетов

Экспорт шаблона WordPress

Настройка шаблона

10 Заголовок и слоган 9

Настройка нижнего колонтитула

Меню

Импорт содержимого

Drupal

DotNetNuke

0 Редактирование контента — Artisteer или CMS

Сводка

4.Советы и рекомендации

Ссылки на изображения в слайд-шоу

Удаление вертикального меню с некоторых страниц

Стилизация определенного модуля

Стилизация с нуля 0

Комбинации с другими классами, созданными Artisteer

Добавление дополнительного CSS в проект

Другой способ изменения файлов CSS

Создание копии веб-страницы

Добавление лайтбокса

Сводка

Индекс

Создание шаблонов с Artisteer

Создание шаблонов с Artisteer

Copyright © 2013 Packt

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

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

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

Впервые опубликовано: март 2013 г.

Номер продукции: 1120313

Опубликовано Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham, Birmingham, Birmingham

ISBN 978-1-84969-941-9

www.packtpub.com

Изображение на обложке Суреша Могре (< [email protected]>)

Кредиты

Автор

Якуб Санецки

Рецензент

Марк Конрой

Редактор по приобретению

Технические редакторы

Чармейн Перейра

Амит Рамадас

Копировальные редакторы

Laxmi Subramanian

9area Wagha

Корректор

Martin Diver

Indexer

Monica Ajmera

Графика

Aditi Gajjar

Координатор производства

Work Shantanu

Work Shantanu Zagade Об авторе

Якуб Санецки — опытный веб-разработчик и программист с более чем 11-летним опытом.Он родился в 1977 году в Польше. В 2001 году, незадолго до окончания учебы (он получил высшее образование в области управления компанией), он основал Fregata — компанию, в которой работает по сей день, и занялся своей истинной страстью — информационными технологиями. Начав с предоставления услуг, связанных с популярной ERP-системой, компания развивалась в направлении услуг программирования и разработки программного обеспечения на заказ. С ростом популярности Интернета он сосредоточился на разработке веб-приложений и веб-сайтов. Автор многих веб-приложений и настольных приложений, Якуб работает независимым ИТ-консультантом и фрилансером, реализуя проекты различного размера и сложности для компаний разных размеров.Он также проводит учебные курсы, связанные с ИТ и веб-технологиями, а также методами их использования в корпоративной среде. Несколько лет он работал преподавателем в университете, обучая программированию для компьютеров и веб-приложений.

Fregata является авторизованным реселлером Extensoft. Вы можете посетить www.szablonik.net, так как он предоставляет поддержку и дополнительную информацию об этом программном инструменте.

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

Благодарность

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

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

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

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

О рецензенте

Марк Конрой — веб-разработчик и оратор из Голуэя, Ирландия.Бывший учитель английского языка по профессии, он начал разрабатывать веб-сайты в качестве хобби для групп друзей и местных общественных групп. Со времени своего скромного начала в Adobe Dreamweaver он перешел к работе почти исключительно с Drupal, используя технологии с открытым исходным кодом, когда это возможно. Как оратор, он в основном рассказывает об использовании цифровых медиа для эффективной кампании. Он также выступал на Drupal в рамках Дней правительства в Дублине о создании социальных сетей с использованием Drupal. Марк является соорганизатором ежемесячной встречи Galway Drupal Meetup.

В качестве внештатного разработчика, работающего под названием «Дизайн для жизни» — www.adesignforlife.net, Марк работал над рядом крупных проектов, не в последнюю очередь из которых была переработка веб-сайта «Ирландия Reaching Out» (www. irelandxo.com), который он построил в одиночку с нуля, используя комбинацию Drupal Commons (и некоторых дополнительных модулей Drupal), Artisteer, CSS и CiviCRM. Вся функциональность на сайте была реализована с использованием новаторских подходов к уже существующим модулям от drupal.орг. Он также создал и продолжает поддерживать сайт для политических кампаний и контактов contact.ie, который стал самым популярным онлайн-методом для связи с политиками в Ирландии.

Это первая техническая книга, над которой работал Марк. Тем не менее, он опубликовал учебник для студентов-английских студентов, In Transition: Anthology of Texts and Tasks for Transition Year Student , ожидает публикации второго учебника английского языка и собирается начать работу над своим третьим.

Mark доступен для долгосрочной и / или краткосрочной внештатной работы, особенно в области Drupal и кампаний. Вы можете связаться с ним по адресу < [email protected]> или. @ contact.ie>

www.PacktPub.com

Файлы поддержки, электронные книги, предложения по скидкам и многое другое

Вы можете посетить www.PacktPub.com для получения файлов поддержки и загрузок, связанных с твоя книга.

Знаете ли вы, что Packt предлагает электронные версии каждой опубликованной книги с доступными файлами PDF и ePub? Вы можете перейти на электронную версию книги по адресу www.PacktPub.com и как покупатель печатной книги, вы имеете право на скидку на копию электронной книги. Свяжитесь с нами для получения более подробной информации. @ packtpub.com>

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

http://PacktLib.PacktPub.com

Вам нужны мгновенные решения ваших ИТ-вопросов? PacktLib — это электронная библиотека электронных книг Packt.Здесь вы можете получить доступ, прочитать и выполнить поиск во всей библиотеке книг Packt.

Зачем подписываться?

Полный поиск по каждой книге, опубликованной Packt

Копирование и вставка, печать и закладка содержимого

По запросу и доступ через веб-браузер

Бесплатный доступ для владельцев учетных записей Packt

Если у вас есть учетная запись Packt по адресу www.PacktPub.com, вы можете использовать ее для доступа к PacktLib сегодня и просмотра девяти полностью бесплатных книг.Просто используйте свои учетные данные для немедленного доступа.

Предисловие

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

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

О чем эта книга

Глава 1, Знакомство с Artisteer поможет вам узнать, что такое Artisteer и чем он может быть полезен для вас. Мы познакомим вас с интерфейсом и некоторыми основными функциями приложения.Вы также подготовите свой самый первый шаблон.

Глава 2, Пошаговый шаблон описывает типичный процесс проектирования с Artisteer, объясняя все типичные элементы шаблона один за другим. В конце этой главы вы сможете самостоятельно подготовить простой веб-сайт.

Глава 3, Шаблоны CMS , обсуждает преимущества использования системы управления контентом (CMS) над статическим веб-сайтом и способы использования Artisteer для разработки шаблонов для таких решений.Мы конвертируем наш примерный проект в Joomla! и устанавливаемые пакеты WordPress, а также импортировать контент из Artisteer в CMS.

Глава 4, Советы и уловки , показывает вам некоторые дополнительные эффекты, которыми вы можете обогатить свой проект, слегка изменив исходный код, созданный программой.

Что вам понадобится для этой книги

Чтобы полностью оценить эту книгу, мы рекомендуем вам иметь версию 4 Artisteer, которую можно загрузить с http: // www.artisteer.com/ и Notepad ++, которые можно загрузить с http://notepad-plus-plus.org/.

Для кого предназначена эта книга

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

Условные обозначения

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

Кодовые слова в тексте показаны следующим образом: Отредактируйте файл template.css еще раз и добавьте следующий код в конце:

Блок кода задается следующим образом:

.customart-nostyle.MySpecialModule

{

margin-top: 0;

граница: отсутствует;

}

Новые термины и важные слова выделены жирным шрифтом. Слова, которые вы видите на экране, например в меню или диалоговых окнах, отображаются в тексте следующим образом: Выберите вкладку «Цвета и шрифты» на ленте. .

Примечание

Предупреждения или важные примечания отображаются в таком поле.

Наконечник

Советы и подсказки выглядят следующим образом.

Отзывы читателей

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

Artisteer — Загрузить

Самый простой способ создавать профессиональные шаблоны веб-сайтов

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

С Artisteer теперь вы можете это сделать, даже если вы понятия не имеете о кодировании HTML или проектировании CSS.Все, что вам нужно сделать, это выбрать различные элементы, которые будут включены в ваш шаблон (заголовок, столбцы, строка меню, кнопки и т.п.), настроить их внешний вид (положение на макете, цвет, шрифт текста, узор, специальные эффекты). и ваш шаблон будет готов к использованию. Это так просто! Более того, интерфейс в виде ленты делает этот WYSIWYG-редактор очень простым и удобным в использовании.

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

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

Когда вы довольны своим дизайном, вы можете предварительно просмотреть его в своем любимом браузере (Artisteer поддерживает Internet Explorer, Firefox и Opera), а затем экспортировать дизайн как документ HTML или тему WordPress.

Хотите создать свой собственный веб-шаблон, но не знаете о HTML или CSS? Artisteer — это приложение, которое вы ищете.

поддержка создания шаблонов Joomla и тем Drupal интернационализация темы WordPressстипографиястатьи (сообщение в блоге) дизайн нижнего колонтитулаподдержка настраиваемого фона страницы и прозрачность глянцевого листа новые абстрактные фоновые изображения заголовкаTML + CSS, проверенные с помощью W3C validator имя шаблона, версия и другие атрибуты незначительные улучшения в экспорте CodeCharge Studio и Visual Исправление ошибок в шаблонах Studio

Изменения

• поддержка создания шаблонов Joomla и тем Drupal интернационализация темы WordPress типография статья (сообщение в блоге) дизайн нижнего колонтитула поддержка пользовательских фонов страниц и прозрачность бликов новых абстрактных фоновых изображений заголовковTML + CSS, проверенные с помощью W3C validator, имя шаблона, версия и другие атрибуты незначительные улучшения в экспорте шаблонов CodeCharge Studio и Visual Studio исправлены ошибки

Artisteer Artisteer4 User Manual

3

Artisteer4.0 | 3

Вставка ………………………………………. ………………………………………….. ……………………….. 67

Вставить видео …………… ………………………………………….. …………………………………….. 71

Вставить таблицу ………………………………………….. ………………………………………….. ……… 73

Вставить гиперссылку ………………………………………………………………. ………………………… 75

Элементы управления вставкой …………… ………………………………………….. ……………………………………. 76

Исходный HTML .. ………………………………………….. ………………………………………….. ………. 78

Слайд-шоу ……………………………… ………………………………………….. ………………………….. 79

Вкладка «Цвета и шрифты» …………………………. ………………………………………….. ……………………. 84

Цвета ………………… ………………………………………….. ………………………………………….. … 84

Краски ……………………………………. ………………………………………….. …………………………. 86

Цвет заливки ……………………………………………………. ………………………………………….. ……… 88

Диалоговое окно выбора цвета (больше цветов) …………………………. ……………………………………….. 88

Шрифты …………………………………………. ………………………………………….. …………………….. 91

Вкладка Layout ………………. ………………………………………….. ………………………………………….. 95

Проектная схема ….. ………………………………………….. ………………………………………….. …… 95

Макет листа ………………………………… ………………………………………….. …………………… 99

Колонны …………………. ………………………………………….. ………………………………………….. 99

Блоки…………………………………………… ………………………………………….. ………………… 100

Опции ……………………. ………………………………………….. ……………………………………… 102

Вкладка Content ………………………………………….. ………………………………………….. …………… 106

Стиль …………………………. …………………………………………………………………. ………….. 106

Опции ………………………….. ………………………………………….. …………………………….. 108

Стиль и шрифт ……… ………………………………………….. ………………………………………….. 110

Опции ………………………………………. ………………………………………….. ………………… 112

Абзац…………………………………………… ………………………………………….. ………….. 113

Опции ………………………….. ………………………………………….. …………………………….. 114

Метаданные ……….. ………………………………………….. ………………………………………….. …… 114

Опции …………………………………. ………………………………………………………………….. 118

Вкладка «Фон» ………………………………………. ………………………………………….. …………. 119

Опции …………………………… ………………………………………….. ……………………………. 121

Вкладка «Лист» ……….. ………………………………………….. ………………………………………….. …….. 128

Как создать темы для Blogger и WordPress с Artisteer?

Blogger имеет специальную опцию конструктора шаблонов, которая помогает вам настраивать шаблоны Blogspot.Этот инструмент помогает вам изменить шрифты, цвет, ширину, фон и т. Д., Но не меняет его внешний вид. Новички не могут платить тысячи долларов профессиональным веб-дизайнерам за ведение нового блога. Поэтому лучший выбор — подготовить простой или профессиональный шаблон для блоггера.

Используя Artisteer, вы можете создать шаблон blogger за считанные минуты, не изучая кодирования HTML или CSS. Сегодня я обсуждаю, как создать шаблон Blogger с помощью Artisteer.

Что такое Artisteer?

Artisteer — первое программное обеспечение для автоматического веб-дизайна на базе Интернета, которое поддерживает почти все платформы для ведения блогов, такие как Blogger, WordPress, Joomla и Drupal.

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

Характеристики Artisteer:

У этого программного обеспечения есть несколько характерных особенностей. Их

• Расширенный удобный интерфейс

• Позволяет создавать невероятные веб-шаблоны не за минуты, за секунды

• Позволяет редактировать существующую тему или создавать новую.

• Нет необходимости изучать Photoshop, CSS, HTML или любой другой язык веб-дизайна.

Как создать шаблон Blogger с помощью Artisteer?

Сначала загрузите и установите Artisteer. Это пробная версия. Но работает нормально без проблем до окончания периода. Мастер установки прост. Просто следуйте инструкциям и завершите процесс установки. Затем откройте программу из меню «Пуск» или со своего рабочего стола.

Шаг 1. Создайте новый шаблон для своего блога:

После открытия Artisteer нужно создать новый шаблон документа, поэтому перейдите в меню File> New . Теперь появится новый мастер с просьбой выбрать CMS (Система управления контентом).

Он поддерживает четыре самые популярные системы CMS, то есть Blogger , Drupal, WordPress, DukeNetNuke и Joomla . Поскольку вы пытаетесь создать шаблон blogger, вы должны выбрать значок «Blogger».

Однако вы также можете работать над другими темами CMS. После этого переходите к следующему шагу.

Шаг 2: Разработка заголовка:

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

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

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

Шаг 3. Идеальное проектирование боковой панели и макета:

У каждого блога есть боковая панель, которая обычно появляется либо с левой, либо с правой стороны сайта. Выбор « Layout » на панели инструментов предоставит вам несколько вариантов.Вы можете изменить макет, добавить две боковые панели и даже настроить его внешний вид.

Если вы хотите добавить две боковые панели на свой веб-сайт, выберите « Layout » из меню боковой панели, которое предоставит вам несколько вариантов, таких как один столбец, два столбца и три столбца . Вы можете выбрать его в соответствии с вашими потребностями.

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

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

Шаг 4. Создание впечатляющей страницы сообщения:

Страницы сообщений — это основная потребность веб-сайта. Без правильного оформления поста ваши блоги остаются пустыми или неполными. Чтобы создать впечатляющие страницы сообщений, нажмите кнопку « Content » на панели инструментов.

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

Здесь есть все инструменты, которые помогут вам, вы можете поэкспериментировать с каждым из них и превратить свою тему в шедевр.

Шаг 5: Разработка других основных элементов вашего шаблона:

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

Шаг 6: Экспорт недавно созданного шаблона:

Как только ваш шаблон будет готов, пришло время экспортировать его, чтобы вы могли загрузить его в свой блог. Перейдите в Файл > Экспорт> Шаблон экспорта> Сохраните файл .

Скачать Artisteer Free

Помните: Файл будет сохранен в n.zip, поэтому вам потребуется WinRAR , чтобы распаковать его. Пакет будет состоять из двух файлов, то есть основного шаблона blogger в формате .xml и папки с изображениями шаблонов.

Заключение:

Мы надеемся, что эта статья ответила на все связанные вопросы, например, как создать шаблон blogger без каких-либо знаний CSS или HTML. Если мы что-то не обнаружили или вы знаете более эффективный метод создания тем, оставьте комментарий ниже.

Artisteer 2.1 review

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

Чтобы понять, что такого радикального в Artisteer, необходимо понимать преимущества, которые дает CSS, и проблемы. Сильной стороной CSS является его централизованный контроль, гибкость и эффективность: обновляйте одно правило, и внешний вид всего вашего сайта обновляется соответствующим образом.Теоретически это просто, но не на практике. Сложность, присущая попыткам управлять всеми возможными элементами дизайна с помощью CSS, с его сотнями параметров, каскадом правил и ужасно разными реализациями браузера, означает, что большинство пользователей никогда не отклоняются от стандартных шаблонов, предоставляемых Dreamweaver или их CMS.

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

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

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

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