В этом видеоуроке мы рассмотрим, что такое HTML-вставки в программе Adobe Muse. Заходим в программу в режим "Дизайн". Для добавления собственного кода в программу нам необходимо зайти в "Объект" - "Вставить HTML". Таким образом вы сможете разместить здесь любой код или скрипт, чтобы добавить его в HTML-код страницы сайта. Кроме того вы здесь сможете написать любой текст, и он вставится в программу как HTML-код. Например, напишем слово "Привет", нажмем О, и Вы видите, что идет просчет, и при наведении курсора мыши на данный прямоугольник программа подсказывает нам , что это встроенный HTML-элемент. Его вы точно также сможете размещать в любой части страницы.
Также вы можете его увеличивать или уменьшать, сможете редактировать свой добавленный код, нажав правую кнопку мыши на данном прямоугольнике при выделенном прямоугольнике, и в самом низу в контекстом меню есть пункт "Редактировать HTML". После этого появляется еще окно редактора кода, где вы и сможете редактировать свой код. Например, напишем "Привет, мир" и снова нажмем ОК. Теперь вы видите, что надпись изменилась, а наш текст вставлен в программу в качестве HTML-кода. Это не основное назначение данной функции в программе, но тем не менее он позволяет добавить некие скрипты или уникальные функции на свой сайт в программу Adobe Muse. Также вставить свой код можете с помощью свойств страницы.
Для этого вам необходимо зайти вменю "Страница" - "Свойства страниц". Здесь в разделе "Метаданные" доступна функция HTML для <head>. Единственное отличие от обычной вставки кода является то, что данный код размещается в разделе <head>, и он не будет виден в качестве какого-либо элемента на странице. Добавляя HTML-код с помощью "Объект" - "Вставить HTML", вы размещаете свой код в тег <body>. Поэтому он размещается в виде конкретного прямоугольника, поэтому есть возможность разместить данный код на странице.
Если вы ничего не написали, а просто добавили встроенный HTML на страницу, то программа будет подсказывать, что нужно вставить код. Если мы сейчас посмотрим на данную страницу в режиме "Просмотр", то мы увидим только 2 надписи "Привет,мир и "Вставьте здесь код HTML". На этом данный урок закончен. Мы познакомились с тем, как добавлять свой код на страницу сайта, размещать встроенный HTML-элемент на страницу,и как его редактировать. Вам необходимо будет выполнить задание, ответить на вопросы и переходить к дальнейшим урокам.
Вы узнаете как с помощью HTML вставок реализовать любые фантазии. Как с помощью этого инструмента подключать сторонние сервисы к своему сайту. Увидите примеры применения этой технологии.
Заработай!
