Jump to content
  • Sign in to follow this  

    Использование сетки сайта

       (5 reviews)

    Евгений Зубов
    • 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; Средняя сложность display: none;
      1. Выберите сетку для своего лендинга
      2. Настройте сетку для нужных страниц

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

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

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

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

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

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

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


      Report Занятие
    Sign in to follow this  


    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest

    Genka

    +

    Share this review


    Link to review
    Дмитрий Жуков

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

    Share this review


    Link to review

×
×
  • Create New...