Адаптивный дизайн сайта в Web Builder

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить

Автор Темы
AnnaGaina

Адаптивный дизайн сайта в Web Builder

Сообщение AnnaGaina » 09 фев 2014, 18:01

Здравствуйте!

Помогите, пожалуйста, разобраться в адаптации дизайна существующей landing page.
Какие инструменты использовать?

Заранее спасибо!

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Re: Адаптивный дизайн сайта в Web Builder

Сообщение anonimus » 09 фев 2014, 18:19

AnnaGaina писал(а):Здравствуйте!

Помогите, пожалуйста, разобраться в адаптации дизайна существующей landing page.
Какие инструменты использовать?

Заранее спасибо!


адаптировать дизайн и адаптивный дизайн - это разные понятия
что вы имели ввиду вообще?
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============


Автор Темы
AnnaGaina

Re: Адаптивный дизайн сайта в Web Builder

Сообщение AnnaGaina » 09 фев 2014, 18:48

Чтобы страница корректно отображалась на экранах всех разрешений.

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Адаптивный дизайн сайта в Web Builder

Сообщение gladiolus0707 » 09 фев 2014, 19:27

AnnaGaina писал(а):Чтобы страница корректно отображалась на экранах всех разрешений.

Чтобы страница корректно отображалась выставляйте элементы по центру. Вставляйте слои с относительной горизонтальной размерностью. В общем подгоняйте.
Вставай рано, работай до поздна и.... найдешь нефть!


Автор Темы
AnnaGaina

Re: Адаптивный дизайн сайта в Web Builder

Сообщение AnnaGaina » 09 фев 2014, 19:46

Элементы то центрированы на странице. Хотелось бы сделать страницу резиновой - при изменении размеров браузера, чтобы не съедалось часть страницы и появлялся бегунок, а чтобы она уменьшалась/увеличивалась пропорционально. Читала про bootstrap и про то, что нужно дописывать/корректировать html код. Может быть посоветуете как это проще сделать в Web Builder? Заранее спасибо!

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Re: Адаптивный дизайн сайта в Web Builder

Сообщение anonimus » 09 фев 2014, 20:49

AnnaGaina писал(а):Элементы то центрированы на странице. Хотелось бы сделать страницу резиновой - при изменении размеров браузера, чтобы не съедалось часть страницы и появлялся бегунок, а чтобы она уменьшалась/увеличивалась пропорционально. Читала про bootstrap и про то, что нужно дописывать/корректировать html код. Может быть посоветуете как это проще сделать в Web Builder? Заранее спасибо!


в wb адаптивный дизайн не реально сделать, по крайней мере в это версии
дай бог хоть резиновость по вертикали появиться в следующей версии
про горизонтальную резину я вообще молчу, а про адаптивный дизайн тем более :-)
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Адаптивный дизайн сайта в Web Builder

Сообщение gladiolus0707 » 09 фев 2014, 21:30

AnnaGaina писал(а):Элементы то центрированы на странице. Хотелось бы сделать страницу резиновой - при изменении размеров браузера, чтобы не съедалось часть страницы и появлялся бегунок, а чтобы она уменьшалась/увеличивалась пропорционально. Читала про bootstrap и про то, что нужно дописывать/корректировать html код. Может быть посоветуете как это проще сделать в Web Builder? Заранее спасибо!

Теоретически возможно думаю с помощью растяжимого содержимого на слое. Но я бы не рискнул мучатся :-): Просто как я и описал выше используйте картинки часть которых можно скрыть, важные элементы в центр и т.д. У меня до ширины в 1000 прокрутка не появляется. Ну а если нужен полностью резиновый то лучше конечно выбрать другую программу или движок.
Вставай рано, работай до поздна и.... найдешь нефть!


Аватара пользователя

Mavik
Опытный
Опытный
Сообщения: 733
Зарегистрирован: 29 июн 2012, 02:14
Версия Web Builder: 14.2.2

Re: Адаптивный дизайн сайта в Web Builder

Сообщение Mavik » 10 фев 2014, 16:55

If you are right - no one remember!
If you are wrong - no one forgets!


Ответить

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя