МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ ПО РТГосударственное автономное профессиональное образовательное учреждение«Нижнекамский индустриальный техникум»ОТЧЕТпо Учебной практикеВыполнила:Студентка гр.427Ханафиева З.А.Проверил:Устименко Н.Ф.г.Нижнекамск, 2022Задание:

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

- Visual Code + плагин (Emmet);- Zeal + библиотеки (html, css, js).

3. 
   Подключить учетную запись github к VSCode.
   
4. 
   Создать репозиторий и клонировать для размещения файлов верстки.
   
5. 
   Создать структуру папок и файлов для верстки.
   

Задание 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.033. Верстка одинаковых секций. – 16.034. Верстка макета (23 секции) – 17.035. Верстка модальных форм в отдельных файлах (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. Репозиторий сайта

---

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

• Научноисследовательская работа (получение первичных навыков научноисследовательской работы) 3.pdf

• Эмоциональноволевая характеристика Василиса 4,5 года.docx

• Гимнастиканы 9 трі жне оларды сипаттамасы жоспар.docx

• Электрооборудование лесопильного цеха по мдк 01. 02дисциплине пм. 01.docx

• Автоматизация информационного процесса.docx