Jump to content
  • Урок пятый. Тело виджета

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

    Первое, о чем следует упомянуть – способ подключения параметров к телу. Для подключение параметра в нужном Вам месте достаточно указать следующий текст: {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 подключает последнюю версию этой библиотеки. И Вам нет необходимости подключать ее повторно. Повторное ее добавление может вызвать ошибку на странице.

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

    User Feedback

    Recommended Comments

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

    <documentReadyJS>

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

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

    Share this comment


    Link to comment
    Share on other sites

    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...