Файл: Введение в процессе работы будет создан сайт Агентства недвижимости Триумф с использование языка гипертекстовой разметки html, каскадной таблицы стилей css, языка JavaScript 41 Создание каркаса сайта с помощью html.pdf

Министерство науки и высшего образования Российской Федерации
Федеральное государственное бюджетное
Образовательное учреждение высшего образования
«Комсомольский-на-Амуре государственный университет»
Факультет компьютерных технологии
Кафедра «ПУРИС»
РАСЧЕТНО-ГРАФИЧЕСКАЯ РАБОТА по дисциплине «Интернет-технологии»
Студент группы 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.