Файл: Верстка макета сайта.docx

ВУЗ: Не указан

Категория: Отчет по практике

Дисциплина: Не указана

Добавлен: 12.12.2023

Просмотров: 67

Скачиваний: 3

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

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

Задание:

  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. Репозиторий

Задание:

  1. Выгрузка изображений.

  2. Установка шрифта.

  3. Верстка 1 секции. – 13.04

  4. Верстка макета (10 секции)

  5. Подготовка отчета о проделанной работе.

  6. Загрузка готовой верстки на 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. Репозиторий