10-А, В, Г, Д
Теоретический и практический материал для 10-х классов на время карантина. Начало (продолжение тут).
Содержание
Первая неделя (12)
Доброе время суток!
Повторяем построение таблиц на веб-страницах. Тем, кто забыл, что это такое, настоятельно рекомендую изучить соответствующую статью на этом сайте.
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Пупкин Вася. 10-Ы класс</title> </head> <body> <!-- Содержимое сайта --> </body> </html> |
Создадим простую таблицу.
Для стилевого оформления таблицы можно, но не обязательно, воспользоваться кодом:
1 2 3 4 5 6 7 8 9 10 |
<style type="text/css"> table{ width: 300px; /* Ширина таблицы */ border-collapse: collapse; /* Убираем двойные линии между ячейками */ } td, th{ padding: 3px; /* Поля вокруг содержимого таблицы */ border: 1px solid black; /* Параметры рамки */ } </style> |
Теперь вам нужно самостоятельно создать две таблицы из этого файла: 5 и 6. Исходники и скриншоты страниц отправляйте на электропочту. Кроме этого вам нужно повторить статью на этом сайте. Возможен тест 😉
Пупкин Вася. 10-Ы класс
которая должна содержать вашу фамилию и класс.Вопросы можно задавать с помощью формы ниже, в Telegram и, конечно же, через электропочту.
Вторая неделя (13)
Доброе время суток!
Продолжаем изучать XHTML. Главной задачей этой недели будет изучение работы с графикой. Теоретический материал по этой теме вы сможете найти в статье. На этой неделе практических заданий не будет.
Третья неделя (14)
Доброе время суток!
Продолжаем работать с мультимедиа.
Чтобы добавить аудио файл на сайт нужно между тегами <audio controls>
и </audio>
указать прямую ссылку на файл. Ссылка указывается с помощью тега <SOURCE>
. Вот как будет выглядеть готовый код:
1 2 3 |
<audio controls> <source src="music.mp3"> </audio> |
Например:
Чтобы добавить видео файл вставляется аналогично, только теги «немного» другие <video controls>
и </video>
указать прямую ссылку на файл. Ссылка указывается с помощью тега <SOURCE>
. Вот готовый код:
1 2 3 |
<video controls> <source src="video.mp4"> </video> |
Например:
Если нужно вставить видео из ютуба, то можно использовать предоставляемый ими встраиваемый код:
1 2 3 4 |
<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> |
А теперь практическое задание 🙂 Вам необходимо создать страницу одной из ваших любимых музыкальных групп. Пример такой страницы приведен ниже:
Код страницы (можно использовать как образец):
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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
<!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> |
Таким образом, вам фактически нужно взять эту страницу за образец и заменить текст, картинки и ссылки на медиа на свои. Хочу напомнить, что в браузерах Chrome и Firefox есть специальный режим разработчика (вкл./выкл.
Исходники и скриншоты страниц отправляйте ТОЛЬКО НА ЭЛЕКТРОПОЧТУ.
Вопросы можно задавать с помощью формы ниже, в Telegram (c 800 до 1600) и, конечно же, через электропочту.
Четвертая неделя (15)
Доброе время суток!
Настало время познакомиться с фреймами.
Теоретический материал этой недели изложен в статье на этом сайте. Рекомендую сделать конспект.
После изучения теории вам необходимо будет пройти тест. Для прохождения теста вам будут нужны пароли: 10-А, 10-В, 10-Г, 10-Д.
Как начать тест и ввести пароль смотрим на видео:
Вопросы можно задавать с помощью формы ниже, в Telegram (c 800 до 1600) и, конечно же, через электропочту.
Пятая неделя (16)
Доброе время суток!
Плавно переходим к Информационной Безопасности.
Теоретический материал этой недели изложен в пяти статьях на этом сайте:
- Основні поняття;
- Загрози безпеці інформації;
- Основні загрози;
- Технічні засоби добування інформації;
- Об’єкти захисту;
Не пугайтесь, что так много: во-первых, темы очень маленькие, во-вторых — это задание на всю неделю. Рекомендую сделать конспект.
После изучения теории вам необходимо будет пройти тест. Для прохождения теста вам будут нужны пароли: 10-А, 10-В, 10-Г, 10-Д.
Как начать тест и ввести пароль смотрим на видео:
Вопросы можно задавать с помощью формы ниже, в Telegram (c 800 до 1600) и, конечно же, через электропочту.
Шестая неделя (17)
Доброе время суток!
Продолжаем изучать Информационную Безопасность.
Теоретический материал этой недели изложен в пяти статьях на этом сайте:
- Правові основи забезпечення безпеки;
- Основні захисні механізми;
- Ідентифікація та аутентифікація користувачів;
- Криптографічні методи захисту інформації;
- Виявлення атак;
Не пугайтесь, что так много: во-первых, темы очень маленькие, во-вторых — это задание на всю неделю. Рекомендую сделать конспект.
После изучения теории вам необходимо будет пройти тест. Для прохождения теста вам будут нужны пароли: 10-А, 10-В, 10-Г, 10-Д.
Как начать тест и ввести пароль смотрим на видео:
Вопросы можно задавать с помощью формы ниже, в Telegram (c 800 до 1600) и, конечно же, через электропочту.
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 та введіть пароль