Програма Artisteer - призначена для автоматизованого створення шаблонів сайтів для популярних систем управління контентом і не тільки. Принцип роботи дуже простий. Шаблон «розділений» на складові елементи (лист, верхній колонтитул, меню, статті, кнопки і так далі), у кожного з них є ряд параметрів, які можна змінювати. Кількість параметрів і налаштувань цих параметрів досить велике. Artisteer містить багато вбудованих графічних елементів (лінії, текстури, фони, фонові зображення, іконки і так далі), які можна застосовувати для створення «унікального» шаблону . Є можливість підключення власних зображень і шрифтів , Що значно розширює можливості для дизайну. Можна не користуватися вбудованими об'єктами, а, наприклад, намалювати все в графічному редакторі (GIMP, Adobe Photoshop і так далі), розрізати і вставити в Artisteer, додавши необхідні шрифти, налаштувавши відступи, інтервали і так далі. Безумовно, можливості Artisteer непорівнянні з роботою дизайнера, який створить зображення, і програміста, який перетворить зображення в шаблон, написавши всі необхідні таблиці стилів, розрізавши, як треба, зображення і встановить отримане на сайт. Зрозуміло, що зіставлення витрат часу і фінансів виявляться не на користь останнього варіанту. Особливо, якщо ми говоримо про сайти візитках, блогах, особистих веб-сторінках, форумах, сайтів фірм, які не мають фірмового стилю, якого потрібно дотримуватися і так далі.

Не варто забувати, що просто знайти кого-то, хто називає себе програмістом і дизайнером мало. Адже програміст повинен врахувати величезну кількість чинників при написанні шаблону, таких як, наприклад, підтримка актуальних на сьогоднішній день версій браузерів для різних операційних систем. Дизайнер не може ігнорувати факт того, що не будь-який його задум можна легко і швидко втілити в вигляді робочого шаблону. До всього шаблон повинен бути «легким», як з точки зору зручності користувача, так і з точки зору розміру файлів шаблону.

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

Є ще можливість знайти в інтернеті готовий шаблон або купити на спеціальному сайті вже розроблений варіант. Але у цього способу ще більше недоліків, ніж у шаблону, створеного за допомогою Artisteer. Серед них такі:

• такий шаблон може завантажити або купити будь-хто.
• Якщо в шаблоні щось потрібно підправити, то все одно доведеться лізти в код або користуватися графічними редакторами для зміни зображень.
• Якщо Ви перенесете свої сайти, наприклад, з Joomla 1.5 на Joomla 1.7, то є ймовірність того, що шаблони Joomla 1.5 не спрацюють для 1.7, їх ніхто не буде переробляти на сайті, з якого Ви взяли ці шаблони, і все одно доведеться лізти в код або купувати (завантажувати) інші шаблони. Що може погано позначитися на іміджі сайту.
• Такий шаблон може містити шкідливий код.

Для створення шаблону в Artisteer Вам не потрібно глибоке знання CSS і PHP. Графічний інтерфейс програми простий і зрозумілий. При бажанні можна редагувати і сам код. Це дасть можливість створення більш оригінальних рішень.

Наприклад, якісні Joomla шаблони виходять за 20-30 хвилин. Потім ще 1-2 години на їх детальне опрацювання та шаблони Joomla 1.5 готові. Це твердження справедливо і для інших версій Joomla, а також для інших CMS.

На момент написання статті (09.08.2011) Artisteer існує в двох версіях. Домашня \ академічна і Стандартна версія. Більш докладно про різницю цих версій можна дізнатися завітавши на сайт Artisteer. Користуюся програмою з червня 2009 року з версії 2.2.0.17376. В огляді бере участь остання (09.08.2011) ліцензійна стабільна версія Artisteer 3.0.0.41778 Standard Edition російською мовою. Всі приклади будуть наведені для створення шаблона під систему управління контентом Joomla.

Програмно-апаратна частина:

• Операційна система Microsoft Windows 7 Ultimate SP1 (збірка 7601), x64.
• Дозвіл екрану 1920х1080.
• Якість передачі кольору 32 біта.
• Internet Explorer 9.
• Opera 11.50.
• Google Chrome 13.0.782.107.
• Safari 5.1 (7534.50).
• Mozilla Firefox 5.0.1.
• Adobe Flash Playe 10.3.181.34.
• Microsoft .NET Framework 4.

Системні вимоги, заявлені на офіційному сайті програми.

