УРОКИ ВЕБ-ДИЗАЙНА САЙТА

Проверка задания 10 На уроке 15 вы получили задание: У вас должен получиться дизайн, идентичный тому, что мы уже имитировали с нашим проектом "Project-One". Мы продолжим работать в нём, а затем вы будете новые теги и селекторы применять в своём личном проекте. Сегодня мы научимся делать элементы страницы сайта "скользящими", т.е. гармонично стоящими там, где мы этого хотим, без искажения макета. 1. Флоутирование элемента Термин "флоутирование" происходит от английского глагола "float", т.е. "плыть/парить"...

Проверка задания 9 На уроке 14 вы получили задание: Вы создали проектную папку "Project-One", в которой, в свою очередь, создали две папки-раздела проекта - "resume" и "img": Переименование html-файла в редакторе Sublime Text 3: Размещение html-файла в необходимой папке, согласно заданию: Как мы видим, сверху в редакторе указан весь путь расположения нового файла - в папке "main" внутри папки "resume" проектной папки "Project-One". Также у нас есть укомплектованные тег <meta>, что гарантирует прочтение...

Проверка задания 8 На уроке 13 вы получили задание: В итоге, вы получили разнообразные варианты использования значений селекторов шрифта и цвета. На данном занятии мы научимся создавать полноформатные html-файлы, которые будут читаться в любом широко распространённом браузере одинаково. Для этого вспомним, что кроме Google Chrome мы часто используем Yandex, Internet Explorer, Mozilla Firefox, Microsoft Edge и Opera. Другие браузеры либо менее популярны, либо уже уже уходят в лета. Если мы откроем наш текущий проектный html-файл "project15...

Проверка задания 7 На уроке 12 вы получили задание: У меня получился такой результат в html-файле: На экране браузера у вас должен появиться схожий результат дизайна: У каждого получился свой дизайн, но основные принципы построения у всех сходятся, т.к. вы пользовались одними и тем же тегами и селекторами при одном плане работы. Как вы видите, я использовал принцип разбития контента не просто на два блока, а отдалив их друг от друга, чтобы контент каждого внутреннего контейнера объединялся, но не сливался в единый текст...

Проверка задания 6 На уроке 11 вы получили задание: У меня получился такой результат в html-файле: На экране браузера у вас должен появиться схожий результат дизайна: Как вы видите, у меня вторые блоки в парах, например, прижались к первым в контейнерах. Это можно легко поправить, или изменить, увеличив значение селектора left во вторых блоках <p> пар c 250 пикселей, например, на 270 пикселей. Тогда получится уже красивее: Также попробуйте сузить экран вашего браузера, и вы заметите, что внутренние контейнеры сохранили свои размеры, а вот общий контейнер "поплыл" вслед за вашим браузером...