https://pastein.ru/t/Vcq
Загрузка данных
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">
<title>Все задания - практическая работа №27</title>
<style>
body {
background-color: #d4d4d4;
font-family: Arial, sans-serif;
padding: 20px;
}
.task {
background-color: white;
margin: 30px 0;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.task h2 {
background-color: #333;
color: white;
padding: 10px;
margin: -20px -20px 20px -20px;
border-radius: 10px 10px 0 0;
}
hr {
margin: 20px 0;
}
</style>
</head>
<body>
<!-- ============================================== -->
<!-- ЗАДАНИЕ 1: ШАБЛОН (шаблон.html) -->
<!-- ============================================== -->
<div class="task">
<h2>1. Шаблон web-страницы (шаблон.html)</h2>
<p><b>Код шаблона:</b></p>
<pre style="background-color:#eee; padding:10px;">
<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">
<title>Заголовок web-документа</title>
</head>
<body>
содержимое web-страницы (тело документа)
<!-- Комментарии, которые не отображаются на веб-странице -->
</body>
</html>
</pre>
</div>
<!-- ============================================== -->
<!-- ЗАДАНИЕ 2: INDEX (index.html) -->
<!-- ============================================== -->
<div class="task">
<h2>2. Главная страница (index.html)</h2>
<p><b>Результат в браузере (рис. 6.12):</b></p>
<div style="border:1px solid #333; padding:10px; background-color:white;">
Первая web-страница будет посвящена стилям оформления квартир
</div>
</div>
<!-- ============================================== -->
<!-- ЗАДАНИЕ 3: ЗАГОЛОВКИ РАЗНЫХ УРОВНЕЙ (уровни.html) -->
<!-- ============================================== -->
<div class="task">
<h2>3. Заголовки разных уровней (уровни.html)</h2>
<p><b>Результат (рис. 6.13):</b></p>
<div style="border:1px solid #333; padding:10px; background-color:white;">
<h1 align="center">Первая web-страница будет посвящена стилям оформления квартир!</h1>
<h2 align="left">Заголовок второго уровня</h2>
<h3 align="right">Заголовок третьего уровня</h3>
<h4 align="center">Заголовок четвертого уровня</h4>
<h5 align="left">Заголовок пятого уровня</h5>
<h6 align="right">Заголовок шестого уровня</h6>
</div>
</div>
<!-- ============================================== -->
<!-- ЗАДАНИЕ 4: ФОРМАТИРОВАНИЕ ЛИНИЙ (линии.html) -->
<!-- ============================================== -->
<div class="task">
<h2>4. Форматирование линий (линии.html)</h2>
<p><b>Результат (рис. 6.14):</b></p>
<div style="border:1px solid #333; padding:10px; background-color:white;">
<h1 align="center">Первая web-страница будет посвящена стилям оформления квартир!</h1>
<hr align="center" size="7" width="650" color="yellow">
<h2 align="left">Заголовок второго уровня</h2>
<hr align="left" size="15" width="400" color="maroon">
<h3 align="right">Заголовок третьего уровня</h3>
<hr align="right" size="10" width="300" color="fuchsia">
<h4 align="center">Заголовок четвертого уровня</h4>
<hr align="center" size="200" width="700" color="blue">
<h5 align="left">Заголовок пятого уровня</h5>
<hr align="left" size="250" width="500" color="green">
<h6 align="right">Заголовок шестого уровня</h6>
<hr align="right" size="200" width="500" color="red">
</div>
</div>
<!-- ============================================== -->
<!-- ЗАДАНИЕ 5: ФОН СТРАНИЦЫ (fon.html) -->
<!-- ============================================== -->
<div class="task">
<h2>5. Фон web-страницы (fon.html)</h2>
<p><b>Оливковый фон (код #808000):</b></p>
<div style="border:1px solid #333; padding:10px; background-color:#808000; color:white;">
Фон оливковый (Bgcolor=#808000)
</div>
<p><b>Серебристый фон (код #C0C0C0):</b></p>
<div style="border:1px solid #333; padding:10px; background-color:#C0C0C0;">
Фон серебристый (Bgcolor=#C0C0C0)
</div>
</div>
<!-- ============================================== -->
<!-- ЗАДАНИЕ 6: ОФОРМЛЕНИЕ ТЕКСТА + ЗАДАНИЕ №1 (текст.html) -->
<!-- ============================================== -->
<div class="task">
<h2>6. Оформление текста (текст.html) + Задание №1</h2>
<p><b>Результат (рис. 6.16):</b></p>
<div style="border:1px solid #333; padding:10px; background-color:white;">
<p align="center"><b><u><font size="6">Стили в интерьере.</font></u></b></p>
<p><b><font face="Arial" size="4">Стиль романтизм</font></b><br>
Присущи утонченность, пластичность линий и элегантность. Это изысканный и легкий стиль. В нем великолепно сочетаются арочные проемы и ковка, скульптуры и зеленые уголки в вазонах, цветы, стекло и летящие ткани. В этом стиле мебель обтянута шелком, везде шелковые подушки, в романтизме принято обращаться к природным или фольклорным формам декора.</p>
<p><b><font face="Arial" size="4">Конструктивизм</font></b><br>
Родился в начале XX века. Его развитие оказалось реакцией на изощренные растительные мотивы, которые были присущи модерну и в скорости утомили современников и вызвали у них желание найти нечто новое. Это новое направление совершенно лишено романтики и таинственности, оно было просто рационалистичным и подчинялось функциональности и целесообразности.</p>
<p><b><font face="Arial" size="4">Деревенский стиль</font></b><br>
Мебель в стиле кантри нельзя назвать модной или немодной. Главное назначение стиля кантри — внести комфорт, тепло и уют в помещение. Мебель создается только из природных материалов, с акцентом на натуральность. Мебель, как правило, декорируется вручную, например резьбой.</p>
<p><b><font face="Arial" size="4">Минимализм</font></b><br>
Присущи предельно лаконичные формы, полное отсутствие декоративности, деталей, орнаментов. Это монохромные цвета, естественность фактур и ясность композиций. В нем нет ничего лишнего, мебель изготавливается из матового стекла, алюминиевого профиля и натурального дерева.</p>
<p><b><font face="Arial" size="4">Японский стиль</font></b><br>
Отличительная черта — безукоризненное смешение оттенков и лаконичность. Минимализм позволяет четко структурировать пространство, создать гармонию и порядок. Используются натуральные цвета: белый, молочный, кремовый, бежевый.</p>
<p><b><font face="Arial" size="4">Африканский стиль</font></b><br>
Наиболее экзотический из всех стилей. Интерьер затрагивает фантазию, создает ощущение мистического присутствия. Этот стиль максимально протестный и экзотический.</p>
<p><b><font face="Arial" size="4">Хай-тек</font></b><br>
Появился в конце XX века как стиль высоких технологий. Отличают прямые стремительные линии, металл и стекло повсюду. Ультрасовременный стиль с конструкциями, обычно присущими промышленным зданиям.</p>
<hr>
<h3>Задание №1 — Размеры шрифта от 1 до 7</h3>
<font size="1"><b>Размер 1 — жирный</b></font><br>
<font size="2"><i>Размер 2 — курсив</i></font><br>
<font size="3"><u>Размер 3 — подчеркнутый</u></font><br>
<font size="4"><b><i>Размер 4 — жирный курсив</i></b></font><br>
<font size="5"><b><u>Размер 5 — жирный подчеркнутый</u></b></font><br>
<font size="6"><i><u>Размер 6 — курсив подчеркнутый</u></i></font><br>
<font size="7"><b><i><u>Размер 7 — жирный курсив подчеркнутый</u></i></b></font>
</div>
</div>
<!-- ============================================== -->
<!-- ЗАДАНИЕ 7: СПИСКИ (списки.html) + ЗАЧЕТНОЕ ЗАДАНИЕ -->
<!-- ============================================== -->
<div class="task">
<h2>7. Маркированные, нумерованные и многоуровневые списки (списки.html)</h2>
<p><b>Результат (рис. 6.17):</b></p>
<div style="border:1px solid #333; padding:10px; background-color:white;">
<h3>Установка и ремонт окон, оконных блоков:</h3>
<ul type="disc">
<li>установка окон из ПВХ, деревянных, пластиковых, металлопластиковых и алюминиевых окон;</li>
<li>монтаж оконной фурнитуры;</li>
<li>вставка оконных стекол;</li>
<li>монтаж оконных решеток;</li>
<li>ремонт, реставрация, утепление окон;</li>
<li>монтаж оконных кондиционеров.</li>
</ul>
<h3>Установка деревянных филенчатых и щитовых дверей:</h3>
<ul type="circle">
<li>установка металлических стальных дверей;</li>
<li>установка пластиковых дверей;</li>
<li>установка раздвижных (складных) дверей;</li>
<li>монтаж дверной фурнитуры, врезка дверных замков.</li>
</ul>
<h3>Монтаж, отделка, ремонт потолков:</h3>
<ul type="square">
<li>монтаж ресунков потолков;</li>
<li>установка подвесных потолков;</li>
<li>монтаж одноуровневых и двухуровневых потолков из гипсокартона;</li>
<li>монтаж натяжных потолков;</li>
<li>покраска и побелка потолков мелом;</li>
<li>ремонт, выравнивание, звукоизоляция потолков.</li>
</ul>
<h3>Монтаж, отделка, ремонт полов:</h3>
<ol type="1">
<li>устройство пола из стяжки по бетону;</li>
<li>укладка напольной керамической, кафельной и мраморной плитки;</li>
<li>изготовление полов из фанеры;</li>
<li>изготовление "теплого" пола.</li>
</ol>
<h3>Укладка напольных покрытий:</h3>
<ol type="I">
<li>укладка напольных покрытий всех видов (линолеума, ковролина, ковровых, пробковых покрытий);</li>
<li>монтаж деревянных дощатых полов с установкой лагов.</li>
</ol>
<ol type="i" start="5">
<li>окраска полов;</li>
<li>монтаж полов из паркетной доски (ламината).</li>
</ol>
<ol type="a">
<li>установка деревянных и пластиковых плинтусов;</li>
<li>укладка штучного, наборного, щитового паркета.</li>
</ol>
<ol type="A">
<li>циклевка полов с покрытием лаком;</li>
<li>ремонт, звукоизоляция, гидроизоляция, утепление пола.</li>
</ol>
<h3>Зачетное задание — Многоуровневый список:</h3>
<ol type="I">
<li>Подготовительные работы
<ol type="1">
<li>снос стен, демонтаж стяжки, дверей, подвесных потолков;</li>
<li>устройство межкомнатных перегородок;</li>
<li>штукатурка стен и потолков;</li>
<li>устройство цементно-песчаной стяжки;</li>
<li>разводка труб водопровода и канализации;</li>
<li>смещение стояков отопления, горячей и холодной воды;</li>
<li>укладка керамической плитки;</li>
<li>установка металлической входной двери;</li>
<li>установка внешнего блока кондиционера и прокладка трубок и проводов;</li>
<li>вынос мусора.</li>
</ol>
</li>
<li>Второй этап ремонта
<ol type="1">
<li>проклейка стен и потолков армирующей сеткой;</li>
<li>шпатлевка потолков и стен;</li>
<li>монтаж подвесных или натяжных потолков, покраска или побелка потолков;</li>
<li>устройство подрозетников и распаечных коробок;</li>
<li>укладка проводов;</li>
<li>установка подоконников;</li>
<li>покраска стен и потолков;</li>
<li>укладка керамической плитки;</li>
<li>устройство проемов и декоративных ниш.</li>
</ol>
</li>
<li>Третий этап ремонта. Завершающий.
<ol type="1">
<li>укладка штучного паркета, палубной доски, ламината;</li>
<li>шлифовка и лакировка штучного паркета и палубной доски;</li>
<li>укладка пробкового или иного покрытия (если будет необходимо);</li>
<li>финишная покраска стен и потолков;</li>
<li>поклейка обоев;</li>
<li>устройство плинтуса;</li>
<li>установка дверей, замков, наличников;</li>
<li>установка розеток и выключателей;</li>
<li>установка приборов освещения;</li>
<li>установка видеодомофона и видеокамеры (если будет необходимо);</li>
<li>установка сантехоборудования;</li>
<li>декорирование;</li>
<li>установка встраиваемых шкафов.</li>
</ol>
</li>
</ol>
</div>
</div>
<hr>
<p style="text-align:center;"><b>Конец всех заданий. Практическая работа №27 выполнена.</b></p>
</body>
</html>