Деякий час тому я розповів вам про те, Сайт-сервіс Sidengo. Sidengo - це дуже простий редактор, який дозволяє вам за лічені хвилини створити дуже простий веб-сайт, і це дійсно приголомшливо. У коментарі до цієї статті читач Мохамед Алаа порекомендував мені спробувати інший сервіс - Breezi. І мені не було шкода.
На відміну від Sidengo, Breezi не дозволить вам створити цілий сайт за лічені хвилини. Це не тому, що це менш добре, а тому, що є набагато більше варіантів, щоб скористатися. Breezi - це повноцінний редактор веб-сайтів HTML5, який дозволяє вам контролювати кожен невеликий аспект вашого веб-сайту, проектувати його так, як ви хочете, і отримувати прекрасні результати. Але це стає ще краще.
Breezi абсолютно безкоштовний для всіх, хто зареєструється до кінця квітня, так що покваптеся і спробуйте! Breezi залишиться для вас безкоштовним до тих пір, поки ви зберігаєте свій обліковий запис активним.
Початок роботи з Breezi
Найперше, що ви можете зробити з Breezi, навіть до створення облікового запису, це вибрати макет вашого сайту. Не хвилюйтеся, ви не одружитеся з цим макетом і можете змінити його за допомогою гнучкого редактора Breezi в будь-який час. Це тільки відправна точка для вашого сайту.
Після вибору загального макета вам потрібно буде створити обліковий запис, перш ніж перейти до фактичного редагування. Тут ви можете обрати URL свого сайту, якщо тільки ви не плануєте використовувати власний домен.
Це все, що потрібно зробити. Тепер ви готові почати розробку вашого сайту.
Основний дизайн домашньої сторінки
Коли я кажу, що все можна редагувати з Breezi, я маю на увазі це. Коли ви вперше подивитеся на свій новий веб-сайт, ви можете бути трохи приголомшені. Але не хвилюйтеся, гра протягом 5 хвилин зробить все набагато ясніше. Почніть з простого завдання: редагуйте заголовок своєї сторінки.
Ви помітите, як кожен окремий сегмент сторінки виділяється при наведенні на нього курсора - кожен з цих сегментів доступний для редагування будь-яким можливим способом. Якщо навести вказівник миші на заголовок, з'явиться меню програми, до якого ми повернемося трохи пізніше, але зараз клацніть заголовок, щоб виконати деякі основні зміни. Змініть назву на те, що ви хочете, змініть шрифти, розміри, кольори і все інше.
Тепер ви можете перейти до посилань праворуч. Після редагування основних шрифтів та кольорів ви також можете додавати та видаляти посилання, змінювати інтервали, вирівнювання, межі та майже все, що тільки можна придумати. Щоб отримати доступ до меню дизайну, торкніться маленької бульбашки, як показано на скріншоті. Це правильно для кожного елемента на сторінці.
Тепер прийшов час для фону. Ви можете змінити колір тла або додати тло для кожної частини сторінки. Торкніться бульбашки для всього верхнього сегмента і грайте з фоном, поки не будете задоволені результатами.
Тепер прийшов час для деяких зображень. У вибраному мною макеті під заголовком є велике зображення, але цей процес підходить для будь-якого макета. Натисніть на зображення, щоб замінити сірий дизайн реальним зображенням.
Редактор надасть співвідношення сторін, яке підходить для вашого простору. Звичайно, ви можете змінити це, а також заблокувати співвідношення сторін, якщо ви не хочете змінювати його випадково. Натисніть кнопку «Замінити», щоб додати зображення з вашого комп'ютера або URL-адресу, і пограйте зі збільшенням, поки воно не буде ідеально вписуватися в прямокутник. Ви можете легко додати альтернативний текст до зображення, а також перетворити його на посилання. Якщо ви натиснете Зберегти, ви повернетеся на свою сторінку.
Хочете зробити слайд-шоу? Немає проблем. Наведіть вказівник миші на зображення, поки не з'явиться меню програми, і клацніть «Створити запис». Тепер у вас є слайд-шоу. Ви можете додати стільки записів, скільки хочете, а потім замінити кожну фактичним зображенням.
У Слайд-шоу ви можете контролювати, як довго буде з'являтися кожне зображення, як швидко або повільно буде відбуватися перехід і яким буде ефект переходу. Натисніть кнопку «Змінити параметри» (гаєчний ключ) у меню. Натисніть цю кнопку, щоб змінити параметри для будь-якого елемента на вашому сайті.
Є ще багато речей, які ви можете додати на сторінку, але давайте подивимося на соціальні іконки, так як вони потрібні всім. У більшості макетів програма соціальних іконок буде встановлена за замовчуванням у нижній частині сторінки. За допомогою піктограми гаєчного ключа ви можете контролювати всі, починаючи від вигляду і вирівнювання, і закінчуючи тим, де будуть відкриватися посилання, і, що найбільш важливо, якими соціальними кнопками ви будете користуватися.
Вставте ваші посилання на соціальні мережі в це вікно, щоб кнопки вели до ваших реальних облікових записів. Якщо ви забудете змінити це, ваші кнопки будуть вказувати на соціальні акаунти Breezi. Ви можете додати практично будь-яку мережу, про яку ви тільки можете подумати, включаючи MySpace, Reddit, Delicious і Foursquare.
Програми, сторінки та макети
Тепер, коли у вас є базовий дизайн, давайте подивимося на картину в цілому. Як я згадував раніше, все в Breezi працює з додатками. Кожен аспект на сторінці - це додаток, від тексту і зображень до соціальних іконок і повідомлень у блозі. Ви можете встановити програми і дізнатися про них більше з нижньої панелі інструментів.
Звідси ви також можете змінити весь макет сторінки, який буде використовувати те, що ви вже розробили, і спробувати вбудувати його в новий макет. Ви можете вручну змінити розміри елементів, тому ці макети не будуть встановлені в камені.
Тут ви також можете додати додаткові сторінки на свій сайт. Натисніть кнопку «Сторінки» та виберіть, щоб додати сторінку.
Потім ви можете вибрати URL своєї нової сторінки, додати мету ключові слова та опис і зробити його своєю цільовою сторінкою для мобільних пристроїв. Після створення сторінки ви також отримаєте можливість скопіювати елементи з домашньої сторінки на нову сторінку. Це означає, що якщо ви вже розробили рядок заголовка, який повинен з'являтися на кожній сторінці, ви можете скопіювати його, а не створювати його знову і знову.
За допомогою цієї нижньої панелі інструментів ви також можете переглянути свою сторінку і, звичайно ж, опублікувати її.
Спільні думки та коментарі
Я навіть не подряпав поверхню здібностей Брізі, і цей пост вже занадто довгий, щоб включати їх всі. Після 10 хвилин роботи, багато з яких були викликані невеликою повільністю інтерфейсу на моєму комп'ютері, я створив базову версію своєї домашньої сторінки.
Це навіть не зачіпаючи більше сторінок, повідомлень у блозі, вкладок, форм і безлічі інших функцій, запропонованих Breezi. Очевидно, що Breezi не підходить для тих, хто хоче створити дуже просту сторінку за 5 хвилин, але дивно добре працює для тих, хто може і хоче докласти зусиль, але все ж волів би зробити це без необхідності що-небудь кодувати.
Якщо ви відчуваєте себе трохи розгубленим під час роботи з Breezi, є кілька дуже хороших відеоуроків, до яких ви можете отримати доступ через кнопку «Потрібна допомога?» На нижній панелі інструментів.
Breezi все ще знаходиться в бета-версії, і для мене це особливо відчувалося в дещо не відповідає інтерфейсі. Я також зіткнувся з невеликою помилкою при спробі додати зображення, через яку кнопка «Зберегти» не з'явилася на екрані мого маленького ноутбука, але з'явилася на моніторі більшого розміру. Незважаючи на все це, Breezi є справжнім злодійством, поки воно безкоштовне, і я впевнений, що воно буде коштувати грошей, коли вийде з бета-версії і почне мати преміальні плани.
А поки покваптеся і зареєструйтеся, поки він безкоштовний, і спробуйте одного з кращих розробників сайтів, з якими я коли-небудь стикався. Не забудьте поділитися своїми думками і сайтами, а також будь-якими іншими чудовими творцями сайтів, про які ви знаєте!