Написать простой сайт на HTML

@Demon0136 · Регистрация: 10.03.2020

Студворк — интернет-сервис помощи студентам

1. Создать папку «Времена года».

2. Создать 4 Web – страницы, содержащие сведения о времени года (стихотворение, фотографию). Страницы должны быть оформлены в соответствии с шаблонами (смотреть картинки страниц). Соблюдайте, чтобы текст был строго слева, а рисунок времени года - строго справа. Стихи и изображения для каждого времени года выберите самостоятельно.
- zima.html (с информацией о зиме);
- vesna.html (с информацией о весне);
- leto.html (с информацией о лете);
- osen.html (с информацией об осени).

3. Создать Web – страницу frame.html, содержащую гиперссылки на страницы «Времена года» (4 гиперссылки):
- при создании ссылки пропишите в теге <a></a> , кроме атрибута href, атрибут target="b".

4. Создать стартовую Web-страницу index.html, состоящую из 2-х фреймов (200, 1000):
- Первый фрейм, будет содержать страницу frame.html;
- Второй фрейм будет содержать страницы времен года (страница zima.htm, имя name=”b”, идентификатор id=”b”).

При выборе, например, ссылки Лето, страница с информацией о лете должна отображаться во втором фрейме, так же, как и информацию из других ссылок.

@gogolik · 18.03.2020, 13:58

Demon0136, с какими проблемами столкнулись? Или даже не пытались сделать?

@Demon0136 · 18.03.2020, 15:50 **[ТС]**

gogolik, Здравствуйте, пытался, но запутался в итоге что-то не то нажал и всё полетело

@Panda58dev · 18.03.2020, 15:55

Сообщение от Demon0136

что-то не то нажал

Может кодировка слетела?)) Тогда задача состоит в том, как починить вам редактор, а не сделать страницу за вас. Советую скачать редактор Notepad++, если у вас его ещё нет, и в нём продолжить вёрстку. Если же вы уже писали в Notepad++ и в нём "что то не то нажали", то скачайте Sublime Text 3.

@gogolik · 18.03.2020, 16:02

Demon0136, тогда неплохо было бы приложить попытки реализации.

@Demon0136 · 18.03.2020, 16:08 **[ТС]**

