Как создать мобильную версию сайта adobe muse
Обновлено: 06.07.2024
Создание мобильной версии сайта в Adobe Muse.
В уроке рассказывается о создании мобильной и планшетной версии сайта в программе Adobe Muse. Создание мобильной версии сайта, а также планшетной версии не такая уж сложная задача, просто нужно быть особенно внимательным, иметь усидчивость и выполнять некоторые простые действия в программе.
Создание мобильной версии сайта. Вступление.
В этом видеоуроке я покажу, как сделать мобильную и планшетную версии сайта в программе Adobe Muse. Работать мы будем в программе Adobe Muse версии. Должен сказать, это у меня самая последняя версия стоит, но скоро должна выйти еще одна версия, которая будет позволять создавать резиновые сайты. Это будет очень интересно, так что будем ждать обновлений. Для того, чтобы сильно не затягивать начало, давайте сразу начинать. Я подготовил небольшой макет сайта на английском языке, чтобы вас не отвлекал сам текст или контент, который расположен на этой страничке.
Создание мобильной версии сайта. Добавление макета.
Добавление макета Телефон и настройки.
Давайте зайдем в наш макет с компьютера. Вот он. Нажимаю клавишу Ctrl+A, чтобы выделить все элементы на странице. Нажимаю клавиши Ctrl+C, чтобы скопировать в буфер обмена страницу, перехожу снова на дизайн для мобильного телефона, на закладку Домашняя -> Телефон. Нажимаю Ctrl+V, чтобы вставить все, что у меня находится в буфере обмена. Сейчас мы видим, что у нас тут полнейший разброд и шатание, я поставлю немножко меньше масштаб, чтобы вы увидели.
Берем нашу форму, перетаскиваем ее сюда же, расположим где-нибудь, вот так. Можем немного уменьшить размер картинки, поскольку у меня здесь сверху был затемняющий слой, я его тоже уменьшил. Уменьшил затемняющий слой, потом размер самой картинки. Далее переношу следующую надпись, так же уменьшаю ее под размер нашего макета для телефона. Теперь что же нам делать с этими текстовыми блоками?
Публикация и просмотр мобильной версии сайта.
Публикация и просмотр планшетной версии сайта.
Создание мобильной версии сайта. Экспорт в HTML и просмотр структуры сайта.
Вот так просто, дорогие друзья осуществляется создание мобильной версии сайта и планшетной версии сайта в программе Adobe Muse. На этом все. Я с вами прощаюсь. Смотрите мои видеоуроки по Adobe Muse, подписывайтесь на мой канал, оставляйте комментарии внизу. До встречи в следующих уроках.
Читайте также: