Программирование с нуля с чего начать? Web разработка Урок 33 Image Gallery Задание

Автор Andrei Golubev
Программирование с нуля   с чего начать? Web разработка  Урок 33 Image Gallery Задание

Ну, что же пришло время подвести итог изучение CSS мы закончим раздел с контрольным заданиям которое я хочу вам дать.

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

А при помощи сес также здесь в дате расстояние между буквами.

Немного больше чем в обычном тексте вам нужно — это сделать тоже сердце и внизу вот — это вот линия серая тоника цемент HR который пишется вот таким вот образом я хочу чтобы вы нашли информацию о стерилизации этого элемента в интернете как я уже говорил очень большое значение для разработчика имеет умение находить информацию в интернете самостоятельно в том числе и на английском языке. Ну конечно и на русском языке тоже очень много источников. Я хочу ещё сказать вам чтобы вы обратили внимание на цветовую гамму сайт. Как вы видите она не очень быстро у меня когда вы создаете дизайн вашего сайта. Старайтесь использовать использовать света по минимуму. Используйте один цвет плюс его там несколько тонов в идеале. Поэтому вот здесь вот тут вот в цвет Date цвет вертикально левой полосы и цвет. Вот — это горизонтальные полосы он одного цвета этот свет я подобрал при помощи инструмента Color. Как вы помните. Вот — это пипетка когда вот этот цвет. Вот — это синей части в этом изображении у. Вас могут быть ваши изображения у вас может быть вашей. Я скачал эти изображения в интернете с сайта pixabay где размещаются бесплатные изображения различны. Вы тоже можете найти различные источники. Где можно скачать бесплатно изображение на свою тематику необязательно делать все вот эти элемента. Такого же цвета но. Старайтесь 1 свет. Во всех этих элементах в тексте явлениях также. Я использовал здесь шрифт этот шрифт как вы видите семейства sans-serif. То есть он без засечек. Вы можете выбрать самостоятельно какой-нибудь шрифт при выборе шрифта тоже нужно использовать как можно меньше шрифтов на вашем сайте желательно один — это тоже момент веб-дизайна я на этом подробно останавливаясь в моём конкурсе веб-дизайн с нуля до профессионала. Ну, а здесь я просто даю вам такие советы по тому как лучше дизайн вашего сайта то есть при выборе шрифтов также как и при выборе цветов нужно пользоваться правилом минимализма. Чем меньше тем лучше я желаю вам успехов при выполнении этого задания. Ну конечно же если у вас не получится ни роста мы всё подробно разберем следующем видео.

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

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