Верстка сайта по макету by Ксения Багина https://padlet.com/ksufffon4ik/ol616h0b6ntr Пошаговая демонстрация верстки сайта en-us 2016-11-01 11:21:09 UTC 2024-06-05 08:08:42 UTC hello@padlet.com Шаг 1 Разбиваем страницу на блоки ksufffon4ik https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428104 2016-11-01 11:24:56 UTC https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428104 Шаг 2 - определяем названия блоков ksufffon4ik https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428251 menu, blok1, blok2, blok3 , text_box,  blok4, content, bloks: ]]> 2016-11-01 11:25:32 UTC https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428251 Шаг 4 - Добавляем контент на сайт ksufffon4ik https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428489 Контент - содержимое (текст, картинки, ссылки и т.п.)]]> 2016-11-01 11:26:37 UTC https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428489 Шаг 5 - Определяем CSS-стили для расположения блоков ksufffon4ik https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428735 1.     блокам content, text_box, menu, bloksустанавливаем масштаб 100% . Свойство width
2.     блокам blok1, blok2, blok3, blok4 рассчитываем и устанавливаем масштаб
Этим же блокам задаем выравнивание по левому краю. Свойство float: left
Выравниваем блоки по центру. Свойство text-align 
]]> 2016-11-01 11:27:40 UTC https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428735 Шаг 6 - Добавляем стили для элементов ksufffon4ik https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428867 1.     изображения: добавляем внешние отступы со всех сторон по 10 пикселей. Свойство margin
2.     заголовок h2: 
o   выравниваем текст по центру. Свойство text-align
o   увеличиваем размер шрифта до 24 пунктов. Свойствоfont-size
o   изменяем гарнитуру шрифта на Georgia. Свойствоfont-family
3.     Текст под заголовком: 
o   выравниваем по центру
o   изменяем гарнитуру шрифта на Georgia
4.     Меню: 
o   выравниваем по центру 
o   добавляем внешние отступы по 30 пикселей со всех сторон
5.     элемент меню (li):
o    устанавливаем фоновую заливку цвета #1bbc9b. Свойство background-color
o   преобразовываем вертикальный список в горизонтальный. Свойство display: inline
o    добавляем внутренние границы по 5 пикселей для увеличения размеров кнопок. Свойство padding
o   закрашиваем текст белым цветом. Свойство color
o   добавим внешние отступы для каждого элемента по 10 пикселей. 
]]> 2016-11-01 11:28:19 UTC https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134428867 Шаг 3 - Определяем структуру html-страницы ksufffon4ik https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134429994 2016-11-01 11:34:11 UTC https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134429994 Макет ksufffon4ik https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134431265 исходный макет для верстки]]> 2016-11-01 11:40:07 UTC https://padlet.com/ksufffon4ik/ol616h0b6ntr/wish/134431265