Page 192 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

Теперь я могу включить направляющие и добавить новую направляющую на расстоянии 100
пикселей от зеленой полоски. Тут будет начинаться контент моей страницы.

Все так просто. Теперь шаблон новой страницы готов к наполнению. Мы займемся этим

через пару минут.

Во-первых, я разрабатываю образец сообщения блога в разделе с основным контентом. Мне
Шаг 2
необходимо будет использовать 8 колонок от левого края, так что у меня остается еще 4
колонки для сайдбара и пробела с правой стороны.

Я нарисовал прямоугольник для того, чтобы отметить сообщение блога и добавил пробел в
50 пикселей под ним.

Я использую прямоугольник в качестве заглушки для фотографии сообщения, используя

clipping mask. Далее я добавляю заголовок сообщения (Heading 2), образец отрывка
параграфа и кнопку “Continue Reading”. Я использую пробел в 50 пикселей перед и после
параграфа и затем 100 пикселей сразу после кнопки, чтобы добавить направляющую в том
месте, где должно начаться сообщение.

Основы Web-Дизайна. Руководство. Перевод от Samigg для клуба Skladchik.com 191

www.trk.kg