Админка сайта TextoLite — CMS для Adobe Muse » Adobe Muse Уроки

от Дмитрий Шаповалов

Как осуществлять управление контентом на сайтах Adobe Muse? Как добавить или изменить графику и текст на сайте прямо в браузере? Этот дополнительный инструмент – админка сайта Textolite – поможет вам легко и просто создать админку с парольным входом в панель редактирования для внесения изменений на свой HTML сайт, созданный в Adobe Muse.

Вы сможете добавлять, удалять перемещать и изменять картинки и текст на своём сайте уже после выгрузки его на хостинг. Смотрите это видео:

Ссылка на сайт с админкой: перейти на сайт TextoLite.

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

Админка сайта TextoLite. Достоинства.
  • позволяет редактировать текст и графику на сайте прямо в браузере;
  • позволяет изменять расположение блоков на сайте;
  • позволяет добавлять элементы сайта, клонриовать и дублировать контент с последующим редактированием;
  • размещается на сайте простым копированием папки в папку с существующим сайтом, легко передается заказчику вместе с экспортированным сайтом из Adobe Muse;
  • вход в админ-панель по логину и паролю;
  • автоматический выход при отсутствии активности админа.

Админка сайта TextoLite. Недостатки для Adobe Muse.
  • после редактирования сайта через эту админку вы не сможете видеть внесенные изменения в программе Adobe Muse, так как это можно делать в  стандартной CMS от компании Adobe inbrowtherediting;
  • большинство необходимых функций относятся только к платной версии TextoLite, никаких преимуществ перед бесплатной версией админки от Adobe у бесплатной версии TextoLite просто нет.

Смотрите видеоурок по стандартной CMS от компании Adobe inbrowtherediting здесь: Админ-панель. CMS для Muse.

В конечном итоге выбирать конечно Вам. Терпеть ограничения компании Adobe по редактированию сайта в стандартной бесплатной CMS или заплатить за удобства и использовать TextoLite.

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

Авто видеоуроков и курсов
Дмитрий Шаповалов

Доработка и оптимизация сайта созданного на платформе Adobe muse

Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską weкrsję?

Tak

3 из 3

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

  1. публикация

  2. прием ставок

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


Есть готовый сайт на платформе Адобе Мьюз, который надо доработать и немного переделать, потом оптимизировать чтобы добиться быстрой загрузки.

Сайт салона красоты.

Сайт не резиновый, создана компьютерная версия и мобильная.

Сменили название салона, теперь надо существующие страницы подкорректировать в другой цветовой гамме. Потом добавить еще +-4 страницы.

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

Принимаются и обсуждаются рекомендации по изменению стиля, вида и функционала всего сайта. 

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

  • Ставки 9
  • Отозванные 1
  • Обсуждение 1

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


  1. 10 дней4000 UAH

    10 дней4000 UAH

    Добрый день !
    Предложу Вам переделать сайт на полноценном движке, чтобы можно было оперативно вносить изменения. Специализируюсь ня Joomla CMS, опыт более 10 лет. недавно делал аналогичный сайт — ссылку отправил в ЛС

  2. 7 дней2000 UAH

    7 дней2000 UAH

    Доброго времени суток !
    давайте все обсудим по скайпу,
    Пишите обсудим.
    С проектом могу вам помочь на все 100 %

  3. 7 дней2000 UAH

    7 дней2000 UAH

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

    VK: https://vk.com/idzphoenix
    E-mail: [email protected]

    Viber: +79268963215
    Phone: +79268963215
    What’s App: +79268963215

  4. 123 дня123 UAH

    123 дня123 UAH

    Юрий, день добрый. Для оценки хотелось бы увидеть сам сайт.
    И так же не думали перенести сайт, на нормальный движок, и там уже точно корректно все будет отображаться. А мьюз это даже не платформа а странная затея адобе, и функционал там сделать то толком не как, ну по крайней мере адекватно работающий.

    Живу не в Киеве, но думаю в 2018 году связаться по скайпу или телефону проблем не составит)

  5. 3 дня1000 UAH

    3 дня1000 UAH

    Всё сделаю. В наличии множество платных виджетов.
    В наличии CMS она же Админка если надо.
    Сайт будет быстрый, безопасный, СЕО.
    [email protected]

  6.  фрилансер больше не работает на сервисе

  7.  фрилансер больше не работает на сервисе

  8. 65″ data-days=»2″ data-lastactivity=»1540469384″>

    2 дня3000 RUB

    2 дня3000 RUB

    Доброго времени суток!
    Занимаюсь веб-дизайном, создаю посадочные страницы, сайты-визитки, сайты-портфолио. Халтурой не занимаюсь, работаю на совесть.

    На все 100% знаю Muse, уверенно и эффективно пользуюсь Photoshop, есть навыки работы с другими программами Adobe (Illustrator, After Effect, Premier Pro). Примеры работ можно посмотреть у меня в портфолио.
    Хотелось бы взглянуть на сайт, выслушать Ваши идеи, предложу что-то своё.
    Указаны примерная цена и сроки, подробно обсудим по объему поставленных задач, пишите, договоримся!

  9. 5 дней1000 UAH

    5 дней1000 UAH

    Добрый день!

    Я разработал более 187 сайтов!
    Свое портфолио и ориентировочную стоимость отправил вам личным сообщением!

    Обращайтесь в skype: serega2172
    или 0930045980

  1.  фрилансер больше не работает на сервисе