Panda58dev, не, я имел ввиду у меня ноутбук к сожалению полетел(
А, другого нет

Добавлено через 30 секунд
gogolik, ноутбук сломался( а другого, нет

@gogolik · 18.03.2020, 16:18

Demon0136, скиньте шаблон как должна выглядеть страница, сделаю вам.

@Demon0136 · 18.03.2020, 16:21 **[ТС]**

gogolik, спасибо вам огромное

@gogolik · 18.03.2020, 16:51

Так как я не знаю что вы проходили, сделал на flex один момент. Если что - переделайте в файле стилей как нужно.
Полный проект во вложении.

index:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Времена года</title>
    <link rel="stylesheet" href="style.css">
</head>
<frameset cols="200,1000">
    <frame src="frame.html">
    <frame src="zima.html" name="b" id="b">
</frameset>
</html>

frame:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Frame</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h2>Времена года</h2>
    <nav>
        <a href="vesna.html" target="b">Весна</a><br>
        <a href="leto.html" target="b">Лето</a><br>
        <a href="osen.html" target="b">Осень</a><br>
        <a href="zima.html" target="b">Зима</a><br>
    </nav>
</body>
</html>

zima:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Зима</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Зима</h1>
    <div class="container">
        <p>
            Бела дороженька, бела.<br>
            Пришла зима. Зима пришла.<br>
            Я шапку белую ношу,<br>
            Я белым воздухом дышу,<br>
            Белы мои ресницы,<br>
            Пальто и рукавицы, —<br>
            Не различить меня в мороз<br>
            Среди белеющих берез.<br>
            Замру. И белка в тишине<br>
            Вдруг спрыгнет на руки ко мне.<br>
        </p>
        <img src="zima.jpg" alt="Зима">
    </div>
</body>
</html>

vesna:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Весна</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Весна</h1>
    <div class="container">
        <p>
            По опушке шла Весна,<br>
            Ведра с дождиком несла.<br>
            Оступилась на пригорке —<br>
            Опрокинулись ведерки.<br>
            <br>
            Зазвенели капли —<br>
            Загалдели цапли.<br>
            Испугались муравьи —<br>
            Двери заперли свои.<br>
        </p>
        <img src="vesna.jpg" alt="Весна">
    </div>
</body>
</html>

leto:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Лето</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Лето</h1>
    <div class="container">
        <p>
            Соломенное лето,<br>
            Соломенный песок.<br>
            Соломенная шляпа<br>
            Сползает на висок.<br>
            <br>
            Соломенные дали,<br>
            Соломенные дни.<br>
            Соломенные кони<br>
            На солнышке видны.<br>
        </p>
        <img src="leto.jpg" alt="Лето">
    </div>
</body>
</html>

osen:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Осень</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Осень</h1>
    <div class="container">
        <p>
            Заглянула осень в сад —<br>
            Птицы улетели.<br>
            За окном с утра шуршат<br>
            Желтые метели.<br>
            Под ногами первый лед<br>
            Крошится, ломается.<br>
            Воробей в саду вздохнет,<br>
            А запеть —<br>
            Стесняется.<br>
        </p>
        <img src="osen.jpg" alt="Осень">
    </div>
</body>
</html>

style.css:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
body {
    background: gray;
}
h1 {
    color: green;
    text-align: center;
}
h2 {
    color: blue;
    text-align: center;
}
nav {
    color: blue;
    font-size: 22px;
}
a:visited {
    color: blue;
}
.container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
p {
    font-size: 18px;
    text-align: center;
}

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

@Demon0136 0 / 0 / 0 Регистрация: 10.03.2020 Сообщений: 16

	Написать простой сайт на HTML 18.03.2020, 13:34. Показов 2127. Ответов 8 Метки нет (Все метки) 1. Создать папку «Времена года». 2. Создать 4 Web – страницы, содержащие сведения о времени года (стихотворение, фотографию). Страницы должны быть оформлены в соответствии с шаблонами (смотреть картинки страниц). Соблюдайте, чтобы текст был строго слева, а рисунок времени года - строго справа. Стихи и изображения для каждого времени года выберите самостоятельно. - zima.html (с информацией о зиме); - vesna.html (с информацией о весне); - leto.html (с информацией о лете); - osen.html (с информацией об осени). 3. Создать Web – страницу frame.html, содержащую гиперссылки на страницы «Времена года» (4 гиперссылки): - при создании ссылки пропишите в теге `<a></a>` , кроме атрибута `href`, атрибут `target="b"`. 4. Создать стартовую Web-страницу index.html, состоящую из 2-х фреймов (200, 1000): - Первый фрейм, будет содержать страницу frame.html; - Второй фрейм будет содержать страницы времен года (страница zima.htm, имя `name=”b”`, идентификатор `id=”b”`). При выборе, например, ссылки Лето, страница с информацией о лете должна отображаться во втором фрейме, так же, как и информацию из других ссылок. 0

@gogolik Супер-модератор 3971 / 2093 / 832 Регистрация: 13.03.2010 Сообщений: 6,910
	18.03.2020, 13:58
	Demon0136, с какими проблемами столкнулись? Или даже не пытались сделать? 0

@Demon0136 0 / 0 / 0 Регистрация: 10.03.2020 Сообщений: 16
	18.03.2020, 15:50 [ТС]
	gogolik, Здравствуйте, пытался, но запутался в итоге что-то не то нажал и всё полетело 0

@gogolik Супер-модератор 3971 / 2093 / 832 Регистрация: 13.03.2010 Сообщений: 6,910
	18.03.2020, 16:02
	Demon0136, тогда неплохо было бы приложить попытки реализации. 0

@Demon0136 0 / 0 / 0 Регистрация: 10.03.2020 Сообщений: 16
	18.03.2020, 16:08 [ТС]
	Panda58dev, не, я имел ввиду у меня ноутбук к сожалению полетел( А, другого нет Добавлено через 30 секунд gogolik, ноутбук сломался( а другого, нет 0

@gogolik Супер-модератор 3971 / 2093 / 832 Регистрация: 13.03.2010 Сообщений: 6,910
	18.03.2020, 16:18
	Demon0136, скиньте шаблон как должна выглядеть страница, сделаю вам. 0

@Demon0136 0 / 0 / 0 Регистрация: 10.03.2020 Сообщений: 16
	18.03.2020, 16:21 [ТС]
	gogolik, спасибо вам огромное Миниатюры 0

Написать простой сайт на HTML

Решение