Дизайн сайта детского сада

Автор Ivan Samoilov
Дизайн сайта детского сада

Добрый день.

Меня зовут. Кристина привалова в этом видеоуроке я хочу показать как с помощью конструктора сайтов wix можно создать и настроить красивый современный дизайн сайта мужа находимся в системе управления далее сразу же. В верху нажимаем кнопку просмотр сайтом чтобы видеть.

В отдельной вкладке как будет выглядеть дизайн нашего сайта сейчас перед нами представлен готовый шаблон которые мы будем использовать для разработки собственного дизайна сайта возвращаемся в систему управления начнём с фоновое изображение для этого мы нажимаем кнопку оформление фоновое изображение можно сделать без фона нажимаем кнопку без фона для того чтобы текущие изменения сайта можно нажать клавишу F5 на клавиатуре то есть оставлен сайт без фона.

Также можно выбрать из списка фоновых изображений мы будем загружать собственный фон для этого мы нажимаем кнопку редактировать и загружаем фон из заранее подготовленных важно нажать кнопку закрепить фоновое изображение также мы нажимаем кнопку повторять. Также можно выбрать позиционирование блоков относительная и абсолютная нажимаем сохранить и выйти дали опять нажимаем кнопку F5 вот у нас закрепилось новая фоновое изображение мы его прокручиваем. То есть она сохраняется на том же месте мы с вами изменим композицию сайтом для этого мы опять. Заходим в систему управления нажимаем оформлением композиция можно выбрать любую композицию на миниатюре видно как выглядит каждый из композиций мы с вами выберем композицию c13 она двухколоночный с вертикальным меню нажимаем сохранить и выйти далее обновляем нажимаем в 5 то есть у нас немножко видим, что шапка обрезала с ним поехала — это сделано для того, что мы будем загружать новую шапку сайта чаще всего такое расположение меню вертикальное используют при многочисленных разделов меню чтобы с горизонтальным меню раздела не переходили на вторую строчку. Также хотелось бы рассказать про остальные пункты в разделе композиция то есть 10 кнопки новый дизайн сайта. Давайте начнём и сразу посмотрим как он будет выглядеть F5. То есть у нас он расширяется и если даже мы уменьшаем сайт расширяем у нас он фиксируется по ширине то есть мы можем уменьшать увеличить он всё равно будет сохраняться доля возвращаемся назад. Заходим в раздел композиция убираем галочку резиновый дизайн сайта. Также можно здесь менять разбивку центрального поля страницы менять прозрачность листа главной страницы делать фонд более прозрачным либо менее прозрачным также здесь есть управление меню управления сервисными и дополнительные кнопки сайта далее мы с вами заменим шапку сайтов для этого опять. Заходим в раздел оформление шапка страницы. Также можно здесь выбрать шапку без либо из ниже представленных мы нажимаем собственную шапку сайта редактировать и загружаем шапку которая у нас было ранее подготовлена также на кнопку центр сохранить и выйти обновляем и вот у нас закрепилось новая шапка сайта. Теперь мы разместим логотип сайта для этого заходим опять же в раздел оформления логотип выбираем наш логотип можно загрузить изображение для мобильной версии сайта и здесь. Также можно выбрать позицию сайта где будут располагаться логотип нажимаем сохранить и выйти далее опять обновляем сайт и вот наш логотип стал на данное место дали я покажу вам цвет на сайте для этого. Заходим в оформлении цвета можно выбрать палитру готовую также настроить используемые цвета вот есть базовые цвета которые чаще всего используются на сайте этот цвет фона цвет листа цвет текста блоков и так далее и также настроить точно каждый цвет в определённом месте то сейчас мы представим и попробуем с вами поменять основное меню к примеру мы с вами выберем цвет допустим вот этот голубой которые у нас также присутствует в шапке сайта нажимаем сохранить далее мы с вами обновляем то есть вот у нас изменился цвет нашего меню также мы можем изменить цвет развернутого меню выбрать либо готовый цвет либо уже цвет который использовался у нас в базовых цветах допустим есть цвет текста цвет листа цвет блоков контрастный цвет выберем контрастный цвет. Также можно выбрать либо сделать его потемнели после либо более насыщенным либо менее насыщенным и насколько то есть параметры. Также можно указать мы сами не будем применять с ней каких параметров нажимаем сохранить далее об то есть вот у нас изменился цвет хотелось бы отметить, что в конструкторе нубик с можно изменить цвета блоков меню всплывающего меню кнопок заголовков основного — это каких-то дополнительных кнопок также сервисного меню фоновое изображение и futari также можно изменить цвет и и цвет любых ссылок — это можно выполнить также в разделе оформления цвета настроить используемые цвета и точное настройки цветов покажу вам как менять стилистику сайта для этого мы нажимаем с вами оформление стили заходим к примеру в главное меню ты с представлена вариация стилей мы с вами нажимаем к примеру с24 обновляем сайт здесь у нас стали блоки покрупнее далее мы всё-таки возвращаем прошлое настройки потому, что там стилистика выглядела привлекательнее также мы можем изменить стиль листа для этого мы допустим выберем S7 и стилист. А у нас. Как видите изменился далее мы с вами изменим стилистику подвала здесь же в стилях мы сами выбираем подвал. И выберем подвал с 23 обновляем наш подвал немножко отделился от основного листа. Также хотелось бы обратить внимание, что в конструкторе нубик с предусмотрено изменение стилистики и основных элементов дизайна этой сервисного меню развернутого меню виджетов, а также.

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

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