Page 179 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

Заметьте, как все отлично выровнено в соответствии с вертикальными и горизонтальными
направляющими.

Вы можете заметить, что последняя строчка данной секции является ссылкой на read more. Я
создал новый стиль “Character Style” с зеленым цветом (основной цвет) и подчеркнутым
текстом. Я буду использовать его для того, чтобы показать ссылки.

Я готов перейти к следующему разделу, который является моим портфолио. Давайте
Шаг 5
добавим заголовок, добавим белый цвет заднего фона и распланируем пробелы:

И снова, вы можете видеть 100 пикселей над заголовком и 100 пикселей под заголовком.

Я применю по назначению решетчатую структуру в данном шаге. Я хочу показать 8
миниатюр моих проектов, так что я планирую использовать две строки по 4 проекта. Чтобы
начать, я использую прямоугольники с некоторыми стилями, я использую border 1 пиксель и
очень светлый цвет для заднего фона.

Шириной является три
маленьких колонки

моей сетки в 12
столбцов. Я умножил
ширину на 0,75, так что
у моих миниатюр

используется

соотношение 4:3..

Пробелы между
проектами одинаковы
и по горизонтали и по
вертикали. Это

значение так же
совпадает с величиной
пробелов между 178
колонками.

www.trk.kg