Jump to content
  • Урок седьмой. Папка 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, куда вы этот файл в последствии поместите.

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

    User Feedback

    Recommended Comments

    There are no comments to display.

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Add a comment...

    ×   Pasted as rich text.   Restore formatting

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...