Створення сайту за допомогою конструктора artisteer 4 відео-урок

Створення сайту за допомогою конструктора artisteer 4 відео-урок

Практично у кожного з нас, хто досить часто користується інтернетом і переглядає простори Рунета, виникає цілком нормальне бажання зробити тут же щось своє. А точніше зробити свій сайт, або хоча б одну HTML сторінку, таку ж привабливу, красиву і незвичайну (не схожу на інших).

І начебто є ідеї і задуми, але часто щось заважає - то немає належного досвіду (незнання мови HTML, PHP, CSS), то просто постійно не вистачає часу.

І в цій статті я розповім і спробую вам допомогти як зробити сайт з нуля за допомогою конструктора без будь-яких знань і досвіду в сайтостроєніє.

І тут же в свою чергу, я хочу Вам порекомендавать вивчити основи мови HTML і постаратися зробити сайт на практично професійному рівні і повністю своїми силами.

Сайт з допомогою конструктора

Розглядати ми з вами будемо досить не поганий на мій погляд "Конструктор сайту" - Artisteer 4 з підтримкою Російської мови (що не менш важливо).

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

Відмінною особливістю даного конструктора є те, що на виході (при збереженні) ми отримуємо готові файли. html. css. js, а так само він зберігає шаблони для таких двигунів як: Joomla. WordPress. Drupal. DotNetNuke. Blogger.

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

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

Знайти та завантажити конструктор сайтів "Artisteer 4", - впевнений не складе для вас великих труднощів.
Скажу відразу - конструктор платний. але платити за нього нам не буде потрібно, тому як нас цілком влаштує пробна версія. Мінус у безкоштовній (пробної) версії один - при збереженні сайту даний конструктор накладає майже на всі фотографії свій "водяний знак". І витягти оригінали з папок, або самого конструктора неможливо - варто дуже хороший захист. Але ми це легко поправимо, і Ви правильно розумієте, - користуватися можна цілком і пробною версією.

Як працювати з конструктором - Artisteer 4

Запускаємо програму "Artisteer 4" (зрозуміло після установки її на комп'ютер) і у вікні натискаємо на найпершу кнопку "Запустити версію Standard".

P.S.
Для тих, у кого після установки програми ярлик не відобразилось на робочому столі - натискаємо меню
Пуск → Усі програми → Artisteer 4

Перед нами відкрився конструктор. Для зручності змініть розмір вікна програми (у верхньому правому куті - середня кнопка), інакше конструктор закриє вам доступ (розкрито на весь екран) для швидкого переходу до інших відкритим додатків на вашому комп'ютері.

Тепер, для створення сайту на конструкторі, ми виберемо один з представлених шаблонів, нехай це буде "Alpha Motors" - і далі будемо працювати на прикладі цього шаблону. Дії в роботі ідентичні для всіх шаблонів, і в подальшому ви будете вибирати для себе шаблон, або зовсім обходитися без нього.

Кольори і шрифти: колірні схеми, корекція, стиль, розмір і набір шрифтів.
Натисніть в конструкторі:
Меню → Кольори і шрифти → Під-меню → Схеми.

Кольори і шрифти
  • Схеми - Перед нами відкрито вікно з величезною кількістю колірних відтінків для фону нашого вмісту (не плутайте з фоном сторінки). Наведіть курсором миші на будь-який з представлених нам колірних макетів, і підберіть той колір, який вам більше підходить.
  • Корекція - це вже більш тонка настройка вашої колірної гами для фону вмісту, де ви так само можете конкретно поміняти кольори, яскравість і насиченість.
  • Шрифти - в наборах, стилях і розмірах ви вибераєте відповідне вам, де так само переглядаєте всі зміни на ходу.

Фон сайту: колір, градієнт, текстура, відблиск, прокрутка.

Натисніть в конструкторі:
Меню → Фон → Під-меню → Установки.
Перед нами відкриється вікно з усіма параметрами "Фону" для нашої сторінки. Для наочного зручності, що б вам було зрозуміліше, почнемо з пункту "Текстура" - натиснемо на нього.

налаштування фону
  • Текстура - програма пропонує дуже великий вибір текстур, а так само можна завантажити будь-яку свою текстуру. І так в правому блоці цього вікна натиснемо на "Налаштування текстур" і при наведенні на будь-яку з них, ми спостерігаємо, як змінюється наш фон. Для початку виберемо - "Без текстури", і у нас вийти білий фон. Далі переходимо до пункту "Колір заливки".
  • Колір заливки - тут можна підібрати будь-який колір фону для вашої сторінки. Давайте виберемо коричневий колір і перейдемо до пункту "Блик"
  • Блик - великий вибір відблисків на ваш смак. У правому блоці натиснувши на "Налаштування відблисків" зробимо вибір нашого відблиску - нехай це буде "Кутовий". Тут так само при наведенні на будь-який з відблисків йде моментальне відображення його на сторінці. Тепер встановлюємо для відблиску: прозорість - 50% (як кому подобається), маштаб - 100% (на ваш вибір), позиція - зліва (на ваш розсуд) і відобразити - немає.
  • Градієнт - в настройках вибираємо стиль, висоту і контраст. Для прикладу візьмемо найперший "Від темного до світлого" і за допомогою повзунка контрасту виберемо потрібну нам насиченість.
  • Прокрутка - при розташуванні "Фіксований" ваш фон при прокручуванні сторінки в браузері буде зафіксованим на одному місці (найкращий вибір), при "прокручувати" - фон буде прокручуватися разом зі сторінкою.

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

Попутно, у наступному статті, хочу розповісти про те, як позитивним чином впливає на ваш сайт з метою просування і розкрутки RSS-канал. Де Ви дізнаєтеся: як зробити правильно RSS-стрічку і що для цього необхідно використовувати.

Схожі статті