отчет по практике верстка сайтов. Практика отчет 2. Верстка макета сайта

• Название: Верстка макета сайта
• Анкор: отчет по практике верстка сайтов
• Дата: 21.04.2023
• Размер: 3.52 Mb.
• Имя файла: Практика отчет 2.docx
• Тип: Отчет; #1080188

Тема: верстка макета сайта

Задание:

1. 
   Выгрузка изображений.
   
2. 
   Установка шрифта.
   
3. 
   Верстка 1 секции. – 04.04
   
4. 
   Верстка макета (9 секции)
   
5. 
   Подготовка отчета о проделанной работе.
   
6. 
   Загрузка готовой верстки на GitHub. – 05.04
   

Задание 1. Выгрузила изображения из макета сайта Calm. Установила шрифты для создания сайта и прописала код для установки шрифтов используя @font-face.
Задание 2. Мною была создана верстка 1 секции и аналогичным образом были созданы другие секции.


Рис. 1. Верстка секции
Задание 3. Написала код для сайта.


Рис. 2. Код сайта
Задание 4. Загрузила код в репозиторий на GitHub.

Ссылка на репозиторий: https://github.com/Zarina1305/Calm-main.

Ссылка на сайт: https://zarina1305.github.io/Calm-main/.


Рис. 3. Репозиторий с кодом сайта

Задание:

1. 
   Выгрузка изображений.
   
2. 
   Установка шрифта.
   
3. 
   Верстка 1 секции. – 06.04
   
4. 
   Верстка макета (9 секции)
   
5. 
   Подготовка отчета о проделанной работе.
   
6. 
   Загрузка готовой верстки на GitHub. – 07.04
   

Задание 1. Выгрузила изображения из макета сайта CoffeeStyle. Установила шрифты для создания сайта и прописала код для установки шрифтов используя @font-face.
Задание 2. Мною была создана верстка 1 секции и аналогичным образом были созданы другие секции.


Рис. 4. Верстка макета сайта
Задание 3. Написала код для сайта.


Рис. 5. Код макета сайта
Задание 4. Загрузила сайта на GitHub.

Ссылка на репозиторий: https://github.com/Zarina1305/CoffeeStyle.

Ссылка на сайт: https://zarina1305.github.io/CoffeeStyle/.


Рис. 6. Репозиторий

Задание:

1. 
   Выгрузка изображений.
   
2. 
   Установка шрифта.
   
3. 
   Верстка 1 секции. – 11.04
   
4. 
   Верстка макета (9 секции)
   
5. 
   Подготовка отчета о проделанной работе.
   
6. 
   Загрузка готовой верстки на GitHub. – 12.04
   

Задание 1. Выгрузила изображения из макета сайта Calm. Установила шрифты для создания сайта и прописала код для установки шрифтов используя @font-face.
Задание 2. Мною была создана верстка 1 секции и аналогичным образом были созданы другие секции.


Рис. 7. Верстка секций
Задание 3. Написала код для макета сайта.


Рис. 8. Код сайта
Задание 4. Загрузила сайта на GitHub.

Ссылка на репозиторий: https://github.com/Zarina1305/cargo.

Ссылка на сайт: https://zarina1305.github.io/cargo/.


Рис. 9. Репозиторий

Задание:

7. 
   Выгрузка изображений.
   
8. 
   Установка шрифта.
   
9. 
   Верстка 1 секции. – 13.04
   
10. 
    Верстка макета (10 секции)
    
11. 
    Подготовка отчета о проделанной работе.
    
12. 
    Загрузка готовой верстки на GitHub. – 14.04
    

Задание 1. Выгрузила изображения из макета сайта VolfStream. Установила шрифты для создания сайта и прописала код для установки шрифтов используя @font-face.
Задание 2. Мною была создана верстка 1 секции и аналогичным образом были созданы другие секции.


Рис. 10. Верстка секций

Задание 3. Написала код для макета сайта.


Рис.11. Код сайта
Задание 4. Загрузила сайта на GitHub.

Ссылка на репозиторий: https://github.com/Zarina1305/Voltstream-Sait.

Ссылка на сайт: https://zarina1305.github.io/Voltstream-Sait/.


Рис. 12. Репозиторий

Задание:

1. 
   Выгрузка изображений.
   
2. 
   Установка шрифта.
   
3. 
   Верстка 1 страницы. – 18.04
   
4. 
   Верстка 2-x страниц – 19.04
   
5. 
   Верстка оставшихся страниц – 20.04
   
6. 
   Подготовка отчета о проделанной работе.
   
7. 
   Загрузка готовой верстки на GitHub.
   
8. 
   Сдача отчета по ПМ 05 - 21.04
   

Задание 1. Выгрузила изображения из макета сайта SKY-Cloud. Установила шрифты для создания сайта и прописала код для установки шрифтов используя @font-face.
Задание 2. Мною была создана 1 страница сайта и аналогичным образом были созданы другие страницы.


Рис. 13. Макет 1 страницы

Задание 3. Написала код для страницы 1 и аналогичным образом был написан код для других страниц.


Рис. 14. Код сайта 1 страницы
Задание 4. Загрузила сайта на GitHub.

Ссылка на репозиторий: https://github.com/Zarina1305/SKYCloud.

Ссылка на сайт: https://zarina1305.github.io/SKYCloud/.


Рис. 15. Репозиторий