Главная страница

Отчет по учебной практике верстка сайтов. Практика отчет 1. Отчет по Учебной практике Студентка гр. 427 Ханафиева З. А. Проверил Устименко Н. Ф


Скачать 5.87 Mb.
НазваниеОтчет по Учебной практике Студентка гр. 427 Ханафиева З. А. Проверил Устименко Н. Ф
АнкорОтчет по учебной практике верстка сайтов
Дата21.04.2023
Размер5.87 Mb.
Формат файлаdocx
Имя файлаПрактика отчет 1.docx
ТипОтчет
#1080167

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ ПО РТ

Государственное автономное профессиональное образовательное учреждение

«Нижнекамский индустриальный техникум»

ОТЧЕТ

по Учебной практике

Выполнила:

Студентка гр.427

Ханафиева З.А.

Проверил:

Устименко Н.Ф.


г.Нижнекамск, 2022

Задание:

  1. Установить обновления на ОС.

  2. Установить ПО:

- Visual Code + плагин (Emmet);

- Zeal + библиотеки (html, css, js).

  1. Подключить учетную запись github к VSCode.

  2. Создать репозиторий и клонировать для размещения файлов верстки.

  3. Создать структуру папок и файлов для верстки.


Задание 1. Установила обновления на ОС, показано на рис.1.


Рис.1. Обновление ОС
Задание 2. Установила ПО Visual Code и добавила плагин Emmet, показано на рис.2.


Рис.2. Установил ПО и загрузил плагин Еmmet
Задание 2. Установила ПО Zeal и добавила библиотеку (html, css, js), показано на рис.3.


Рис.3. Установка ПО Zeal и добавление библиотек
Задание 3. Подключила учетную запись GitHub к VSCode показано на рис.4.


Рис.4. Подключение учётной записи GitHub к VSCode
Задание.4. После создала репозиторий и клонировала для размещения файлов верстки, показано на рис.5 и рис.6.


Рис.5. Создание репозитория


Рис.6. Клонирование в VS Code

Задание 5. Создала структуру папок и файлов для верстки показано на рисунках 7,8.


Рис.7. Главная папка


Рис.8. Папка assets

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

Задание:

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

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

3. Верстка одинаковых секций. – 16.03

4. Верстка макета (23 секции) – 17.03

5. Верстка модальных форм в отдельных файлах (11 форм)

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

7. Загрузка готовой верстки на GitHub. – 21.03
Задание 1. Выгрузила изображения из макета сайта Figma. Установила шрифты для создания сайта и прописала код для установки шрифтов используя @font-face.
Задание 2. Мною была создана верстка сайта (рис. 9), аналогичным образом были сделаны другие секции.


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


Рис. 10. Код сайта 23 секции
Задание 5. Сделала верстку модельных форм и аналогичным образом написала код используя html и style.css.
Задание 7. Загрузила код в репозиторий на Github.

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

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


Рис. 11. Репозиторий с кодом сайта
Тема: верстка макета сайта

Задание:

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

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

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

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

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

  6. Загрузка готовой верстки на GitHub. – 23.03


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


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


Рис. 13. Код макета сайта
Задание 5. Загрузила код в репозиторий на Github.

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

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


Рис. 14. Репозиторий в Github

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

Цель: научиться верстать макет сайта на HTML5, CSS3

Задание:

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

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

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

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

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

        6. Загрузка готовой верстки на GitHub. – 28.03


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


Рис.15. Верстка сайта.
Задание 3. Прописала код для сайта.


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

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

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


Рис. 17. Репозиторий сайта

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

Цель: научиться верстать макет сайта на HTML5, CSS3

Задание:

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

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

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

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

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

  6. Загрузка готовой верстки на GitHub. – 30.03


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


Рис. 18. Верстка сайта
Задание 3. Прописала код для сайта.


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

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

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



Рис. 20. Репозиторий сайта


написать администратору сайта