Контрольная работа по "Веб-технологии"
Автор: Ilya Bublis • Январь 22, 2023 • Контрольная работа • 5,408 Слов (22 Страниц) • 354 Просмотры
БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ
Международный институт дистанционного образования
Кафедра «Информационные системы и технологии»
КОНТРОЛЬНАЯ РАБОТА
по дисциплине «Веб-технологии»
Исполнитель: студент гр. 41702220 Бублис И.С.
Руководитель: Хвитько Е.А.
Минск 2023
Оглавление
Лабораторная работа №1. Знакомство с HTML 3
Лабораторная работа №2. Карты изображений и фреймы 7
Лабораторная работа №3. CSS 11
Лабораторная работа №4. Знакомство с JavaScript 15
Лабораторная работа №5. Взаимодействие JavaScript и CSS 21
Лабораторная работа №6. Работа с формами 28
Лабораторная работа №7. Калькулятор 35
Лабораторная работа №8. Работа с датой и временем 38
Лабораторная работа №8. Пазлы 42
Список используемой литературы 45
Лабораторная работа №1. Знакомство с HTML
Задания.
Ознакомиться с работой следующих тегов и параметров: html, head, title, body (bgcolor, background, text, link), p (align), b, em, u, i, font, ol/ul, li, a.
Обратить внимание на то, что теги бывают парные и непарные, а также на то, что у многих тегов имеются параметры.
Задание 1.1. Создать в Блокноте следующую web-страничку (Название в title указать «Знакомство с HTML»): [pic 1]
Работа с таблицами, рисунками, гиперссылками
Для работы с таблицами используются теги table (border), tr (width, height), td/th (align, valign, width, colspan, rowspan)
Задание 1.2. Добавить к своей странице 2 таблицы с осмысленной информацией. Одна таблица – обычная, вторая должна содержать объединенные ячейки.
Для вставки рисунка используется тег img (alt, align, width, height, vspace, hspace, border).
Задание 1.3. Добавить к своей странице один рисунок три раза с разными размерами. Все используемые рисунки должны храниться в отдельной папке.
Гипертекстовые связи задаются при помощи тега a (href, target, name). Связи бывают трех видов: ссылки на ресурсы Internet, ссылка на сервис электронной почты, ссылки внутри документа.
Задание 1.4. Реализовать все три типа гиперссылок.
Код программы:
<html>
<head><title>Знакомство с HTML</title></head>
<body>
<a name="top"></a>
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>
<h3 style="text-align: center;">Название страницы!</h3>
<p style="text-align: right;">
Короткая цитата из моей жизни! <br>
"Живи так чтоб было хорошо"
</p>
<p style="text-align: left;">
<b>Здраствуйте, меня зовут Илья и мне 21 год!</b> Я учусь в БНТУ <span style="color: #ee1d24;"><b>на 3 курсе</b></span> <u>специальности</u> <i>"Программное обеспечение информационных технологий"</i> заочное обучение.
</p>
<p style="text-align: left;">
<u><b>08.03.2020 </b></u>
</p>
<p style="text-align: right;">
<img width="256" height="256" alt="подпись" src="img/podpis.jpg">
</p>
</td>
</tr>
</tbody>
</table>
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>
<b>Эпи?граф</b> — цитата, помещаемая во главе произведения или его части с целью указать его дух, его смысл, отношение к нему автора и тому подобное. Эпиграфы широко используются во всех жанрах литературы и кинематографа, также применяются в либретто и печатных изданиях музыкальных произведений. <br>
...