Як створити просту веб-сторінку за допомогою сторінки Adobe Spark

Як користуватися Adobe Spark Page

Існує безліч простих інструментів веб-дизайну, але коли Adobe вирішила взяти участь у поєднанні зі Spark Page, вона додала штучний інтелект, мобільний додаток та інтеграцію з такими програмами, як Adobe Lightroom та Adobe Stock. Результат - простий у використанні веб-дизайнер з ефектами прокрутки, який добре виглядає як на смартфонах, так і на настільних платформах. Spark Page - одна з трійки програм Spark, яка також включає Spark Post та Spark Video.

Веб-сторінки, створені за допомогою Spark Page, розміщуються компанією Adobe, що означає, що вам не потрібно купувати домен, щоб створити свій (це також є мінусом: ви не можете створити певну URL-адресу для сторінки). Простота та вбудований хостинг робить Spark Page ідеальним інструментом для простих завдань, таких як створення онлайн-журналу подорожей, простого спільного використання фотоальбому чи веб-сторінки для події. Ми створили журнал подорожей за допомогою Spark Page після того, як Adobe провів нас через програмне забезпечення під час заходу на Віргінських островах - ви можете побачити нашу Сторінку тут.

Хоча розпочати роботу зі Spark Page просто, є кілька функцій, які ви можете пропустити, якщо спочатку стрибнути в голову. Ось що вам потрібно знати.

1. Завантажте додаток або перейдіть на веб-сайт

Як користуватися Adobe Spark Page

Сторінка Spark доступна як як додаток для iOS, так і як веб-додаток, розміщений за адресою spark.adobe.com. Це означає, що ви можете створити веб-сторінку зі свого iPhone або з настільного комп'ютера через веб-браузер (версія Android працює, але ще не доступна на момент написання статті). Інтернет-формат та штучний інтелект можуть сповільнити програму, особливо якщо ви живете в районі з більш повільним з’єднанням з Інтернетом, але простота часто компенсує швидкість.

Опинившись всередині, розпочніть новий проект, натиснувши кнопку плюса або вибравши шаблон. У версії веб-переглядача, яка поєднується з іншими програмами Spark, переконайтеся, що ви вибрали шаблон, який відповідає сторінці, або виберіть параметр «створити веб-сторінку», щоб запустити сторінку без шаблону.

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

2. Почніть із шаблону або порожньої сторінки

Як користуватися Adobe Spark PageЯк користуватися Adobe Spark Page

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

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

Вам не потрібно починати спочатку, якщо ви вирішите, що шаблон, який ви вибрали, вам не подобається. У додатку натисніть значок чарівної палички у верхній частині, щоб перейти на іншу тему, або клацніть теми з рядка меню на настільному комп’ютері.

Якщо ви не хочете банер на веб-сайті з вашим ім’ям, торкніться опції налаштувань і перемикайте опцію вимкнення верхнього та нижнього колонтитула.

3. Додайте свій вміст

Як користуватися Adobe Spark PageЯк користуватися Adobe Spark PageЯк користуватися Adobe Spark PageЯк користуватися Adobe Spark Page

Додавання вмісту на сторінку просто за допомогою значка плюса. Ось короткий опис різних варіантів:

  • Фото: Використовуйте це для однієї фотографії будь-якого розміру та форми, але не для групи зображень.
  • Текст: сюди додано всі текстові поля, за винятком субтитрів до зображень.
  • Кнопка: додайте посилання з графікою.
  • Відео: В даний час відео можна додавати лише за допомогою посилань, таких як посилання YouTube, Vimeo та Spark Video.
  • Фотосітка: Це додає статичну групу фотографій, що підходить для альбомів.
  • Слайд-шоу: не думайте про старі шкільні Powerpoints - слайд-шоу - найкращий спосіб відобразити багато великих зображень на Spark Page. Показ слайдів використовує ефект прокручування, і ви можете додати інші фотографії або текст поверх зображень або залишити їх порожніми. Клацніть плюс, щоб додати щось нове до цього слайда.

4. Редагувати

Як користуватися Adobe Spark Page

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

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

Для тексту використовуйте кнопки H1 та H2, щоб створювати заголовки замість невеликого основного тексту та піктограму лапки, щоб створити цитату для витягування. Просто натисніть на піктограму ще раз, щоб повернутися до основного тексту. Праворуч ви знайдете варіанти регулювання вирівнювання або додавання посилання. Шрифти є частиною теми, тому якщо вам не подобається певний шрифт, виберіть нову тему. Облікові записи брендів із платними підписками на Spark або плани Creative Cloud можуть також використовувати власні теми брендів.

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

5. Закінчити і поділитися

Сторінка Adobe Spark Adobe

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

Spark Page призначений для створення веб-сайтів без зайвих клопотів і з будь-якого пристрою. Платформа проста у використанні та легко публікується, хоча AI та веб-програмне забезпечення можуть зробити її трохи повільною, особливо для завантаження зображень із високою роздільною здатністю. Платформа також має менше можливостей налаштування, таких як шрифти та унікальні URL-адреси, але ці жертвують заради швидкості та простоти.

Spark Page можна використовувати безкоштовно, але у вас буде фірмовий стиль Spark на кінцевій веб-сторінці, якщо ви використовуєте безкоштовну версію. Абоненти Creative Cloud можуть створювати веб-сторінки зі своїм власним брендом. Сама по собі Spark становить 10 доларів на місяць, але підписавшись на План фотозйомки - це однакова ціна, яка включає Lightroom і Photoshop - ми рекомендуємо піти з цим.

Потрібен ваш власний .com та щось більше, щоб налаштувати більше? Спробуйте наш посібник для початківців зі створення веб-сайту.

Останні повідомлення

$config[zx-auto] not found$config[zx-overlay] not found