<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<div class="headder__wrapper" style="background-color: #5de239; width: 1349px; height: 61px;">
<h1 class="header__text" style="color: #005454;text-align: center;">HTML верстальник</h1>
</div>
</header>
<div class="text">
<div class="text__wrapper" style="display: flex; justify-content: space-between;">
<div class="text__left" style="background-color: #41e0ca;width: 369px; height: 233px;">
<h2 class="text__left__item" style="color: #168272;text-align: center;margin-top: 20px;">Меню_1</h2>
<h2 class="text__left__item2" style="color: #168272;text-align: center; margin-top: 20px;">Меню_2</h2>
<h2 class="text__left__item3" style="color: #168272;text-align: center;margin-top: 20px;">Меню_3</h2>
</div>
<div class="text__right" style="background-color: #17f351; width: 1558px; height: 233px;">
<p class="text__right__item" style="color: #007c00">До задач HTML-верстальника належить реалізація проекту (розробленого веб-дизайнером) у вигляді HTML-коду з урахуванням всіх особливостей стилю й графічного оформлення. Створений код повинен однаково адекватно відображатися у всіх популярних браузерах, при різних роздільних здатностях монітора й кількості кольорів.</p>
<br>
<p class="text__right__item" style="color: #007c00">Специфіка професії</p>
<br>
<p class="text__right__item" style="color: #007c00">Плюси професії
Можливість самостійного освоєння професії.
Високий попит на ринку праці.
Необхідність постійного відновлення знань.
Розмиті границі між веб-дизайнером, веб-програмістом і банер-мейкером, дають можливість працювати в суміжних областях.</p>
</div>
</div>
</div>
<div class="data">
<div class="data__wrapper" style="background-color: #24cfe1; width: 1349px; height: 193px;">
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Мінуси професії
Мало простору для вдосконалювання.
Рутинність.
Постійна робота з монітором згубно позначається на загальному самопочутті.</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Місце роботи
Інтернет-компанії, дизайн-студії.
Компанії, які у своїй структурі мають інтернет-відділи.
</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Особисті якості
Робота HTML- кодера досить рутинна. Вона жадає від виконавців посидючості, акуратності й уважності, якими, як правило, володіють люди зі спокійним характером. Природно, що всі ці якості повинні бути присутніми у власника на тлі структурного мислення.</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Кар'єра
Веб-дизайнер, веб-програміст, банер-мейкер.</p>
<p class="data__item" style="color: #007c00;margin: 0;padding: 0;">Освіта
Від людей цієї професії фахової освіти не потрібно, головне тут знання й досвід, підкріплені портфоліо. Необхідно знати: HTML (вручну), CSS 1, CSS 2, JavaScript, Dreamweaver, Front Pages. Бажано знати: Photoshop, PHP, MySQL, XML\XSL.</p>
</div>
</div>
<div class="footer">
<div class="footer__wrapper" style="background-color: #55e343; width: 1349px; height: 49px;">
<h1 class="footer__item" style="color: #00504b; margin: 0;padding: 0; text-align: center;">Сайт Створено компанією Петре</h1>
</div>
</div>
</body>
</html>
Объяснение:
Вставляешь это уже готовый сверстатнный сайт
Создавай документ и делай
№1.
Написать программу ввода с клавиатуры и вывода на экран значений одномерного массива А, состоящего из n вещественных элементов (n=10). Найти сумму элементов этого массива и вывести ее на экран.
№2.
Используя оператор выбора, написать программу которая запрашивает у пользователя номер месяца и выводит на экран соответствующее название времени года. В случае если пользователь укажет недопустимое число, программа должна вывести сообщение “Ошибка вывода данных. Повторите ввод”.
№3.
Дан одномерный массив В из n вещественных элементов (n=10). Написать программу, которая вводит значения элементов этого массива с клавиатуры, выводит элементы массива одной строкой, находит наибольший элемент и выводит результат поиска на экран.
№4.
Задана некоторая строка S$. Дано число k и слово а$. Вставить в строку после k-ого символа слово а$, результат вывести на экран.
№5.
Составить программу, которая 100 элементов одномерного массива d заполняет квадратами первых ста целых чисел и выводит их на экран.
№6.
Ввести с клавиатуры значения n вещественных элементов массива с (n = 10), посчитать количество отрицательных и сумму положительных элементов. Результаты вывести на экран.
№7.
Написать программу, которая, используя генератор случайных величин выводит на экран пример на умножение 2-х случайных однозначных чисел, запрашивает ответ пользователя, проверяет его и выводит сообщение “ Правильно!” или “Вы ошиблись” и правильный ответ.
Ниже приведён рекомендуемый вид экрана во время работы программы:
Сколько будет 6*7 ?
Введите ответ и нажмите <Enter>
-> 56
Вы ошиблись. 6*7 = 42.
№8.
Написать программу, которая используя функции mod (остаток от деления) и div (целая часть от деления) находит сумму чисел любого трехзначного числа, число вводится с клавиатуры.
№9
Написать программу подсчета количества чисел кратных 7 на отрезке от 40 до 120. Результат вывести на экран.
розповсюджуваного виду