Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/9: Рейтинг темы: голосов - 9, средняя оценка - 5.00
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
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.03.2020, 13:34
Ответы с готовыми решениями:

Простой сайт Html
Нужен простой сайт html на любую тему, состоящий из 5 страниц

Необходим любой простой HTML-сайт
у кого есть простой сайт html скиньте пожалуйста

Простой сайт на html через блокнот
Приветствую!Прошу вашего совета. Пишу сайт с нуля. Не могу найти инфу,которая будет работать на блокноте. Сделать разметку картинок и...

8
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3971 / 2093 / 832
Регистрация: 13.03.2010
Сообщений: 6,910
18.03.2020, 13:58
Demon0136, с какими проблемами столкнулись? Или даже не пытались сделать?
0
0 / 0 / 0
Регистрация: 10.03.2020
Сообщений: 16
18.03.2020, 15:50  [ТС]
gogolik, Здравствуйте, пытался, но запутался в итоге что-то не то нажал и всё полетело
0
Developer☭
 Аватар для Panda58dev
210 / 112 / 24
Регистрация: 01.02.2019
Сообщений: 507
18.03.2020, 15:55
Цитата Сообщение от Demon0136 Посмотреть сообщение
что-то не то нажал
Может кодировка слетела?)) Тогда задача состоит в том, как починить вам редактор, а не сделать страницу за вас. Советую скачать редактор Notepad++, если у вас его ещё нет, и в нём продолжить вёрстку. Если же вы уже писали в Notepad++ и в нём "что то не то нажали", то скачайте Sublime Text 3.
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3971 / 2093 / 832
Регистрация: 13.03.2010
Сообщений: 6,910
18.03.2020, 16:02
Demon0136, тогда неплохо было бы приложить попытки реализации.
0
0 / 0 / 0
Регистрация: 10.03.2020
Сообщений: 16
18.03.2020, 16:08  [ТС]
Panda58dev, не, я имел ввиду у меня ноутбук к сожалению полетел(
А, другого нет

Добавлено через 30 секунд
gogolik, ноутбук сломался( а другого, нет
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3971 / 2093 / 832
Регистрация: 13.03.2010
Сообщений: 6,910
18.03.2020, 16:18
Demon0136, скиньте шаблон как должна выглядеть страница, сделаю вам.
0
0 / 0 / 0
Регистрация: 10.03.2020
Сообщений: 16
18.03.2020, 16:21  [ТС]
gogolik, спасибо вам огромное
Миниатюры
Написать простой сайт на HTML   Написать простой сайт на HTML  
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3971 / 2093 / 832
Регистрация: 13.03.2010
Сообщений: 6,910
18.03.2020, 16:51
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

Так как я не знаю что вы проходили, сделал на 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;
}
Вложения
Тип файла: rar Времена года.rar (552.4 Кб, 26 просмотров)
3
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
18.03.2020, 16:51
Помогаю со студенческими работами здесь

Есть ли смысл переводить простой HTML/CSS сайт в PHP с БД из-за скорости?
Народ, такое дело: Есть простой html/css сайт с ежедневным трафиком около 40 человек. Всё ок, вроде бы, пока шустренько работает. Однако...

Написать простой скрипт парсинга 1 цифры с html страницы
Господа, доброго времени суток! Очень нуждаюсь в вашей помощи, а именно: Передо мной стоит следующая задача. Есть много web...

Написать тест(сайт) на Html
Написать тест(сайт) на Html в notepad ++ c авторизацией , помогите пожалуйста курсовая горит

Написать сайт с базой данных, используя HTML, CSS, JavaScript
Всем доброго времени суток. Передо мной такая задача : написать сайт используя HTML, CSS, JavaScript , сайтна котором должна выводится...

Html сайт или сайт на DLE
Здравствуйте! Подскажите, пожалуйста, будет ли какая-нибудь польза, если перевести сайт с обычного html на DLE? Увеличиваются ли при этом...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Модель заражения группы наркоманов
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. Задача: реализовать контроль корректности заполнения дат назначения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru