Верстка сайта дизайн


Верстка сайта дизайн


Верстка сайта дизайн

Верстка сайта дизайн

Верстка сайта дизайн

Верстка сайта дизайн

Верстка сайта дизайн

Верстка сайта дизайн

Верстка сайта дизайн

Вёрстка сайтов - дизайн и интерьер

Верстка сайта дизайн

Верстка сайта дизайн

Верстка сайта дизайн

Верстка сайта дизайн

Верстка дизайна сайта, уроки html и css верстки : Дизайн фото и картинки

Именно здесь привязка будет полезной, так как направляющая находится на центральной оси документа. Еще нам будут нужны направляющие на 400px и 1200px. Почему? Просто, а нам необходимо, чтобы дизайн прекрасно отображался и на экранах с разрешением 800х600px. Осталось создать горизонтальные направляющие на 450px посередине страницы и на 300px и 900px вверху и внизу. Как правило, я устанавливаю направляющие и по краям документа, чтобы было легче работать с углами. Направляющие позволяют нам получить логическую схему документа в виде сетки, на которую мы будем добавлять элементы нашего.

В веб-дизайне я часто ей пользуюсь, т.к. туда можно поместить элементы, которые больше никуда не подходят. Создайте новую группу слоев под названием «Action bar где мы нарисуем Скругленный прямоугольник (Rounded Rectangle или клавиша U). Его высота должна быть 30px, чтобы осталось 10px на нижний и верхний отступ, и он также должен быть достаточно широкий, чтобы в него вошла надпись. Поставьте значение непрозрачности (Opacity) на 55 и выровняйте правую границу по центральной направляющей. Затем создайте ссылки, подходящие для Вашего сайта. Для своего я выбрал ссылки «Вход».

Все просто: У нас достаточно рабочего пространства, чтобы упорядочить все содержимое. Видно, что Вы учитываете широкоформатные мониторы в отличие от многих веб-дизайнеров. Шаг 4 Готовим рабочее пространство Читая это руководство, Вы заметите, что я просто помешан на всяких направляющих. Мне просто нравится использовать линейки в качестве направляющих во время работы. Поэтому Вам стоит тоже включить линейки через меню «Просмотр» (View) «Линейки» (Rulers) или с помощью сочетания клавиш Ctrl/Cmd R. Убедитесь, что шкала линеек отображается в пикселях, нажав правой кнопкой мыши на линейке и выбрав в.


Верстка сайта дизайн

Верстка сайта дизайн



Дата:

Рейтинг:
30