Презентація «Розміщення графіки, аудіо- та відеоінформації на веб-сторінках»

Тема : «Розміщення графіки, аудіо- та відеоінформації на веб-сторінках» Майстер виробничого навчання. СОВЕНКО Світлана Михайлівна

Мета урокунавчальна: ознайомити учнів з особливостями виконання технологічних операцій по розміщенню графіки аудіо- та відеоінформації в HTML-документі; формування первинних умінь по створенню та редагуванню HTML-документів; оволодіння мовою HTML та вивчення специфіки роботи з тегамирозвиваюча: розвивати логічну пам'ять і мислення; розвивати практичні вміння та навички роботи за ПКвиховна: виховувати бережне ставлення до обладнання, особисті якості оператора з обробки інформації: охайність, дисциплінованість, самостійність, відповідальність, педантичність, етичність та ділові – організаторські здібності, колективізм

Інструктаж щодо правил поведінки в умовах воєнного стану. ЩО РОБИТИ ПРИ СИГНАЛІ «ПОВІТРЯНА ТРИВОГО» Вразі сповіщення повітряної тривоги перебуваючи вдома та під час дистанційного навчання негайно всім здобувачам освіти прямувати до найближчих захисних споруд, укриттів при цьому зберігати спокій, не панікувати. Швидко одягнутися. Закрити вікна, вимкнути усі електричні та нагрівальні прилади, перекрити газ, загасити печі, вимкнути світло. Взяти «тривожну валізу» (індивідуальні засоби захисту, запас продуктів і води, особисті документи, кишеньковий ліхтар). ЩО РОБИТИ ПІД ЧАС ОБСТРІЛУ СТРІЛЕЦЬКОЮ ЗБРОЄЮ? слід ховатися у захищеному приміщенні (ванній кімнаті) або варто лягти прикрившись предметами, що здатні захистити від уламків і куль. Якщо ви потрапили під стрілянину на відкритому місці, краще впасти на землю та закрити голову руками. Ефективним захистом буде будь-який виступ, тротуар, бетонна сміттєва урна, сходинки ґанку, заглиблення в землі або канава. Не ховайтеся за автомобілями або кіосками, бо вони часто стають мішенями. Тіло повинно бути в максимально безпечному положенні. Згрупуйтеся, ляжте в позу ембріона. Розверніться ногами у бік стрілянини, прикривши голову руками та відкривши рот, щоб близький вибух не завдав шкоди барабанним перетинкам.

Інструктаж щодо правил поведінки в умовах воєнного стану

Інструктаж з ОП та БЖДПід час роботи на комп'ютері та іншій оргтехніці на вчителя можуть впливати наступні небезпечні та шкідливі фактори: електрострум і випромінювання; перенапруження зору під час роботи з електронними пристроями, монітором, особливо при нераціональному розташуванні екрана по відношенню до очей. Робоче місце з комп'ютером та оргтехнікою повинно розміщуватися на відстані не менше 1м від стіни, від стіни з віконними отворами - на відстані не менше 1,5 м. Про всі виявлені під час роботи несправності обладнання необхідно доповісти керівнику, у випадку поломки необхідно припинити роботу до усунення аварійних обставин. При виявленні можливої небезпеки, попередити оточуючих та негайно повідомити керівнику; утримувати в чистоті робоче місце, не захаращувати його сторонніми предметами. Безпека життєдіяльності – комплексна система знань про захищеність життя і діяльності особистості, суспільства і життєвого середовища від небезпечних факторів природного і штучного характеру. Безпека життєдіяльності— система технічних умов, засобів, вимог, правил та способів роботи, що гарантує на виробництві безпечні й сприятливі умови праці, усуває небезпеку, запобігає небезпеці. Суворо забороняється: Торкатися задніх стінок комп'ютера і кабелів; торкатися до проводів живлення і заземлення; торкатися екрана монітора і його задньої стінки;Класти книги, зошити на клавіатуру, „мишу" або монітор; працювати з мокрими руками або в мокрому одязі. Перед роботою переконайся у відсутності видимих пошкоджень. Під час роботи: Не допускай різких і грубих ударів по клавішах; у жодному разі не намагайся самостійно ремонтувати ПК; Після закінчення роботи: Коректно заверши роботу з активними програмами; Прибери своє робоче місце.

Повторимо правила безпеки життєдіяльності при роботі з комп’ютерною технікою

Вставка малюнка на сторінкуimg src - зображення займе всю сторінку. Приклад:

Вставка малюнка на сторінку. Зміна розмірів малюнка:widht - ширина height – довжина. Приклад:widht=50% height=50% - малюнок зменшиться по ширині та довжині в два рази

Вставка малюнка на сторінку. Фон сторінкиbody background Приклад:

Розміщення зображень у тексті• l e f t — зображення розміщене в лівій частині сторінки, текст обтікає його з правого боку;• r i g h t — зображення розміщене у правій частині сторінки, текст обтікає його з лівого боку;• top — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно за верхньою межею малюнка;• bottom — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно за нижньою межею малюнка;• middle — обтікання немає, зображення розміщене в тексті, відповідний рядок якого вирівняно по середній лінії малюнка. Для взаємного розміщення тексту і зображень призначений атрибут ALIGN у тегу За замовчунням атрибут ALIGN має значення l e f t .

Графічні гіперпосилання. Зображення, як і текст, можна використовувати як посилання. Зображення-посилання має синю рамку, а після наведення на нього вказівника миші той набуває такої самої форми, що й у випадку текстового посилання. Для цього тег необхідно помістити між тегами <А> і .<А HREF="приклад1.htm">

Використання мультимедіа на веб-сторінках. Internet Explorer може завантажувати та відтворювати фоновий звук. Звук зберігається у файлі. Для вставлення фонового звуку використовують тег такого формату: Атрибут LOOP може набувати значень: • true — повторення звуку доти, доки сторінка відображається на екрані; • false — відтворення звукового файлу один раз; • число — кількість відтворень. Наприклад:

Посилання на музичний файл. Для запуску музичного файлу за допомогою гіперпосилання на текст, використовують теги такого формату:ПІСНЯПосилання на музичний файл. При натисканні на слово «ПІСНЯ» з лівого боку сторінки з’являється Медіа-програвач, починає лунати мелодія

Розміщення та відтворення на веб-сторінках мультимедійних даних. Формати аудіо- та відеофайлівcontrolsposter

Опис відео файлів

Картка-завдання 1 Дайте відповді на такі запитання: Які теги використовуються для вставлення зображень на веб-сторінку?Назвіть способи розміщення зображень у тексті Веб-документа . Що таке графічні гіперпосилання? Розміщення та відтворення на веб-сторінках мультимедійних даних.

Створіть веб-документ в якому потрібно: Розмістити зображення. Застосувати фон на сторінціВставити музичний файл. Вставити відео файл. Картка-завдання 2