Перейти к содержимому
  • Блок 3.9 - Использование своего HTML кода

    Если виджетов будет не достаточно Вы всегда можете импортировать свой CSS и HTML код. Данный функционал снимает любые ограничения по возможностям программы.

    2 занятий в этой категории

    1. Вставка своего HTML кода

      54 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_02/3.10.1_CHto_takoe_HTML_vstavki.mp4.24cf9d32ec4af7e366479ee4cfd0973f.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Низкая сложность Скрыть

      В этом видеоуроке мы рассмотрим, что такое HTML-вставки в программе Adobe Muse. Заходим в программу в режим "Дизайн". Для добавления собственного кода в программу нам необходимо зайти в "Объект" -  "Вставить HTML". Таким образом вы сможете разместить здесь любой код или скрипт, чтобы добавить его в HTML-код страницы сайта. Кроме того вы здесь сможете написать любой текст, и он вставится в программу как HTML-код. Например, напишем слово "Привет", нажмем О, и Вы видите, что идет просчет, и при наведении курсора мыши на данный прямоугольник программа подсказывает нам , что это встроенный HTML-элемент. Его вы точно также сможете размещать в любой части страницы.

      Также вы можете его увеличивать или уменьшать, сможете редактировать свой добавленный код, нажав правую кнопку мыши на данном прямоугольнике при выделенном прямоугольнике, и в самом низу в контекстом меню есть пункт "Редактировать HTML". После этого появляется еще окно редактора кода, где вы и сможете редактировать свой код. Например, напишем "Привет, мир" и снова нажмем ОК. Теперь вы видите, что надпись изменилась, а наш текст вставлен в программу в качестве HTML-кода. Это не основное назначение данной функции в программе, но тем не менее он позволяет добавить некие скрипты или уникальные функции на свой сайт в программу Adobe Muse. Также вставить свой код можете с помощью свойств страницы.

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

      Если вы ничего не написали, а просто добавили встроенный HTML на страницу, то программа будет подсказывать, что нужно вставить код. Если мы сейчас посмотрим на данную страницу в режиме "Просмотр", то мы увидим только 2 надписи "Привет,мир и "Вставьте здесь код HTML". На этом данный урок закончен. Мы познакомились с тем, как добавлять свой код на страницу сайта, размещать встроенный HTML-элемент на страницу,и как его редактировать. Вам необходимо будет выполнить задание, ответить на вопросы и переходить к дальнейшим урокам.

      • 3 комментария
      • 452 просмотра
    2. Внедрение Яндекс.Карт на сайт

      55 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_02/3.10.2_Primer_rabotyi_-_Vstavka_kartyi_YAndeks.mp4.451a4f88b6a0f33ac62ff9f4846d0708.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Высокая сложность Скрыть

      В этом уроке на примере добавления Яндекс.Карты на страницу в программе Adobe Muse мы рассмотрим добавление HTML-кода на страницу сайта. Заходим в программу, создаем новый проект и в режиме "Дизайн" мы можем добавить объект и вставить HTML. Сейчас у нас нет никакого кода HTML. Давайте зайдем на сайт Яндекса для того, чтобы сгенерировать код карты. Заходим в браузер на сайт yandex.ru и в поиске вводим "Конструктор карт". Переходим по самой первой ссылке и попадаем на конструктор карт. Яндекс сразу предлагает нам зарегистрироваться или войти. Далее Яндекс нам предлагает выбрать из списка карт либо создать новую карту.

      Давайте создадим новую карту, нажимаем на кнопку и открывается окно. Набираем адрес того объекта, на который будет ссылаться наша карта. Например, введем "Владимир, Россия", нажимаем "Найти". Здесь мы можем отредактировать, как будет выглядеть значок, который указывает на город. Далее можем немного подвинуть данную карту. В новой карте напишем название , например, просто название города и можем добавить описание. Далее нажимаем кнопку "Сохранить карту" и получить ссылку. После сохранения карты появляется окно с параметрами карты, где мы оставляем все по умолчанию. Далее можем указать размеры карты либо просто с помощью данных элементов управления растянуть ее до нужных размеров.

      Допустим, нужен размер 700 х 400. Далее нажимаем кнопку "Получить код карты" и появляется окно, где нам Яндекс выдает HTML-код для сайта. мы просто выделяем весь код, нажимаем правую кнопку мыши - "Копировать" и переходим в Muse. Здесь в разделе редактирования HTML блока вставляем данный код. Нажимаем правую кнопку мыши, затем "Вставить". Нажимаем ОК, и данная карта вставлена на страницу. Дальше может возникнуть вопрос о том, как сделать карту растянутой на всю ширину страницы.  Для этого заходим в "Перспектива" и выбираем "Растянуть по ширине браузера". При этом мы видим, что карта съехала влево. А если мы зайдем в режим "Просмотр", то увидим, что карта отображается только слева. Переходим снова в режим "Дизайн", выделяем данный элемент, кликаем правой кнопкой мыши, жмем "Редактировать HTML- код" и находим значение width =700&height=400. Так вот значение ширины выставляем 100% вместо 700, нажимаем ОК . Теперь вы видите, что карта растянулась на всю ширину страницы. И в режиме "Просмотр" карта также будет отображаться на всю страницу. Таким образом мы рассмотрели, как добавить карту Яндекса на свою страницу сайта с помощью добавления HTML кода на свою страницу. На эом урок закончен. Вам необходимо будет выполнить задание, ответить на вопросы и переходить к следущему уроку.

      • 2 комментария
      • 506 просмотров
×