Essays.club - Получите бесплатные рефераты, курсовые работы и научные статьи
Поиск

Контрольная работа по "Веб-технологии"

Автор:   •  Январь 22, 2023  •  Контрольная работа  •  5,408 Слов (22 Страниц)  •  355 Просмотры

Страница 1 из 22

БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

Международный институт дистанционного образования

Кафедра «Информационные системы и технологии»

КОНТРОЛЬНАЯ РАБОТА

по дисциплине «Веб-технологии»

Исполнитель:                                                                   студент гр. 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>

...

Скачать:   txt (43.6 Kb)   pdf (694.9 Kb)   docx (438 Kb)  
Продолжить читать еще 21 страниц(ы) »
Доступно только на Essays.club