За последние 24 часа нас посетили 18309 программистов и 1601 робот. Сейчас ищут 1205 программистов ...

Какой алгоритм действий при верстке?

Тема в разделе "HTML и CSS", создана пользователем allone11, 3 июл 2024.

  1. allone11

    allone11 Активный пользователь

    С нами с:
    21 фев 2012
    Сообщения:
    10
    Симпатии:
    0
    Здравствуйте.

    Только начинаю. Изучил HTML, CSS, немного JS.

    Хочу научится верстке сайтов. Не знаю, как подступиться. Помогите разобраться.

    Какой алгоритм действий при верстке?
    Например у меня есть шаблон в фигме https://www.figma.com/design/XYNCnq...(Community)?node-id=19-2&t=vklN0q2huJbb2h5T-0
    Дальше какие шаги?

    1) Мне надо понять какие создать divконтейнеры и примерно визуально поделить макет на эти контейнеры?
    2) А потом создавать эти контейнеры манипулируя свойствами каждого этого блочного элемента?
    3) И при этом манипулировать z-индексами контейнеров чтобы накладывать их друг на друга?
    4) Дальше нужно для этих контейнеров задать как они должны себя вести при разных разрешениях (медиа-запросах)?
     
  2. allone11

    allone11 Активный пользователь

    С нами с:
    21 фев 2012
    Сообщения:
    10
    Симпатии:
    0
    5) Если проверять верстку после другого верстальщика как отличить нормальную верстку от кривой?
     
  3. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.208
    Симпатии:
    185
    Вот я поделил на блоки.
    555.png
    Забудь про вёрстку сетки, с помощью позиционирования. Для сетки обычно используют флексы.