РГР Интернет технологии. РГР Интернет технологии_Проскуряков_В.А.. Введение в процессе работы будет создан сайт Агентства недвижимости Триумф с использование языка гипертекстовой разметки html, каскадной таблицы стилей css, языка JavaScript 41 Создание каркаса сайта с помощью html
 Скачать 1.06 Mb.
|
|
Министерство науки и высшего образования Российской Федерации Федеральное государственное бюджетное Образовательное учреждение высшего образования «Комсомольский-на-Амуре государственный университет» Факультет компьютерных технологии Кафедра «ПУРИС» РАСЧЕТНО-ГРАФИЧЕСКАЯ РАБОТА по дисциплине «Интернет-технологии» Студент группы 7ПИба-1 В.А. Проскуряков Преподаватель В.А. Шамак 2021 2 Содержание Введение ................................................................................................................... 3 1 Создание каркаса сайта с помощью HTML ....................................................... 4 2 Стилизация сайта ................................................................................................. 6 3 Добавление динамики на сайт с помощью JQuery ........................................... 8 Заключение ............................................................................................................ 10 Список использованных источников .................................................................. 11 3 Введение В процессе работы будет создан сайт Агентства недвижимости «Триумф» с использование языка гипертекстовой разметки HTML, каскадной таблицы стилей CSS, языка JavaScript 4 1 Создание каркаса сайта с помощью HTML Напишем код HTML каркаса сайта результат изображен на рисунке 1 Рисунок 1 – HTML код сайта 5 На рисунке 2 изображен результат HTML разметки Рисунок 2 – Результат разметки 6 2 Стилизация сайта На рисунке 3 изображен код CSS для стилизации сайта строка подключения CSS файла: Рисунок 3– Код CSS 7 На рисунке 4 изображен результат стилизации сайта Рисунок 4 – Результат стилизации сайта 8 3 Добавление динамики на сайт с помощью JQuery Подключим библиотеку JQuery на наш сайт и код слайд-шоу которое будет показывать разные картинки каждые 8 секунд Рисунок 5 – Подключение JavaScript На рисунке 6 изображен код JQuery слайд-шоу Рисунок 6 – Код слайд-шоу 9 Результат работы изображен на рисунке 6 Рисунок 6 – Результат работы кода JQuery 10 Заключение В результате работы был создан сайт агентства недвижимости с использованием языка гипертекстовой разметки, каскадной таблицы стилей CSS, и языка программирования JavaScript. 11 Список использованных источников 1 Дронов, В. HTML 5, CSS 3 и Web 2.0. Разработка современных Web- сайтов/В. Дронов. - М.: БХВ-Петербург, 2014. - 138 c. 2 Дронов, Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов / Владимир Дронов. - М.: БХВ-Петербург, 2013. - 416 c. 3 Квинт, Игорь Создаем сайты с помощью HTML, XHTML и CSS / Игорь Квинт. - М.: Питер, 2014. - 448 c. |