5 лет назад

170 просмотров

  • adobe muse
  • Веб-разработка
  • адаптивная верстка в Adobe Muse

Использование представлений «Планирование», «Дизайн», «Предварительный просмотр» и «Публикация» в Muse

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

Рабочая область в Adobe Muse состоит из различных элементов, таких как панели, панели инструментов и окна. Любое расположение этих элементов называется рабочим пространством. Adobe Muse позволяет настраивать рабочее пространство в соответствии с вашими дизайнерскими потребностями. Вы можете отстыковывать и реорганизовывать панели, а также открывать несколько окон представления «Дизайн» для параллельного проектирования. Вы также можете перетаскивать элементы дизайна между окнами или макетами. Это может быть полезно при одновременной работе с настольными и мобильными макетами, чтобы иметь возможность повторно использовать общий контент в макетах.

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

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

Инструменты и другие элементы в рабочей области Adobe Muse включаются в зависимости от текущего выбранного представления. При работе с Adobe Muse необходимо переключаться между различными представлениями. В Adobe Muse есть представления «Планирование», «Дизайн», «Предварительный просмотр», «Публикация» и «Управление», которые упрощают различные этапы веб-дизайна.

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

Просмотр плана в Adobe Muse


A. Окна документов с вкладками  B. Горизонтальное отображение карты сайта  C. Вертикальное отображение карты сайта  D. Макеты рабочей области  E. Карта сайта  F. Основные страницы  G. Панель инструментов

  • (A)  Окна документов с вкладками: В окне документа отображается файл, над которым вы работаете. Окна документов могут иметь вкладки, а несколько окон могут быть объединены в плитки для удобного доступа к параллельному проектированию.
  • (B) Горизонтальная карта сайта display : Карта сайта отображается горизонтально. Это поведение по умолчанию в Adobe Muse.
  • (C) Вертикально Отображение карты сайта : Карта сайта отображается вертикально. Это особенно полезно для сложных сайтов с большим количеством страниц и дочерних страниц.
  • (D) Макеты рабочего пространства : переключение между различными макетами (режимами) рабочего пространства при работе с Adobe Muse.
  • (E)  Карта сайта : Область для создания карты сайта для вашего веб-сайта. Добавляйте или удаляйте страницы и устанавливайте иерархию вашего сайта.
  • (F)  Главные страницы : Используйте эту область, чтобы создать дополнительные главные страницы для своего сайта или обновить существующие.
  • (G)  Панель инструментов : Панель инструментов позволяет выбирать различные инструменты и работать с ними. На панели управления отображаются параметры для выбранного в данный момент инструмента.

Представление «Дизайн» является наиболее важным представлением и занимает центральное место в работе с Adobe Muse. Представление «Дизайн» предлагает инструменты, виджеты и функциональные возможности, которые позволяют создавать многофункциональные и сложные веб-сайты без написания кода.

Представление «Дизайн» содержит холст веб-страницы, на котором вы можете создавать свои страницы, используя различные инструменты, виджеты и другие возможности дизайна, предлагаемые Adobe Muse. Холст веб-страницы содержит направляющие и линейки, помогающие оптимально использовать пространство веб-страницы.

По умолчанию панели располагаются в крайнем правом углу представления «Дизайн». Однако Adobe Muse позволяет закреплять и отстыковывать панели, а также изменять их порядок по своему усмотрению.

Панель инструментов позволяет вам выбирать инструменты, которые позволяют вам стилизовать вашу страницу, такие как Фон и Заливка в браузере, Обводка и Эффекты. Панель инструментов также заполняется дополнительными инструментами в зависимости от выбранной панели.

Панель приложения также содержит параметры для управления представлением в Adobe Muse.

Представление «Дизайн» в Adobe Muse


A. Индикатор выбора  B. Раскрывающиеся меню  C. Панель управления  D. Компоновка рабочих областей  E. Панели  F. Линейки  90 H G. 9002

  • (A) Индикатор выбора:  Отображает текущий выбор на холсте веб-страницы.
  • (B) Раскрывающиеся меню : Верхняя панель приложения содержит переключатель режимов, меню и элементы управления видом.
  • (C) Панель управления:  Содержит инструменты, позволяющие стилизовать и изменять внешний вид вашего веб-сайта, такие как обводка, заливка и эффекты.
  • (D) Макеты рабочей области : переключение между различными макетами рабочей области при работе с Adobe Muse.
  • (E)  Панели:  Позволяют вам получить доступ к ключевым функциям Adobe Muse и работать с ними.
  • (F) Линейки:  Позволяют устанавливать направляющие в соответствующие положения.
  • (G)  Направляющие : Укажите верхнюю и нижнюю часть веб-страницы и браузеры. Вы можете эффективно использовать направляющие для определения областей верхнего и нижнего колонтитула вашего веб-сайта.
  • (H) Панель инструментов : Позволяет получить доступ и работать с различными инструментами, такими как «Выделение», «Прямоугольник», «Рука» и т. д.

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

Режим предварительного просмотра в Adobe Muse


A. Обновление  B. Компоновка рабочих мест  C. Предварительный просмотр веб-страницы

  • (A)  Макеты рабочей области : переключение между различными макетами (режимами) рабочей области при работе с Adobe Muse.
  • (B) Обновить: Нажмите кнопку «Обновить», чтобы перезагрузить предварительный просмотр вашего веб-сайта.
  • (C) Предварительный просмотр : В области предварительного просмотра отображается последняя обновленная версия вашего веб-сайта.

Режим публикации позволяет опубликовать ваш веб-сайт в Business Catalyst. При выборе режима публикации отображается диалоговое окно публикации. В диалоговом окне «Параметры публикации» укажите следующее:

  • Имя сайта : Укажите понятное имя для вашего сайта. Adobe Muse предлагает доменное имя для вашего веб-сайта на основе имени сайта. Однако вы можете отказаться от этого предложения.
  • Опубликовать на : Вы можете выбрать существующий веб-сайт из раскрывающегося списка «Опубликовать в». Это позволяет публиковать на существующем веб-сайте в Business Catalyst.
  • URL-адрес : Укажите уникальный URL-адрес вашего веб-сайта.
  • Центр обработки данных : Adobe Muse определяет текущее местоположение вашего компьютера и автоматически выбирает ближайший центр обработки данных, в котором будут размещены файлы сайта. Однако, если ваш клиент живет в другой стране, вы можете выбрать ближайший к нему центр обработки данных.

Публикация веб-сайта Adobe Muse в режиме публикации


Меню «Поделиться» в Adobe Muse позволяет легко поделиться URL-адресом только что опубликованного сайта. Вы можете поделиться URL-адресом вашего работающего веб-сайта или URL-адресом для редактирования в браузере с помощью меню «Поделиться».

После публикации веб-сайта нажмите «Поделиться». Появится диалоговое окно со ссылкой на активный сайт и редактирование в браузере.

Поделитесь URL-адресом вашего опубликованного сайта


Для каждого веб-сайта создаются два отдельных URL-адреса: один для активного сайта и для редактирования в браузере.

В зависимости от URL-адреса, которым вы хотите поделиться, выберите соответствующий параметр «Копировать ссылку». URL-адрес скопирован в буфер обмена. Затем вы можете отправить эти URL-адреса по электронной почте или другим каналам, чтобы поделиться ими с заинтересованными сторонами.

Режим управления позволяет вам управлять и обновлять веб-сайты в Business Catalyst. Вы можете использовать режим управления, если вы используете Adobe Business Catalyst в качестве поставщика услуг хостинга. При выборе режима управления Adobe Muse перенаправляет вас на http://businesscatalyst.com/. Войдите, используя свои учетные данные Creative Cloud, чтобы начать редактирование своего веб-сайта. Дополнительные сведения см. в справке Business Catalyst.

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

  • Чтобы изменить порядок окон документов с вкладками, перетащите вкладку окна в новое место в группе.
  • Чтобы открепить (плавать или убрать вкладку) окно документа из группы окон, перетащите вкладку окна из группы или щелкните правой кнопкой мыши вкладку и выберите Плавать в окне .
  • Чтобы расположить окна документов рядом друг с другом, выберите Окно > Упорядочить > Мозаика .
  • Чтобы прикрепить окно документа к отдельной группе окон документов, перетащите окно в группу.
  • Чтобы создать группы документов в стопку или мозаику, перетащите окно в одну из зон перетаскивания вверху, внизу или по бокам другого окна.
  • Чтобы переключиться на другой документ в группе вкладок при перетаскивании выделения, на мгновение перетащите выделение на вкладку документа.

Adobe Muse позволяет переупорядочивать окна документов, размещая их в рабочей области. Мозаика окон документов — это простой способ работать с несколькими макетами для сравнения и параллельного проектирования. Вы также можете копировать содержимое страницы через мозаичные окна документа. Мозаика окон документов особенно полезна при работе с несколькими макетами. Вы можете спроектировать один раз и просто копировать содержимое в другие макеты.

Чтобы расположить окна документов мозаично, выберите Окно > Упорядочить > Мозаика .

Мозаика окон документов в Adobe Muse


Чтобы восстановить вид окон документов по умолчанию, выберите Окно > Упорядочить > Объединить все по сайту .

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

  1. В Adobe Muse измените расположение окон документов с вкладками так, чтобы вам было удобно перемещать содержимое по страницам или макетам. Дополнительные сведения см. в разделе Управление окнами документов с вкладками.

    Перетаскивание содержимого между окнами с вкладками


  2. Перетащите выбранный элемент на другой макет или страницу.

    Перетащите выбранное на другую страницу или макет.


  3. Перетащив выбранное на другую страницу, выберите Окно > Упорядочить > Объединить все по сайту .

    Выберите «Объединить все по сайтам», чтобы выбрать и удалить общий контент на разных страницах.


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

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

  • Чтобы закрепить группу панелей, перетащите ее за строку заголовка (сплошная пустая полоса над вкладками) в док.

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

Примечание:

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

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

Примечание:

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

  • Чтобы переместить панель, перетащите ее за вкладку.

  • Чтобы переместить группу панелей, перетащите строку заголовка.

Примечание:

Нажмите Ctrl (Windows) или Command (Mac OS) при перемещении панели, чтобы предотвратить ее стыковку. Нажмите Esc во время перемещение панели для отмены операции.

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

  • Чтобы удалить панель, щелкните правой кнопкой мыши (Windows) или щелкните, удерживая нажатой клавишу Control. (Mac) его вкладку, а затем выберите «Закрыть» или отмените выбор в окне. меню.

  • Чтобы добавить панель, выберите ее в меню «Окно» и закрепите. где угодно.

  • Чтобы переупорядочить панели в группе, перетащите вкладку панели в новое место в группе.
  • Чтобы удалить панель из группы, чтобы она свободно перемещалась, перетащите панель за вкладку за пределы группы.
  • Чтобы переместить группу, перетащите строку заголовка (область над вкладками).
  • Чтобы закрыть группу панелей, щелкните правой кнопкой мыши строку заголовка группы панелей и выберите «Закрыть группу вкладок».

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

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

  • Чтобы изменить порядок размещения, перетащите панель вверх или вниз за ее вкладку.

Примечание:

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

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

  • Чтобы изменить размер панели, перетащите любую сторону панели. Некоторые панели, например панель «Цвет» в Photoshop, нельзя изменить размер путем перетаскивания.

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

  • Чтобы свернуть или развернуть все значки панелей в столбце, щелкните двойную стрелку в верхней части дока.
  • Чтобы развернуть один значок панели, щелкните его.
  • Чтобы изменить размер значков панели так, чтобы вы видели только значки (а не метки), отрегулируйте ширину дока, пока текст не исчезнет. Чтобы снова отобразить текст значка, сделайте док-станцию ​​шире.
  • Чтобы свернуть развернутую панель обратно к ее значку, щелкните ее вкладку, ее значок или двойную стрелку в строке заголовка панели.
  • Чтобы добавить плавающую панель или группу панелей в док-станцию ​​со значками, перетащите ее за вкладку или строку заголовка. (Панели автоматически сворачиваются в значки при добавлении в док-станцию ​​со значками.)

  • Чтобы переместить значок панели (или группу значков панели), перетащите значок. Вы можете перетаскивать значки панели вверх и вниз в доке, в другие доки (где они отображаются в стиле панели этого дока) или за пределы дока (где они отображаются как плавающие значки).

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

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

Чтобы выбрать цветовую тему, выполните следующие действия:

  1. В Adobe Muse выберите Edit > Preferences .
  2. В диалоговом окне Настройки выберите цветовую тему.

Выберите цветовую тему для рабочего пространства Adobe Muse.


  1. Нажмите «ОК».

Adobe Muse позволяет находить и заменять текст на странице или на всем сайте.

Поиск и замена текста в Adobe Muse


A. Найти B. Заменить C. Заменить/Найти D. Заменить все E. Целое слово F. Backward G. Case H. Поиск I. . Заменить текст J. Найти текст

  1. В Adobe Muse выберите «Правка» > «Найти и заменить» .
  2. В диалоговом окне «Найти и заменить» укажите:
    • Найти: введите текст, который вы хотите найти на странице или сайте.
    • Заменить: введите текст, которым вы хотите заменить текст, введенный в текстовом поле «Найти».
    • Поиск: выберите поиск на странице или на всем сайте.
    • Учитывать регистр: если выбран параметр Учитывать регистр, Adobe Muse ищет только те слова, которые соответствуют регистру слова или фразы, введенных в текстовое поле «Найти».
    • Целое слово: если выбран параметр «Все слово», Adobe Muse ищет полное слово или фразу, введенную в текстовое поле «Найти».
    • Назад: если выбран параметр «Назад», Adobe Muse изменяет направление поиска на обратное.
  3. Нажмите «Найти».
  1. В Adobe Muse выберите «Правка» > «Найти и заменить ».
  2. В диалоговом окне «Найти и заменить» укажите:
    • Найти : введите текст, который вы хотите найти на странице или сайте.
    • Заменить: введите текст, которым вы хотите заменить текст, введенный в текстовом поле «Найти».
    • Поиск : Выберите поиск на странице или на всем сайте.
    • Учитывать регистр : Если выбран параметр Учитывать регистр, Adobe Muse ищет только те слова, которые соответствуют регистру слова или фразы, введенной в текстовое поле «Найти».
    • Целое слово : если выбран параметр «Все слово», Adobe Muse ищет полное слово или фразу, введенную в текстовое поле «Найти».
    • Назад : если выбран параметр «Назад», Adobe Muse изменяет направление поиска на обратное.
  3. Щелкните Заменить . Нажмите Заменить/Найти , чтобы заменить непосредственное вхождение текста и продолжить поиск. Нажмите Заменить Все, чтобы заменить все вхождения текста на странице или на всем сайте.

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

Чтобы вызвать панель предупреждений, выберите Windows > Предупреждения .

Официальные уведомления | Политика конфиденциальности в Интернете

Редактирование содержимого сайтов Muse с помощью Business Catalyst

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

Muse теперь включает функцию под названием «Редактирование в браузере», которая позволяет вам, владельцам сайтов и членам вашей команды изменять текстовое и графическое содержимое с помощью интерфейса администратора Business Catalyst. Редакторам, использующим редактирование в браузере, не нужно устанавливать Adobe Muse.

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

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

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

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

Примечание:

Чтобы использовать редактирование в браузере, пробная версия или действующий веб-сайт должны быть размещены на серверах размещения Adobe Business Catalyst.

  1. Запустите Adobe Muse и откройте сайт, который вы хотите настроить.

    Установите флажок «Включить редактирование в браузере» в диалоговом окне «Свойства сайта».


  2. Щелкните Файл > Свойства сайта. Перейдите на вкладку «Дополнительно» и убедитесь, что параметр «Включить редактирование в браузере» включен.

    Если нет, установите флажок «Включить редактирование в браузере».

  3. Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Свойства сайта».

  4. На верхней панели навигации Adobe Muse выберите «Публикация» > «Business Catalyst».

    Публикация сайта с помощью Business Catalyst


    Выберите нужные параметры в диалоговом окне «Публикация», а затем нажмите «Опубликовать», чтобы загрузить все файлы сайта на хост-сервер Adobe Business Catalyst.

    Примечание:

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

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

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

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


  6. Можно либо щелкнуть ссылку «Добавить пользователей для редактирования в браузере», либо просто нажать «ОК», чтобы закрыть диалоговое окно.

    В этом примере нажмите OK.

    Если щелкнуть ссылку «Добавить пользователей для редактирования в браузере», вы увидите интерфейс, описанный в шаге 9.

  7. В Adobe Muse либо щелкните ссылку «Добавить пользователей для редактирования в браузере», описанную в шаге 5, либо выберите «Файл» > «Управление сайтом Business Catalyst».

    Интерфейс сайта Business Catalyst открывается в новом окне браузера.

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


    Примечание:

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

  8. В пользовательском интерфейсе Business Catalyst на левой панели навигации щелкните Параметры сайта > Пользователи-администраторы.

  9. Щелкните Пригласить пользователя-администратора.

    Пригласите нового пользователя-администратора в интерфейсе пользователей-администраторов сайта.


    В разделе «Пользователи-администраторы» появится новый интерфейс.

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

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


  11. Нажмите «Пригласить», чтобы добавить нового пользователя на ваш сайт Adobe Muse.

    Примечание:

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

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

  1. Откройте браузер и введите одно из следующего:

    • my-site.businesscatalyst.com/admin (пробный сайт)
    • my-site.com/admin (действующий сайт)
  2. Введите адрес электронной почты и пароль для входа в Business Catalyst.

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

    Используйте любой браузер для входа в свою учетную запись на сайте.


  3. Нажмите кнопку «Редактировать», чтобы увидеть свой сайт в интерфейсе редактирования.

    Начните редактирование сайта, нажав кнопку Редактировать.


    Главная страница сайта загружается в интерфейсе редактирования в браузере.

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

Выполните следующие действия для редактирования текстового содержимого на вашем сайте:

  1. Когда вы входите на свой сайт с помощью Business Catalyst, вы видите синюю накладку вокруг текста. Выберите или удалите текст и начните вводить текст.

    Выберите текст, который вы хотите отредактировать, и начните вводить обновление.


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

    См. форматирование, которое отображается при наведении курсора на текст.


  2. Если вы недовольны своими изменениями и хотите вернуться к исходному тексту, щелкните значок «Отменить» в верхней части страницы.

     

    Нажмите значок «Отменить», чтобы вернуться к исходному тексту.


  3. Когда вы закончите редактирование текста, нажмите «Опубликовать».

    Нажмите кнопку «Опубликовать», чтобы опубликовать изменения.


    Изменения, которые вы делаете в интерфейсе редактирования, не применяются к действующему веб-сайту, пока вы не нажмете кнопку «Опубликовать» в верхней части страницы. Если вы решили не вносить никаких изменений, закройте окно браузера.

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

  1. Выберите изображение, которое вы хотите отредактировать.

    Вы увидите кнопку «Редактировать изображение» рядом с изображением.

    При наведении курсора на редактируемое изображение отображается кнопка «Редактировать изображение».


  2. Щелкните Редактировать изображение.

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

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


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

    Выбранный файл загружается на те же веб-серверы, на которых размещен веб-сайт.

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

  4. Выполните одно из следующих действий:

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

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

    Если вы планируете периодически менять определенное изображение, вы можете попросить человека, который первоначально создал сайт, загрузить несколько разных изображений одинакового размера, чтобы вы могли выбрать изображение, которое уже существует на сайте. Например, веб-дизайнер может загрузить четыре изображения одного размера для весны, лета, осени и зимы. Со временем вы можете выбрать опцию «С сайта», а затем поменять изображение, чтобы оно отражало текущий сезон.

  5. После внесения всех изменений нажмите «Опубликовать», чтобы опубликовать изменения.

Если изображение на странице вставлено в текстовую рамку, его можно редактировать.

  1. Выберите текстовый фрейм. Затем выберите изображение внутри текстового фрейма.

Рядом с выбранным изображением появляется кнопка «Редактировать изображение».

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


  1. Щелкните Редактировать изображение. Выберите один из существующих ресурсов или нажмите «Загрузить фото», чтобы загрузить новое изображение со своего компьютера.
  2. После внесения всех изменений нажмите «Опубликовать», чтобы опубликовать изменения.

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

При выборе общего элемента для редактирования этот элемент отображается в окне «Редактировать общее изображение».

Редактировать содержимое, совместно используемое на разных страницах, в окне «Редактировать общее изображение».


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

Для получения информации о редактировании гиперссылок см. Редактирование гиперссылок .

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

  • Если ссылки отображаются за пределами текстового фрейма, просто щелкните ссылку, чтобы перейти на связанную страницу сайта. Внешние ссылки (на веб-страницы, которых нет на текущем сайте) не будут загружаться в интерфейсе редактирования, поскольку вы не можете использовать редактирование в браузере для редактирования страниц на других веб-сайтах.
  • Если ссылки отображаются внутри текстовых фреймов, наведите на них курсор, чтобы увидеть кнопку. Нажмите кнопку, чтобы перейти на связанную веб-страницу. Например, нажмите кнопку «Домой», чтобы перейти на домашнюю страницу вашего сайта.
  • Если ссылка применяется ко всему текстовому фрейму, щелкните весь фрейм, чтобы увидеть кнопку, содержащую ссылку или тег привязки.

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


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

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

Для предварительного просмотра изменений:

  1. Внесите необходимые изменения в содержимое вашего сайта.

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

  2. В раскрывающемся списке выберите другие точки останова и просмотрите изменения в каждой точке останова.

  3. Если вы создали свой сайт с использованием альтернативного макета, выберите устройство из раскрывающегося списка и просмотрите изменения.

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

  1. Запустите Muse и откройте файл .muse сайта.

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

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

    Примечание:

    В любой момент вы также можете выбрать «Файл» > «Синхронизировать с сайтом Adobe Business Catalyst», чтобы увидеть интерфейс, позволяющий просматривать различия между файлом .muse и работающим сайтом.

  2. Щелкните Обзор, чтобы просмотреть изменения.

    Появится окно просмотра и объединения изменений.

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

  4. Используйте параметры раскрывающегося меню («Не объединять» или «Объединять в Muse»), чтобы отклонить или принять конкретное изменение или все изменения.

    Используйте опции меню, чтобы объединить или отменить изменения.


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

  5. Чтобы сравнить текущую версию текста и изображений на веб-сайте с локальным файлом .muse, установите или снимите флажок «Предварительный просмотр на странице».

    Чтобы скрыть и показать последние изменения в представлении «Дизайн», установите и снимите флажок «Просмотр на странице».


    Завершив синхронизацию и редактирование файла .muse, опубликуйте его, чтобы изменения вступили в силу. Любые измененные элементы, помеченные как «Не объединять», перезаписываются текущим дизайном файла . muse при повторной публикации сайта.

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

Сразу после публикации сайта выберите «Файл» > «Сохранить сайт как» и сохраните копию файла .muse. При желании вы можете включать текущую дату в имя файла при создании новых копий. Эта практика позволяет легко найти файл .muse, который вы опубликовали в определенную дату.

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

my-site.muse

my-site_2013-1-4.muse

my-site_2013-2-23.muse

my-site_2013-4-7.muse

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

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *