СОДЕРЖАНИЕ

	стр.
Верстка макета Calm	3
Верстка макета Coffee Mugs	5
Верстка макета Cargo	7

1. 
   Приступил к подготовке к демонстрационному экзамену.
   
2. 
   Начал верстку первого макета. Изначально установил шрифт и все изображения на рис. 1.
   

Рис. 1 – Установленный шрифт и выгруженные изображения

3. 
   Создал репозиторий, клонировал его аналогично первому макету, первая секция макета на рис. 2.
   

Рис. 2 – Первая секция макета Calm

4. 
   Оставшиеся секции сверстал аналогично. На рисунке 3 приведена часть оставшихся секций.
   

Рис. 3 – Остальные секции

5. 
   На рисунке 4 представлена часть html кода, на котором создан класс секции News, добавлены тексты, изображения, ссылка для перехода на другую страницу. Остальные секции были сверстаны аналогичным образом.
   

Рис. 4 – Код HTML

6. 
   На рисунке 5 представлен участок кода, для секции news, на котором назначены свойства для текста, их отступы, свойства при наведении.
   

Рис. 5 –CSS код

7. 
   Загрузил код верстки на сайт GitHub по ссылке: https://github.com/Wolfids. Макет загружен по ссылке: https://github.com/Wolfids/Calm
   
8. 
   Приступил к верстке второго макета. Изначально установил шрифт и все изображения как на рис. 6.
   

---

Рис. 6 – Установленный шрифт и выгруженные изображения

9. 
   Создал репозиторий, клонировал его аналогично первому макету. Первая секция на рис. 7.
   

Рис. 7 – Первая секция макета Coffee Mugs

10. 
    Оставшиеся секции сверстал аналогично. На рисунке 8 приведена часть оставшихся секций.
    

Рис. 8 – Оставшиеся секции

11. 
    На рисунке 9 представлена часть html кода, на котором создан класс секции News, добавлены тексты, изображения, ссылка для перехода на другую страницу. Остальные секции были сверстаны аналогичным образом.
    

Рис. 9 – Код HTML

12. 
    На рисунке 10 представлен участок кода, для секции news, на котором назначены свойства для текста, их отступы, свойства при наведении.
    

Рис. 10 – CSS код

13. 
    Загрузил код верстки на сайт GitHub по ссылке: https://github.com/Wolfids. Макет загружен по ссылке: https://github.com/Wolfids/CoffeStyle
    
14. 
    Приступил к верстке третьего макета. Изначально установил шрифт и все изображения как на рис. 11.
    

Рис. 11 – Установленный шрифт и выгруженные изображения

15. 
    Создал репозиторий, клонировал его аналогично первому макету. Первая секция макета рис. 12.
    

Рис. 12 – Первая секция макета Cargo

16. 
    Оставшиеся секции сверстал аналогично. На рисунке 13 приведена часть оставшихся секций.
    

Рис. 13 – Оставшиеся секции

17. 
    На рисунке 14 представлена часть html кода, на котором создан класс секции we, добавлены тексты, изображения, ссылка для перехода на другую страницу. Остальные секции были сверстаны аналогичным образом.
    

---

Рис. 14 – Код HTML

18. 
    На рисунке 15 представлен участок кода, для секции we, на котором назначены свойства для текста, их отступы, свойства при наведении.
    

Рис. 15 – CSS код

19. 
    Загрузил код верстки на сайт GitHub по ссылке: https://github.com/Wolfids. Макет загружен по ссылке: https://github.com/Wolfids/Cargo
    

---

Смотрите также файлы

• Пример решения проблемных задач Выполнил студент вшэниГ, группа 111205.pptx

• Теоретические основы методов обучения понятие о методах обучения классификация методов обучения.docx

• Квалифицируйте действия указанных лиц.docx

• Дисциплина Групповое консультирование и ведение терапевтической группы.docx

• Умный город Копенгаген Инфраструктура для велосипедистов.pptx