Расчетно-аналитическое задание по "Web-программированию"
Автор: Spotify • Март 14, 2024 • Контрольная работа • 3,187 Слов (13 Страниц) • 104 Просмотры
Кафедра информационных систем
Рейтинговая работа Расчетно-аналитическое задание
по дисциплине Web-программирование
Москва – 2023 г.
Оглавление:
- Задание № 1..............................................................................................3
- Задание № 2..............................................................................................7
- Задание № 2.1…………………………………………………………...9
- Список литературы.................................................................................13
Задание №1.
Для более удобного размещения объектов на HTML-странице я выбрала использование таблицы. В ячейки этой таблицы будут помещены разнообразные элементы: календарь на июль 2023 года, графическое изображение, стихотворение, форма для отправки электронной почты и список. Каждый этап проектирования этой страницы будет сопровождаться описанием и соответствующим фрагментом кода, что поможет лучше понять логику разработки и структурирования контента.
Создадим html-документ с таблицей 3x2. И создадим календарь на июль 2023г. во второй ячейке первой строки, который также будет представлять собой таблицу с прозрачными границами. Заголовок календаря будет ссылкой на этот же документ.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Таблица с календарём</title>
</head>
<body bgcolor="#CCCCCC" text="#000033" link="#0066CC" vlink="#663399">
<table width="100%" height="100%">
<tr>
<td>
<a href="https://freeimage.host/i/JTVgUGf">
<img src="https://iili.io/JTVgUGf.md.png" alt="Летняя картинка" width="50%" height="50%">
</a>
</td>
<td>
<!-- Календарь -->
<table width="80%" align="center">
<tr>
<th colspan="7">
<h2><a href="yourfilename.html">ИЮЛЬ 2023г.</a></h2>
</th>
</tr>
<tr>
<th align="center">Пн</th>
<th align="center">Вт</th>
<th align="center">Ср</th>
<th align="center">Чт</th>
<th align="center">Пт</th>
<th align="center">Сб</th>
<th align="center">Вс</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td align="center">1</td>
<td align="center">2</td>
</tr>
.........
Для обеспечения удобства использования и доступа к изображению, я планируем загрузить его на бесплатный хостинг-сервис. Такой подход позволит каждому пользователю просматривать изображение непосредственно в интернете, без необходимости сохранять его на своем компьютере. Это решение упрощает доступ к картинке и гарантирует, что она будет доступна всем пользователям в любое время, независимо от их устройства или местоположения.
<td>
<a href="https://freeimage.host/i/JTVgUGf">
<img src="https://iili.io/JTVgUGf.md.png" alt="Летняя картинка" width="60%" height="70%">
</a>
</td>
Следующим этапом будет размещение двухуровнего списка в третью ячейку.
<td>
<ul>
<li>Лето
...