10-А, В, Г, Д

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

Теоретический и практический материал для 10-х классов на время карантина. XHTML.

Содержание

Первая неделя (12)
Вторая неделя (13)
Третья неделя (14)

Первая неделя (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>

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

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

<!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>

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

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

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

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

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

карантин

11-А, В

9-А, В

#:

10-А, В, Г, Д

Содержание

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

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

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

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

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

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

Навигация

Социальные кнопки