• Процесор Intel або AMD 1500 МГц або вище.
• Вільний дисковий простір 100 Мб.
• ОЗУ 512 МБ або більше.
• Microsoft Windows XP, Vista, Windows 7.
• Microsoft .NET Framework 2.0 або новіше.

Підтримувані для перегляду проміжних результатів створення шаблону браузери (заявлені на офіційному сайті програми)

• Internet Explorer 6 або новіша версія.
• Firefox 2 або пізнішої версії.
• Opera 9 або новішої версії.
• Safari 1 або новіша версія.
• Google Chrome 1 або новіша версія.

Підтримувані технології (заявлені на офіційному сайті програми ( джерело №1 ) ( джерело №2 )):

• Drupal (5.x, 6.x, 7.х) система управління контентом.
• WordPress (2.6-3.0) система управління контентом.
• Joomla 1.5, 1.6, 1.7 система управління контентом.
• DotNetNuke 4.9 і більш нова версія. Система управління контентом.
• ASP.NET Application.
• Blogger.
• CodeCharge Studio 4.

Як підтримуваної технології мається на увазі здатність Artisteer експорту протесту в готовий файл шаблону.

Вельмишановні користувачі, з метою економії трафіку і збільшення швидкості завантаження сторінки, всі зображення в статті були стиснуті. Там, де необхідно переглянути результат роботи Artisteer (сам створений шаблон або його частина), є можливість перегляду зображення не в стислому вигляді. Для цього достатньо просто натиснути на зображення в статті. Незжаті зображення відкриється в новому вікні або вкладці.

інтерфейс

Зазначу той факт, що програма Artisteer 3 переведений на шістнадцять мов (Арабська, Китайська, Чеська, Данська, Нідерландський, Англійська, Французька, Німецька, Угорська, італійська, японська, Польська, Португальська, Російська, Іспанська, Швецкий).

Інтерфейс Artisteer 3 Standard Edition (малюнок нижче) умовно можна розділити на три групи.

1. Рядок заголовка і Меню Файл.
2. Панель інструментів.
3. Робоча область.

У Artisteer в рядку заголовка (малюнок вище) є кнопки Меню Файл, Відкрити, Скасувати дію, Повторити дію, Експорт шаблону. При натисканні на логотип Artisteer в лівому верхньому меню з'явиться меню управління вікном програми (Перемістити, Згорнути, Розгорнути, Закрити). Меню Файл (малюнок нижче) дублює команди рядка заголовка, а також дозволяє зберегти проект, зберегти під іншим ім'ям, змінити шаблон (з поточного, наприклад, шаблону Joomla, на WordPress, Blogger, ASP.NET, Drupal, DotNetNuke або CodeCharge Studio), експортувати в готовий «зібраний» файл шаблону для тієї чи іншої системи управління контентом, експортувати в HTML (дуже зручно для демонстрації варіантів шаблону замовникам або керівникам, виклавши HTML сторінки на хостинг ), Змінити іконку сайту, переглянути шаблон в одному з встановлених в системі і підтримуваних Artisteer браузерах (Internet Explorer, Opera, Google Chrome, Safari, Mozilla Firefox), переглянути дані про ліцензії на програму і перейти в її налаштування.

На малюнку нижче показані настройки експорту. Ви можете задати ім'я автора шаблона, посилання на сайт автора, версію шаблону (дуже актуально особливо на етапі його розробки та узгодження), адреса сайту шаблону, теги і опис.

На вкладці Водяний знак (малюнок нижче) Ви можете задати водяний знак (на подобу знака при використанні пробної версії Artisteer), який буде відображатися на всіх малюнках шаблону. Це допоможе, наприклад, зберегти Ваш проект від крадіжки недобросовісними клієнтами. Так як для того, щоб якісно почистити від водяного знака всі зображення їм доведеться витратити не одну трійку годин роботи в графічних редакторах.

Приклад перегляду проекту шаблону з водяними знаками у вікні браузера показаний на малюнку нижче.

Вкладка Сноска дозволить включити \ відключити відображення на сайт автора шаблона і на сайт Artisteer. Приклад посилання на сайт автора шаблона під колонтитулом показаний на малюнку нижче. Але Вам доведеться трохи відредагувати напис в коді, так як Artisteer вставляє її англійською мовою.

На вкладці Параметри CSS (малюнок нижче) Ви можете вставляти довільний CSS код для шаблону. На малюнку нижче показаний приклад завдання відступу в 10 пікселів від краю сторінки для модуля Хлібні крихти, що знаходиться під верхнім меню.

