Перейти к содержимому
  • Урок пятый. Тело виджета

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

    Первое, о чем следует упомянуть – способ подключения параметров к телу. Для подключение параметра в нужном Вам месте достаточно указать следующий текст: {param_PARAMNAME} – где в поле PARAMNAME вы указываете уникальное имя параметра ( name )

    Пример:

    year = {param_myYear}; month = {param_myMonth}; day = {param_myDay}; hour= {param_myHour};

    Каждый из блоков в этой части виджета за то, куда будет помещен на сайте интересующий Вас кусок виджета. Размещение возможно в HEAD Вашего сайта и в разные части BODY. Сразу стоит отметить, что если две идентичных части скрипта будут помещены в один и тот же блок, то помещена на сайт будет только одна копия, остальная же при генерации HTML будет - проигнорирована.

    Блок для размещения элементов в HEAD:

    ( <headHTML> ) - Для помещения элементов в шапку сайта необходимо пометить их внутрь этого блока. Обычно в шапке размещаются разные ссылки и прописываются стили отображения элементов.

    Блок для размещения элементов в BODY:

    • В начале BODY ( <bodyBeginHTML> ) – При размещении информации в этом блоке она будет помещена в самое начало Вашей страницы после открытия <body>;
    • В текущем месте BODY ( <pageItemHTML> ) – Размещенная в этой части информация будет отображенна точно там где вы ее поставили и видите на рабочей области в Adobe Muse;
    • В конце BODY ( < bodyEndHTML> ) - При размещении информации в этом блоке она будет помещена в самый конец Вашей страницы перед закрытием </body>. Обычно именно в этом месте и размещаются скрипты.


    Особый элемент:
    Альтернативный постер ( < pageItemPosterHTML> ) – несет в себе специфическую функцию. Как я понял, это та информация (контент), которая отобразится пользователю, в случае, если браузер по тем, или иным причинам (к примеру: устарел...), не сможет загрузить, отобразить, прочитать, интерпретировать основной контент.

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

     <![CDATA[ бла-бла-бла ]]>

    В итоге получится что-то вроде этого:

    <pageItemHTML>
    <![CDATA[
    <img src="http://example.com/logo.jpg" alt="My Logo">
    ]]>
    </pageItemHTML>

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

    Вопросы по этому уроку задавайте в комментариях.

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

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

    допилить бы в свете новых веяний о 

    <documentReadyJS>

    и обязательно указать что надо указывать formatNumber="4"

    и что НЕ НУЖНО внутри вписывать <script></script> - так вроде

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

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

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

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

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

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

    Войти

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

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