Уроки создания сайтов. Урок 4. Адаптивный сайт

Автор Liza Merichenko
Уроки создания сайтов. Урок 4. Адаптивный сайт

в этом видео мы покажем как установить шаблон в программе siteedit адаптив и каким образом можно настроить адаптивный дизайн в своём проекте шаблон проекта мы установим сайтом market.ru если у вас не установлено программа siteedit.

Вам необходимо скачать iOS site.ru и установить на свой компьютер первым делом необходимо запустить программу среди затем нужно создать новый проект ввести имя проекта. О'КЕЙ в. Мастере проекта.

Необходимо выбрать нужный шаблон и нажать кнопку попробовать далее необходимо ввести логин и пароль от аккаунта на заедет нажать кнопку войти и вести доменное имя доступ к подобному тестовому сокету предоставляется в течение 7 дней для того чтобы пользователь мог протестировать систему siteedit шаблон загрузился и готов к использованию адаптивный дизайн можно настроить при помощи каких-либо фреймворков например при помощи фреймворка bootstrap фреймворк интегрирован в программу кредит и.

При желании его можно включить или отключить в настройках другой вариант настройки адаптивного дизайна при помощи. Медиа запросов в корне CSS. Медиа запросы используются. Когда нужно прописать настройки CSS для каких-то определенных устройств либо только для какого-то определенного разрешения экрана. Каким образом медиа-запросы входит CSS многие модуль в программе сайты типа имеют настройки адаптивности которые можно поменять в параметрах. Например можно изменить ширину контейнера модуля. Как можно заметить ширина модуля изменилось многие модули имеют встроенные стройке быстро и если посмотреть. Исходный код модуля то можно заметить, что в ходе используется классные которые настраиваются в библиотеке bootstrap например класс контейнер который задает ширину блоков под определенными разрешениями экрана и так. Каким образом задать настройки дизайна для определённых разрешение экрана настройки можно задать через дерево дизайна. Для этого необходимо открыть дерево дизайна выбрать нужный слой для настройки допустим необходимо задать настройки слева и справа для разрешения экранов планшетов для этого выбираем нужное разрешение на панели сверху и задаем отступы нажимаем кнопку применить откроем редактор CSS и проверим. Добавился и медиа запрос как видимо. Медиа запрос добавился внутри которого находится заданные настройки теперь зададим настройки для телефонов например отступ слева и справа 0 пикселей откроем редактор CSS. Медиа запросы добавился настройки установились в этом видео мы разобрали. Как установить шаблон из. Маркета siteedit в программе siteedit адаптив. Как настраивать адаптивный дизайн в программе. И как создавать меня запросы.

0 комментариев
0

Читайте также