10-А, В, Г, Д

tux 2020.03.19 Карантин https://tux.org.ua/?p=3369 2127 0

Теоретический и практический материал для 10-х классов на время карантина. Начало (продолжение тут).

Содержание

Первая неделя (12)
Вторая неделя (13)
Третья неделя (14)
Четвертая неделя (15)
Пятая неделя (16)
Шестая неделя (17)

Первая неделя (12)

Доброе время суток!

Повторяем построение таблиц на веб-страницах. Тем, кто забыл, что это такое, настоятельно рекомендую изучить соответствующую статью на этом сайте.

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Пупкин Вася. 10-Ы класс</title>
</head>
<body>
<!-- Содержимое сайта -->
</body>
</html>

<!DOCTYPE html>

<head>

<title>Пупкин Вася. 10-Ы класс</title>

</head>

<body>

</body>

</html>

Создадим простую таблицу.

Для стилевого оформления таблицы можно, но не обязательно, воспользоваться кодом:

<style type="text/css">
	table{
		width: 300px; /* Ширина таблицы */
		border-collapse: collapse; /* Убираем двойные линии между ячейками */
	}
	td, th{
		padding: 3px; /* Поля вокруг содержимого таблицы */
		border: 1px solid black; /* Параметры рамки */
	}
</style>

table{

width: 300px; /* Ширина таблицы */

border-collapse: collapse; /* Убираем двойные линии между ячейками */

}

td, th{

padding: 3px; /* Поля вокруг содержимого таблицы */

border: 1px solid black; /* Параметры рамки */

}

</style>

Теперь вам нужно самостоятельно создать две таблицы из этого файла: 5 и 6. Исходники и скриншоты страниц отправляйте на электропочту. Кроме этого вам нужно повторить статью на этом сайте. Возможен тест 😉

На скриншоте должна быть отчетливо видна вкладка браузера Пупкин Вася. 10-Ы класс которая должна содержать вашу фамилию и класс.

Срок выполнения задания — воскресенье 20:00.

Вопросы можно задавать с помощью формы ниже, в Telegram и, конечно же, через электропочту.

Вторая неделя (13)

Доброе время суток!

Продолжаем изучать XHTML. Главной задачей этой недели будет изучение работы с графикой. Теоретический материал по этой теме вы сможете найти в статье. На этой неделе практических заданий не будет.

Настоятельно советую доделать и сдать практическую работу.

Третья неделя (14)

Доброе время суток!

Продолжаем работать с мультимедиа.
Чтобы добавить аудио файл на сайт нужно между тегами <audio controls> и </audio> указать прямую ссылку на файл. Ссылка указывается с помощью тега <SOURCE>. Вот как будет выглядеть готовый код:

<audio controls>
    <source src="music.mp3">
</audio>

</audio>

Например:

Чтобы добавить видео файл вставляется аналогично, только теги «немного» другие <video controls> и </video> указать прямую ссылку на файл. Ссылка указывается с помощью тега <SOURCE>. Вот готовый код:

<video controls>
    <source src="video.mp4">
</video>

</video>

Например:

Если нужно вставить видео из ютуба, то можно использовать предоставляемый ими встраиваемый код:

<iframe width="560" height="315" 
src="https://www.youtube.com/embed/BDsuR22GQPQ" frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; 
picture-in-picture" allowfullscreen></iframe>

src="https://www.youtube.com/embed/BDsuR22GQPQ" frameborder="0"

allow="accelerometer; autoplay; encrypted-media; gyroscope;

picture-in-picture" allowfullscreen></iframe>

Внимание! В связи с увеличением нагрузки на сервера YouTube из-за карантина, встроенное видео может не проигрываться или выдавать ошибку. Не расстраивайтесь, это никак не повлияет на вашу оценку.

А теперь практическое задание 🙂 Вам необходимо создать страницу одной из ваших любимых музыкальных групп. Пример такой страницы приведен ниже:

Код страницы (можно использовать как образец):

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>U.D.O.</title>
</head>
<body>
<h1>U.D.O.</h1>	
<h2>Несколько фактов</h2>
<table width="1150px" cellspacing="10px">
	<tr>
		<td><p><strong>U.D.O.</strong> — сольный проект бывшего вокалиста Accept Удо Диркшнайдера. U.D.O. занимает 29 место в списке 100 лучших пауэр-метал групп по версии DDD.</p>
<p>С выходом в 1985 году коммерчески успешного в США альбома <strong>Metal Heart</strong>, члены группы <strong>Accept</strong> всё в большей мере ориентировались на широкий американский рынок, для которого жёсткая музыка, исполняемая группой, была малоприемлема. Это вызвало разногласия между Удо Диркшнайдером и остальными членами группы.</p>
<blockquote>«Вокруг группы стали появляться люди, которые пытались убедить других музыкантов, что с моим голосом они никогда не станут настоящими знаменитостями, никогда не заработают очень много денег. Мне кажется, музыканты ACCEPT тогда просто не осознавали, что лежит в основе нашей группы. Их разум был направлен исключительно на зарабатывание денег и завоевание американского музыкального рынка… Сейчас все, что тогда происходило в группе, кажется таким глупым! Группа уже продала в Америке миллион дисков с моим голосом, что же им еще не хватало, а? На наши концерты приходило по десять тысяч человек! Но в те годы музыканты ACCEPT предпочитали слушать бизнесменов.»</blockquote>
<p>В результате Удо Диркшнайдер создал собственный сольный проект <strong>U.D.O.</strong>, продолжающий традиции <strong>Accept</strong>. Название <strong>U.D.O.</strong>, что естественно, произошло от имени создателя, а превращение имени в некую аббревиатуру обусловлено тем, что сам Удо Диркшнайдер не хотел, чтобы его группу определяли как исключительно сольный проект самого певца, подобно Осборну или Дио. Впрочем члены группы в шутку говорили, что <strong>U.D.O.</strong> надо понимать, как United Dipstick Organization (рус. Объединенная Организация Балбесов). Сам Удо Диркшнайдер придерживается версии United Democratic Organization (рус. Объединенная Демократическая Организация). Журналисты же расшифровывали название как Udo Dirkschneider Orchestra (рус. Оркестр Удо Диркшнайдера).</p></td>
		<td><img src="https://versiya.info/uploads/posts/2018-09/1537536458_image.jpg" width="500px"></td>
	</tr>
</table>
<h2>Видео</h2>
<table cellspacing="10px">
	<tr>
		<td><iframe width="560" height="315" src="https://www.youtube.com/embed/gOtTyWIJD1Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td>
		<td><iframe width="560" height="315" src="https://www.youtube.com/embed/4Xksm1X7UHM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td>
	</tr>
</table>
<h2>Первый альбом (выборочно)</h2>
<table cellspacing="10px">	
	<tr>
		<td><img src="https://lastfm.freetls.fastly.net/i/u/ar0/6031d93503b665efb7345b12a82f778b.jpg" alt="Первый альбом" width="500"></td>
		<td><p>Animal House</p>
			<audio controls>
				<source src="http://rocknation.su/upload/mp3/U.D.O/1987%20-%20Animal%20House/01.%20Animal%20House.mp3">
			</audio>
			<p>They War Want</p>
			<audio controls>
				<source src="http://rocknation.su/upload/mp3/U.D.O/1987%20-%20Animal%20House/03.%20They%20Want%20War.mp3">
			</audio>
			<p>In The Darknes</p>
			<audio controls>
				<source src="http://rocknation.su/upload/mp3/U.D.O/1987%20-%20Animal%20House/05.%20In%20The%20Darkness.mp3">
			</audio>
			<p>Warrior</p>
			<audio controls>
				<source src="http://rocknation.su/upload/mp3/U.D.O/1987%20-%20Animal%20House/09.%20Warrior.mp3">
			</audio>
			<p>Coming Home</p>
			<audio controls>
				<source src="http://rocknation.su/upload/mp3/U.D.O/1987%20-%20Animal%20House/10.%20Coming%20Home.mp3">
			</audio>
		</td>
	</tr>
</table>
<p>© Выполнил ученик 10-Ы класса Иванов И.И.</p>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

<h2>Несколько фактов</h2>

<tr>

<td><p><strong>U.D.O.</strong> — сольный проект бывшего вокалиста Accept Удо Диркшнайдера. U.D.O. занимает 29 место в списке 100 лучших пауэр-метал групп по версии DDD.</p>

<p>С выходом в 1985 году коммерчески успешного в США альбома <strong>Metal Heart</strong>, члены группы <strong>Accept</strong> всё в большей мере ориентировались на широкий американский рынок, для которого жёсткая музыка, исполняемая группой, была малоприемлема. Это вызвало разногласия между Удо Диркшнайдером и остальными членами группы.</p>

<blockquote>«Вокруг группы стали появляться люди, которые пытались убедить других музыкантов, что с моим голосом они никогда не станут настоящими знаменитостями, никогда не заработают очень много денег. Мне кажется, музыканты ACCEPT тогда просто не осознавали, что лежит в основе нашей группы. Их разум был направлен исключительно на зарабатывание денег и завоевание американского музыкального рынка… Сейчас все, что тогда происходило в группе, кажется таким глупым! Группа уже продала в Америке миллион дисков с моим голосом, что же им еще не хватало, а? На наши концерты приходило по десять тысяч человек! Но в те годы музыканты ACCEPT предпочитали слушать бизнесменов.»</blockquote>

<p>В результате Удо Диркшнайдер создал собственный сольный проект <strong>U.D.O.</strong>, продолжающий традиции <strong>Accept</strong>. Название <strong>U.D.O.</strong>, что естественно, произошло от имени создателя, а превращение имени в некую аббревиатуру обусловлено тем, что сам Удо Диркшнайдер не хотел, чтобы его группу определяли как исключительно сольный проект самого певца, подобно Осборну или Дио. Впрочем члены группы в шутку говорили, что <strong>U.D.O.</strong> надо понимать, как United Dipstick Organization (рус. Объединенная Организация Балбесов). Сам Удо Диркшнайдер придерживается версии United Democratic Organization (рус. Объединенная Демократическая Организация). Журналисты же расшифровывали название как Udo Dirkschneider Orchestra (рус. Оркестр Удо Диркшнайдера).</p></td>

</tr>

</table>

<h2>Видео</h2>

<tr>

</tr>

</table>

<h2>Первый альбом (выборочно)</h2>

<tr>

<td><p>Animal House</p>

</audio>

</audio>

<p>In The Darknes</p>

</audio>

<p>Warrior</p>

</audio>

<p>Coming Home</p>

</audio>

</td>

</tr>

</table>

</body>

</html>

Таким образом, вам фактически нужно взять эту страницу за образец и заменить текст, картинки и ссылки на медиа на свои. Хочу напомнить, что в браузерах Chrome и Firefox есть специальный режим разработчика (вкл./выкл. F12 ), который упрощает поиск ссылок.

Обратите внимание, что все файлы берутся сразу из интернет (по прямым ссылкам), т.е. ничего выкачивать и сохранять НЕ НУЖНО!

Исходники и скриншоты страниц отправляйте ТОЛЬКО НА ЭЛЕКТРОПОЧТУ.

Срок выполнения задания — пятница 20:00.

Вопросы можно задавать с помощью формы ниже, в Telegram (c 8⁰⁰ до 16⁰⁰) и, конечно же, через электропочту.

Примеры выполненных заданий

Четвертая неделя (15)

Доброе время суток!

Настало время познакомиться с фреймами.
Теоретический материал этой недели изложен в статье на этом сайте. Рекомендую сделать конспект.

После изучения теории вам необходимо будет пройти тест. Для прохождения теста вам будут нужны пароли: 10-А, 10-В, 10-Г, 10-Д.

Как начать тест и ввести пароль смотрим на видео:

Внимание! Этот тест уже закрыт.

Вопросы можно задавать с помощью формы ниже, в Telegram (c 8⁰⁰ до 16⁰⁰) и, конечно же, через электропочту.

Пятая неделя (16)

Доброе время суток!

Плавно переходим к Информационной Безопасности.
Теоретический материал этой недели изложен в пяти статьях на этом сайте:

Не пугайтесь, что так много: во-первых, темы очень маленькие, во-вторых — это задание на всю неделю. Рекомендую сделать конспект.

Как начать тест и ввести пароль смотрим на видео:

Внимание! Этот тест уже закрыт.

Вопросы можно задавать с помощью формы ниже, в Telegram (c 8⁰⁰ до 16⁰⁰) и, конечно же, через электропочту.

Шестая неделя (17)

Доброе время суток!

Продолжаем изучать Информационную Безопасность.
Теоретический материал этой недели изложен в пяти статьях на этом сайте:

Как начать тест и ввести пароль смотрим на видео:

Внимание! Тест будет открыт для прохождения до 20:00 пятницы.

Вопросы можно задавать с помощью формы ниже, в Telegram (c 8⁰⁰ до 16⁰⁰) и, конечно же, через электропочту.

10-А

№	Ім’я	Пароль
1	Высочин Владислав	коду5529
2	Григорьев Ростислав	8250опор
3	Денищенко Кирилл	нард7002
4	Духновский Евгений	бурш2060
5	Карпухин Дмитрий	3368майя
6	Комиссаров Артем	6201овес
7	Метелкин Игорь	0514пенс
8	Острожный Артем	пуща2342
9	Скрипкин Иван	1147ірій
10	Тинькова Дана	1200сіло
11	Чебаков Демид	9090коло

Щоб увійти, відкрийте посилання https://naurok.ua/start та введіть пароль

10-В

№	Ім’я	Пароль
1	Блажко Елизавета	небо7340
2	Брюзгина Мирослава	5027прав
3	Веселовский Дмитрий	сноб7324
4	Гливяк Юлия	9796яхта
5	Даниленко Анастасия	0082меню
6	Добровольская Анастасия	9586кріс
7	Зубко Елизавета	9629зіва
8	Карнакова Анна	чадо4798
9	Коробейникова Алина	3829знос
10	Павлиогло Лидия	3570шерп
11	Сысоева Станислава	5821фонд
12	Чобанян Диана	борт4876
13	Еремин Вячеслав	44454овид

Щоб увійти, відкрийте посилання https://naurok.ua/start та введіть пароль

10-Г

№	Ім’я	Пароль
1	Ананьев Никита	триб7605
2	Артемьева Дарина	5301бурт
3	Архиреев Евгений	5729ефес
4	Бербенец Елена	єгор6097
5	Грек Владислав	бупр9715
6	Денисов Марк	леон1777
7	Дука Денис	сикх3708
8	Зайцев Никита	сито3287
9	Лебедева Елизавета	1739линь
10	Ляшенко Татьяна	шмат9625
11	Мороз Анастасия	3339паво
12	Колесник Денис	78241плис
13	Жернова Дарина	10067звій
14	Еремин Вячеслав	44454овид

Щоб увійти, відкрийте посилання https://naurok.ua/start та введіть пароль

10-Д

№	Ім’я	Пароль
1	Ковалевская Владлена	8554веда
2	Близнюк Никита	доха1602
3	Ковтун Екатерина	3177жовч
4	Бараней Элина	6376атол
5	Журавлева Алина	5634мідь
6	Ефременко Максим	3388міра
7	Войновский Дмитрий	11011джок
8	Вязникова Алиса	24898указ
9	Канивец Евгения	77612пута
10	Копица Светлана	56659суша
11	Сухорада Иван	пало54502

Щоб увійти, відкрийте посилання https://naurok.ua/start та введіть пароль

карантин

11-А, В

9-А, В

#:

10-А, В, Г, Д

Содержание

Первая неделя (12)

Вторая неделя (13)

Третья неделя (14)

Примеры выполненных заданий

Четвертая неделя (15)

Пятая неделя (16)

Шестая неделя (17)

Похожие материалы:

Оставить комментарий