Лаба ВЕБ №2. Лабораторная работа 2 по дисциплине Вебпрограммирование Тема Сверстать дизайнмакет приложения с применением Twitter Bootstrap Выполнил студент группы мо322
Единственный в мире Музей Смайликов  Самая яркая достопримечательность Крыма |  Скачать 0.61 Mb.
|
Подборка по базе: Курсовая работа физиология.docx, Практическая работа химия.docx, Практическая работа №3 Сутулова Т.Н..doc, Павлова_Конкурсная работа.docx, Курсовая работа 2.docx, самостоятельная работа по теме 1.1 Философия как наука, ее осовн, 2023.Практическая работа №1 Тема_ «Особенности содержания обновл, Расчетно-графическая работа по финансовой математике.doc, Итоговая работа-ИКТ, часть1.docx, Готовая работа.docx Министерство образования и науки Российской Федерации Федеральное государственное бюджетное образовательное учреждение Высшего профессионального образования Уфимский университет науки и технологий Кафедра вычислительной математики и кибернетики Лабораторная работа №2по дисциплине «Веб-программирование» Тема «Сверстать дизайн-макет приложения с применением Twitter Bootstrap» Выполнил студент группы МО-322 Салихов А.Р. Проверила доцент кафедры ВМиК Воробьева Г. Р. Уфа 2023 Краткая теория о бутстрапе: Бутстрап – свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографии, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая js- расширения. Бутстрап использует современные наработки html и css. Описание хода работы: 1.Подготовили файлы к вёрстке В каталоге создали: новый файл – index.html; папку css, в которой будет храниться файл style.css; папку img, в которой будут храниться изображения и иконки. 2. Подключили Bootstrap 5 через CDN 3. Ход работы Макет веб-сайта  Тег можно добавить иконку, отображаемую вместе с названием на вкладке в браузере. <body >…body> В данном теге хранится содержание веб-страницы (контента), отображаемого в браузере. Шапка страницы Первым, что необходимо сделать, является шапка страницы. Для этого существует тег Вставляем в шапку картинку из папки img в качестве названия сайта, указываем фразу, отображающуюся вместо картинки, если она не сможет прогрузиться, размер и класс.  Класс nav представляет собой панель навигации, nav-link – кнопка с ссылкой, link-dark – цвет ссылки.
|
