Урок 48. Добавление логотипа и контактов. Верстка реального сайта. HTML И CSS

Автор Maksim Inshakov
Урок 48. Добавление логотипа и контактов. Верстка реального сайта. HTML И CSS

когда на уроке мы сами добавить логотип вот этот на страницу и добавим контакты.

Все уже говорил, что у нас будет — это обычный блок который находится таблица состоящая из одной строки и двух столбцов и рачейке будет на свет логотип обычная картинка 2 — будет — это вот этот текст я там тоже с помощью стилей как-нибудь разукрашка на совпадало с дизайном так приступаем ещё блок намечаем структурой начала просто. Таблица вот так добавляем 1 чайку тут картинку и же сердце у нас данных называется лога. высокая помню да..

Ну, а если доказываем тоже логотипа 2 ячейки мы сами сделаем два абзаца.

Спишите в первом портере Edition информация так пишем info.com какой у нас есть такая штука получилась с вами всё сделать красиво на свет был во-первых на всю ширину вас был данная часть. Да вот при этом, что у нас ещё — это вот серого цвета зелёного цвета так пишешь значит ты зачем сделал таблицу шириной 100% так вот таблица сегодня 100% фильмы с вами тут часть чтобы она сравнялась по правому краю по левому краю грудины по правому краю для этого мы избавляем Clash Royale через селектор класса. Просто пишем тексты line отправить. Так теперь можно с вами эти выступы которые большие параграфов. ТГП убрать вообще. Клятва Logan marginal вот теперь можно сделать с вами эти вот элементы. Можно нам цвета первый элемент допустим Class Grey серый до 2 у нас пусть будет класс грин-де сможет сами пишем непосредственно для наших секторов класса что-то в моём цвет на, что нужно дать цвет можно узнать с помощью инструмент пипетка в. Фотошопе непосредственно выделяем нужно элементе каким приближается к нему и пипеткой узнаём цвет начну сюда вот — это вот данный цвет так то же самое со вторым текстом со вторым абзацем аккуратно тыкаем и копируем свет светит прямо выбирая нужные Pixel по теме посуда клейкую мышкой вот этот копирует просто очень удобно. Всё сделано так ещё у нас есть можно видеть вас какой тоже такой же или начертание виднеется фотосфера такого нету только зелёного присутствует поэтому я ставлю сразу был так вот примерно так так вот этот у нас часть Toyota Ceres написано перекусила поэтому её сразу же вот сюда вот нас данные стиля относятся вот к этому этому просто тут пишем font-style italic. Вот так — это по поводу шрифтом для этого мы выбираем инструмент. Тойота 324 меньше — это всё-таки так вот я текст 10 + 96 рифты. Ариэль такой фикусами пишет для всего тела непосредственно в ходе вдруг нас будет мой пишут запасный шрифты тут уже на ваше усмотрение — это уже всё анимация 15 пунктов хотя у нас так является по умолчанию на таких гномов. Она получила написать так так вот, что сразу убираем отступы от границ экрана вот сейчас постоянно по этим данным значит виду, что у нас имеется. Ну такие вот поля до этих сторон причём. Значит мы будем их поставить для этого мы увеличиваем все эти поля. Вот здесь мы с вами линейкой убираем стоимость линейку. Извини меня ответим в данной версии камтазии. Студио которая запись уроков Photoshop работать неадекватно вот в принципе таких случаях вот ну вообще-то с помощью линейки померяйте и вот сама Photoshop просто в этом тянет и ведут вас будет цифрики. Вот эту часть и смотрите вот ну у меня сожалению возможности нету поэтому я буду разбирать в полете мне картинку в Paint спокойненько буду измерять 1 5 дней какую-нибудь начинает тянуть до края 50. Вижу у нас вот один пиксель 12 линия мы сами станем здесь слева способ 4155 разберем — это писать сверху справа снизу и слева потом может ещё. Уменьши мне надо так здесь у нас сейчас я толщину пусть будет 20 пикселей то есть верх у нас 20 ксероксов справа 40 пикселей пессимизм нет 2125 может быть. Ну вот видишь так получилось что-то. Может чуть уменьшить отступ от боли не будет. Внимание всем подряд выбираем через фаербаг так можно поставить. Пусть будет так пока, что справа поставим есть пока вообще ничего не видно убирать мне больно красиво значение хотя в принципе. Вы можете оставить те которые находятся в шаблоне. Просто иногда очень некрасиво как-то вот ну — это говорится ужас творится на свой вкус. Вот и заказчик потребовал чуть. Уменьшить отступ — это без проблем. Это легко сделать очень быстро сделать на свой вкус размеры которые должны быть в самом дизайн изначально запланированный я обычно смотрю значение там такие же выставляю потом немножко корректирует оптимальными купить. Всё мы сами сделали логотип добавили добавили контакты мы вам задали отступ и теперь нам будет для всех остальных элементов должен принимать участие все элементы будут нас уже такое выровненный аккуратно — это то, что мы хотели с вами сделать задание размер шрифта и всё сделали. Всё хорошо получилось по скорой встречи.

0 комментариев
0

Читайте также