При експорті шаблону Ви можете задати параметри експорту в папку або ZIP архів (малюнок нижче), вказати шлях для збереження файлу і ім'я самого файлу (цифри і англійські букви без пробілів).

В налаштуваннях Artisteer (малюнок нижче) Ви зможете змінити мову, включити виклик вікна Швидкий старт при запуску програми (в ньому відображаються останні проекти і можливість вибору створення нового типу шаблону (для Joomla, WordPress, Drupal і так далі)), задати параметри автоперегляд ( час в мілісекундах, після якого Artisteer буде застосовувати внесені вами зміни), підсвічування секції при наведенні миші (буде розглянемо трохи детальніше нижче в статті).

Панель інструментів Artisteer 3 Standard Edition розділена на дванадцять вкладок (вони будуть розглянуті нижче).

1. Ідеї.
2. Колір і шрифти.
3. Макет.
4. Фон.
5. Лист.
6. Верхній колонтитул.
7. Меню.
8. Статті.
9. Бічна панель.
10. Вертикальне меню.
11. Кнопки.
12. Нижній колонтитул.

Кожна з вкладок розділена на блоки інструментів, а блоки в свою чергу містять безліч команд з настройками, застосовних до тих чи інших частинах (секціях) шаблону.

Робоча область Artisteer розділена на секції. При підведенні курсору миші до секції вона виділяється обведенням і з'являється інструмент Запропонувати ідею (генерує варіанти оформлення цієї секції) і інструмент з настройками конкретно для обраної секції (малюнок нижче).

Давайте розглянемо кожну з вкладок панелі інструментів Artisteer 3 Standard Edition більш детально.

Ідеї

Вкладка Ідеї (малюнок нижче) містить дванадцять «інструментів» розділених на три групи. Інструментами їх назвати складно. Це кнопки, при натисканні на які програма Artisteer пропонує дизайн того чи іншого елемента.

Можна генерувати шаблон повністю за допомогою команди (кнопки) Запропонувати дизайн. Можна генерувати одну з дев'яти «областей шаблону»:

1. схема кольорів.
2. Набір шрифтів.
3. Макет.
4. Фон.
5. Лист.
6. Верхній колонтитул.
7. Меню.
8. Бічна панель
9. Статті.

В Artisteer 3.0.0.41778 Standard Edition встановлено дванадцять стилів. Під стилями розуміється підібрані кольори, шрифти, фони і так далі для сайтів певної тематики.

1. Загальні.
2. Корпоративні.
3. Орнаментальні.
4. Гламурний.
5. Зелений.
6. Святковий.
7. Ретро.
8. Грандж.
9. Чистий.
10. Простий.
11. Прозорий.
12. Широкий.

Перед тим як генерувати шаблон, Ви можете відключити той чи інший стиль \ стилі. Потім, після вибору вподобаного варіанту можна генерувати тільки певну область шаблону і \ або приступити до «ручного» редагуванню.

Нижче я приведу три приклади згенерованих випадковим чином шаблонів (стилі Загальні, Гламурний, Чистий). При бажанні, Ви зможете переглянути їх не тільки на малюнку, а й в HTML версії.

1. загальні .
2. гламурний .
3. чистий .

На цій же вкладці, при бажанні, Ви відразу можете експортувати (змінивши, при необхідності, настройки) сподобався проект в шаблон для своєї системи управління контентом.

Як бачите Artisteer як програма для створення шаблонів Joomla являє собою зручний і простий інструмент. За допомогою нього Joomla шаблони виходять красивими і зручними. Хочу відзначити, що команда розробників Artisteer постійно розвиває і покращує свій продукт. На 12.09.2012 вже з'явилася Нова версія Artisteer 4.0 RC (4.0.0.57793) для Windows. кількість нових можливостей вражає! У підсумку, можна сказати, що Artisteer - програма для створення шаблонів Joomla, Wordpress, Drupal. Також вона дозволяє створювати шаблони Blogger і деякі інші. Повний список підтримуваних CMS Ви можете дізнатися відвідавши офіційний сайт Artisteer. У статті " Огляд Artisteer (частина 2). Створення Joomla шаблонів »Я розгляну такі панелі інструментів як: Колір і шрифти, Макет, Фон, Лист і Верхній колонтитул.

Якщо Вас цікавлять програми подібного типу, то раджу ознайомитися зі статтею « Огляд TemplateToaster Professional. Програма для створення шаблонів ».

Схожі матеріали

Корисні посилання: