Перейти к содержимому
  • Урок седьмой. Папка Assets

    Сегодня мы с Вами поговорим о замечательном инструменте в арсенале Adobe Muse –папке Assets.

    При создании сайта Adobe Muse генерирует несколько папок при экспорте в HTML, среди которых такие знакомые нам: image, css и scripts. Дело все в том, что поместить в эту папку файл возможно только уже после экспорта в HTML… 
    Это не позволяет нам работать с этим файлом в самом проекте Muse, а нам иногда это очень даже необходимо. Особенно это актуально для виджетов, ведь в нем часто приходится ссылается на различные файлы. Для этих целей и существует возможность помещать файлы в папку Assets.

    Assets – это единственная папка, в которую возможно поместить нужные файлы и мы сможем на них указать относительный путь.

    Для того, чтоб поместить файл в эту папку необходимо зайти в:

    Меню -> Файл -> Добавить файл для передачи -> Выбираем нужный файл.

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

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

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

    Допустим Вам в бекграунд какого-то элемента не обходимо поместить картинку image.jpg. Делаем следующие действия:

    -> Файл -> Добавить файл для передачи -> поместить image.jpg

    Теперь мы можем сослаться на этот файл для отображения в бекграунде и это будет выглядеть следующим образом:

    #someID
    {
    Background-image: url(assets/image.jpg)
    }

    В результате image.jpg будет отображен как бекграунд элемента someID и будет видна при предпросмотре сайта в браузере.
    Если же Вам необходимо указать путь к скрипту, то в этом случае это будет выглядеть следующим образом:

    <script src=”assets/samescript.js” type=”text/javascript”>

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

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

    Вопросы по уроку пишите в комментариях ниже.

    Отзывы пользователей

    Рекомендуемые комментарии

    Нет комментариев для отображения

    Оставлять сообщения могут только участники клуба

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

    Вступить в клуб

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас
×