Практическая часть Создание 3 web-странниц на тему «Соборы москвы»
При создании 3 web-странниц был загружен и записан в рабочую папку фреймворк twitter bootstrap.
Bootstrap (также известен как Twitter Bootstrap) — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.
Через
редактор Notepad++
был создан шаблон сайта с шапкой для
всех трех страниц (рис 5)
Рис.5 - Шаблон web-страницы
Следующий этап был клонирование шаблона страницы с названиями image.html и table.html
Далее начался сбор данных для заполнения страниц данными в качестве ресурса информации была выбрана сайт «википедия».
На первой web-странице была размещена информация, которая должна быть отредактирована с помощью тегов форматирования
текста.
Код данной информации (рис.6) и вывод
страницы в браузере (рис.7)
Рис 6. Код web-страницы INDEX.HTML
Рис
7. Вывод браузера web-страницы
INDEX.HTML
На
второй web-странице
был размещен слайдер и иллюстрации в
нем. Код данной информации (рис.8) и вывод
страницы в браузере (рис.9)
Рис 8. Код web-страницы IMAGES.HTML
Рис
9. Вывод браузера web-страницы
IMAGES.HTML
На
третьей web-странице
была размещена таблица. Код данной
информации (рис.9) и вывод страницы в
браузере (рис.10)
Рис 10. Код web-страницы TABLE.HTML
Рис
11. Вывод браузера web-страницы
TABLE.HTML