Йдемо далі. Спочатку ми зробимо вертикальну розмітку і поставимо перші напрямні. Беремо інструмент переміщення, затискаємо тут, на вертикальній лінійці, і переносимо перші напрямні на 128 пікселів. Зараз ми ставимо направляючу на ширину макета. Стандартна ширина монітора 1024 пікселів, ми як раз їх і відзначаємо.
Друга напрямна у нас буде на 1152 пікселів. Ось сюди.
Наступна напрямна буде у нас буде розмежовувати контент, ширину контенту. Він у нас буде трохи менше, ніж сам макет. І перша напрямна у нас тут буде на 160 пікселів, друга напрямна на 1116 пікселів. Відмінно. Ось ми з розміткою і приступаємо до горизонтальної.
Перше, що ми зробимо - це розмітимо наш логотип. Він у нас буде заввишки 45 пікселів. Ставимо ось сюди напрямну. Наступне. Ми відзначимо область, на якій у нас вся композиція. Вона у нас буде починатися на висоті 295 пікселів. Так, приблизно тут. Так цілком вірно. І друга напрямна буде на 485 пікселів, десь тут. Ось сюди. Відмінно. Тепер ми відзначимо наше меню. Перша напрямна у нас буде на 500 пікселів, друга на 550.
Відмінно. Далі ми відзначимо, так звані хлібні крихти наші. Перша напрямна на 570 пікселів, друга на 605.
І нам залишилося поставити останню направляючу, яка позначить наш підвал. Перебувати вона буде на відстані 1290 пікселів. Так, відмінно, з розміткою ми закінчили.
Тепер ми створимо папки для нашої графіки, щоб нам було зручніше працювати а потім, якщо ви будете верстати даний дизайн, потім буде набагато легше його зверстати. Отже, створюємо нову папку. Натискаємо на кнопку «створити нову групу» і даємо їй назву «підвал». Точно також створюємо ще папки і даємо їм назви контент, наступна «шапка». Тепер в шапці у нас буде ще три окремі папки: логотип, меню і композиція. Давайте їх створимо. Тепер з'єднуємо всі верхні папки і переносимо в папку «шапка». Зараз у нас вийшло деревоподібна структура і в шапці знаходиться три папки: композиція, меню і логотип.
На цьому даний урок закінчимо, а в наступному вже розробимо логотип, почнемо роботу над композицією.
