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

       (5 отзывов)

    Евгений Зубов
    • 16 4,25,2,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2016_06/16_%D0%98%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D1%81%D0%B5%D1%82%D0%BA%D0%B8_%D1%81%D0%B0%D0%B9%D1%82%D0%B0.mp4.22cd67777d150347597f634626bc7f1a.mp4 4 До 5 минут Евгений Зубов display: none; https://creatura.club/uploads/ Средняя сложность display: none;
      1. Выберите сетку для своего лендинга
      2. Настройте сетку для нужных страниц

      На данном этапе наша задача – сделать на макет без дизайна этот самый дизайн без технических проблем. В этом уроке я буду рассказывать, что такое сетка сайта, зачем она нужна и как ее использовать.

      В первую очередь могу сказать то, что сетка выделяет истинного профессионала, так как резко повышает качество сайта. Именно по этой причине дизайн сайта мы всегда начинаем с создания сетки. Настройки у вас появятся, когда вы будете создавать новый сайт.

      Если вы новичок в программе, рекомендуем вместо гибкого значения ширины указывать для начала постоянную ширину. А дальше осталось настроить количество столбцов и ширину страницы. Для всех проектов, которые я разрабатываю лично, устанавливаю стандартную сетку, доказавшую свою жизнеспособность на протяжении 2-х лет точно. Параметры – ширина 960 пикселей и кол-во столбцов – 12. Ширина одного столбца – 8 пикселей. От средника тоже всегда избавляйтесь, он только путает человека.

      Обратите внимание на доп.настройки: нужно убрать все поля, достаточно изменить только первый параметр, а далее все изменится автоматически.

      Ну и на этом настройки завершены. Нажимаем ОК, у нас будет создан новый сайт. Теперь нужно проверить, создалась ли у нас такая сетка. Для этого переходим в "Шаблон", отключаем отображение точек остановки и включаем отображение направляющих. Как только это мы сделали, появляется сетка, с которой в дальнейшем мы будем работать.

      О том, какие преимущества несет сетка, вы узнаете позже. Рассмотрим еще такое понятие, как типовые сетки. Под этим понятием я подразумеваю некий популярный для новичков набор столбцов.

    Научитесь создавать и настраивать сетку для лендинга. Это базовый элемент, который резко повышает качество дизайна. К тому же это самый простой способ управлять элементами сайта.


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Понятно

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Дмитрий Жуков

    Выбрал, настроил. Про сетки уже была информация в предыдущих уроках. А вот файла с сетками - в доп. материалах нет!

    Поделиться отзывом


    Ссылка на отзыв

×