Практика. Часть 12. Верстаем блок «Экскурсия» | Курс Веб разработчик Академия верстки

Автор Filip Sergienko
Практика. Часть 12. Верстаем блок «Экскурсия» | Курс Веб разработчик  Академия верстки

Привет.

На связи. Артем Исламов это. Академия верстки вы сейчас находитесь в плейлисте который называется web-разработчик 10 поток — это записи нашего закрытого курса мы их бесплатно в YouTube, но мы не выложили домашнее задание и дипломный проект от этого курса для того чтобы получить полный доступ ко всем домашним дипломом и так далее.

Вам необходимо перейти по ссылке в описании или вот там справа в углу будет значок информации.

Вы можете кинуть туда и перейти по ссылке, а затем вы оплачиваете полный доступ ко всем домашку дипломным проектом указывайте свою почту после этого получаете доступ полностью к записям курсы веб разработчик 1000 со всеми модулями со всеми заданиями дополнительными заданиями со всеми видео уроками которые здесь есть как мы обычно прикрепляем к каждому нашему уроку и дополнительные документы дополнительные материалы макеты дополнительные ссылки. Поэтому если вы хотите получить полный доступ ко всем записям и не ждать пока они выйдут на ютуби. Вы можете перейти по ссылке в описании и оплатить. Приятного просмотра этого урока. До скорой встречи. Всем привет. С вами. Артём Исламов мы продолжим практиковаться в верстке осталось у нас не так много мы уже сверстать блок с материалами сейчас у нас на подходе блок который называется посмотрите как мы работаем призывом посетить один из объектов для того чтобы проверить качество работы всё, что нам нужно отсюда сделать — это скачать по факту фоновые изображения назовем этот объект тур тур сохраним и по факту этот блок если заметите очень сильно напоминает блок который был на самом первом экране блок с первым экраном по факту заголовок текст и форма очень по крайней мере очень напоминают и поэтому мы можем просто воспользоваться готовым участком кода и просто заново продублировать в форму и настроить её от нас и так изо не скачалась. Открой мне доктор кодом здесь у нас есть блоки которые уже давным-давно. Северстали сейчас пока не нас не интересует кроме блока Main в блоке Main нас очень много инфо которые нам сейчас может пригодиться и так вот блок с материалами дальше после блока с материалами у нас идёт секция которая называется тур внутри опять же контейнеров одна из тех секций где нет section header. Так у нас есть Room в котором хранится сохранилась информация из шапки здесь Main Content возьмём контент и просто попробуем продублировать сюда. Это один из самых простых вариантов которые мы рассматриваем на самом деле можно заморочиться и заново всё — это оформить но. Давайте немного проще для того чтобы немножко ускориться потому, что у нас ещё есть кое-какая информация которая нужна будет усвоить на именно на этом проекте поэтому я хочу заострить. Ваше внимание на другом эти чисто механически мы выполним Tour хэтчбек и сейчас попробую открыть наш блог. Да всё получилось здесь есть форма есть текст и. Наша задача просто этот текст под этот блок конкретно то есть посмотрите как мы работаем давайте сейчас для этого блока после блока материала у нас ведет блог посмотрите как мы работаем и сюда мы просто ставим DJ или можно сделать. Блюз когда мы ставим сюда и здесь у нас будет AMG центр проверяем результат не получилось что-то у нас пошла здесь не так потому, что мы не запустили. Тогда пускай полу перед сохраняет документ сейчас должно произойти изменения здесь вот отлично изменение произошло. Но картинка ставилась не так как нам надо давайте сделаем на. Гранд хайс. Попробуй выставить коплю на этого макета очень сильно отличается от того, что у нас на экране, но в принципе я думаю — это не критично так понятно, что — это штукатурка и понятно, что здесь находится персонаж. Давай поменяем текстом нас Photoshop. Вот он у нас Photoshop берём. Вот этот текст посмотрите как мы работаем здесь вместо этого можно поставить. Вот так посмотрите как мы работаем. И здесь просто где идеально ровные стены где, мы просто вставим условия есть виде двух. ТГП можно сделать каток или просто. Вставить сюда один текст затем вместо этого вставить вторую текст посмотрим насколько — это оправдан да неплохо только нужно поменять будет размер размер. Мы менять будем очень аккуратно добавил просто камень ситал подзаголовок в. Турцию поеду чтобы не сбивать которые у нас уже были, так и в. Турции ну мы просто добавим и т.п., там font-size на пример 14 м вряд ли там такой маленький. Да скорее всего где-то очень ждём 22 вот и можно ограничить ширину этого заголовка одну колонку брать то есть у нас есть klgd6 можно сделать LG G5 здесь у нас LG сет сделаем один так наоборот даже три получается и всё должно остаться на месте да этом тексте несется всё отлично. В принципе я считаю, что — это нормально. Это соответствует потому, что у нас здесь есть внешние текст может переноситься на разные строчки — это нормально потому, что текст может меняться даже самим заказчиком ничего страшного нет, но в целом мы передали суть этого блока теперь. Наша задача сверстать следующий блок и блок контакты мы оставим на следующий урок перед здесь в этом блоге вас есть просто фон он у нас выглядит как magicolor я так понимаю. Нет этот блок немножко цвету отличается всё-таки от нашего основного цвета можно сделать туркалов отруби g2g возвращаемся к нашим переменам до всё-таки нигде не вижу такого цвета поэтому добавляем Турции.

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

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