HTML 5 by Leonid Flegantov

Основи Web-майстерності

HTML Методичні вказівки та завдання до лабораторних робіт

Частина 5 Фрейми. Мультимедіа на веб-сторінці. Таблиця Web-кольорів.

Основи Web-майстерності: HTML.

Основи Web-майстерності: HTML. Частина 5. Методичні вказівки та завдання до лабораторних робіт. – 52 c.

Фрагмент методического пособия представлен для ознакомления с продукцией электронного магазина МЕТОДИЧКА http://metodichka.com.ua/ МЕТОДИЧКА – Лучшие пособия для самостоятельного практического обучения!

Основи Web-майстерності: HTML.

Зміст ЗАНЯТТЯ 12 .................................................................................. 5 Фрейми ............................................................................................................. 5 Основні питання заняття............................................................................ 5 Вертикальні фрейми ................................................................................... 6 Горизонтальні фрейми ............................................................................... 8 Сітка з фреймів ..........................................................................................10 Вкладені фрейми .......................................................................................10 Налаштування границь та полів фреймів .............................................11 Навігація по фреймах ...............................................................................13 "Плаваючі" фрейми. Елемент IFRAME ................................................16 Компоновка веб-сторінок за допомогою фреймів..............................17 Доповнення електронного довідника темою „Фрейми” ...................20 На цьому занятті ........................................................................................21 ЗАНЯТТЯ 13 ................................................................................ 22 Мультимедіа на веб сторінці....................................................................22 Основні питання заняття..........................................................................22 Вставка фонового звуку ...........................................................................22 Вставка аудіофайлів до веб-сторінки....................................................23 Вставка відеофайлів до веб-сторінки ....................................................24 Доповнення електронного довідника темою „Мультимедіа на вебсторінці” ......................................................................................................26 На цьому занятті ........................................................................................26 ЗАНЯТТЯ 14 ................................................................................ 27 Корисні додатки ...........................................................................................27 Основні питання заняття..........................................................................27 Таблиця Web-кольорів .............................................................................27 Доповнення до електронного довідника - „Додатки”........................48 На цьому занятті ........................................................................................48

Основи Web-майстерності: HTML.

Ці методичні вказівки є посібником для виконання лабораторних робіт з основ веб-майстерності при підготовці фахівців за напрямом "Web-дизайн". У посібнику докладно розглядаються всі основні можливості та практичні аспекти застосування мови HTML (Hyper Text Markup Language, мова розмітки гіпертекстових документів) до розробки веб-сторінок. За основу взято останню на цей час базову версію HTML 4.01. Частина 5 методичних вказівок містить: основні відомості про фрейми, їх призначення, створення і використання; технології впровадження аудио та відеооб’єктів до веб-сторінки, управління їх розміщенням та використання; опис створення таблиці Webбезпечних кольорів. Методичні вказівки можуть бути використані для самостійної роботи всіма, хто хоче самостійно опанувати мову HTML та навчитись її застосовувати для розробки веб-сторінок та веб-сайтів. Посібник побудований таким чином, що при умові ретельного виконання усіх вправ та суворого дотримання методичних вказівок, по закінченні вивчення курсу студент має одержати самостійно створений ним електронний "Довідник Веб-майстра".

МЕТОДИЧКА http://metodichka.com.ua/ Магазин классных методичек!

Основи Web-майстерності: HTML.

Заняття 12 Фрейми Основні питання заняття - Вертикальні фрейми - Горизонтальні фрейми - Сітка з фреймів - Вкладені фрейми - Налаштування границь та полів фреймів - Навігація по фреймах. - "Плаваючі" фрейми. Елемент IFRAME - Компоновка веб-сторінок за допомогою фреймів - Доповнення електронного довідника темою „Фрейми”

Фрейм - окрема, самостійна частина вікна броузера, у якій незалежно від інших частин може відображатися будь-який HTMLдокумент або інший прив’язаний до фрейма файл. Для створення системи фреймів у коді веб-сторінки використовують замість елемента BODY елемент FRAMESET. Всередині парного елемента FRAMESET між відкриваючим та закриваючим тегами небхідно задати декілька елементів FRAME, кількість яких повинна дорівнювати кількості фреймів. Порядок розташування елементів FRAME має відповідати порядку заповнення фреймів. Елемент FRAME має головний атрибут SRC, якій вказує URL (адресу) HTML-файлу, який буде відображатится у даному фреймі. Наприклад, атрибут SRC="content.html" вказує, що у даному фреймі буде відображатися вміст файлу content.html . Для виконання вправ з побудови фреймів створіть у папці HTML ще одну папку під назвою 12. В цій папці зберігайте всі файли, які будуть створені в ході 12-го заняття.

Основи Web-майстерності: HTML.

Вертикальні фрейми Для створення системи вертикальних фреймів необхідно спочатку створити головний (компоновочний) файл, у якому, в елементі FRAMESET, слід встановити атрибут COLS, у якому через кому вказують ширину кожного фрейму. Кількість аргументів атрибуту COLS дорівнює кількості вертикальних фреймів (стовпців). Наприклад, атрибут COLS="100, 200, *" задає три вертикальних фрейма, шириною відповідно: лівий - 100 пікселів, середній - 200 пікселів, правий - займає ту частину вікна броузера, що залишилася. Розміри фреймів можна задавати у пікселях (наприклад, 200, 250"), у процентах від розміру вікна броузера COLS="20%, *, 20%") або у відносних розмірах COLS="1*, 2*, 3*" - три фрейма шириною відповідно вікна броузера).

COLS="100, (наприклад, (наприклад, 1/6, 2/6, 3/6

Всередині парного елемента FRAMESET між відкриваючим та закриваючим тегами розміщують елементи FRAME, кількість яких повинна дорівнювати кількості фреймів. У кожному елементі FRAME треба вказати атрибут SRC, якій задає адресу URL файлу, якій буде відображатися у даному фреймі. Порядок розташування елементів FRAME має відповідати порядку заповнення фреймів, а саме: зліва-направо. Створимо систему з трьох вертикально розміщених фреймів. Спочатку створіть компоновочний файл для системи вертикальних фреймів за наступним лістингом. Цей файл і всі наступні файли на цьому занятті зберігайте в папку 12. Лістинг 12.1. Файл 1_fset.html <HTML><HEAD> <TITLE>Вертикальні фрейми</TITLE> </HEAD> <FRAMESET COLS="25%,*,25%"> <FRAME SRC="1_left.html"> <FRAME SRC="1_center.html"> <FRAME SRC="1_right.html"> 6

Основи Web-майстерності: HTML.

</FRAMESET> </HTML> Тепер створіть ще три файли, які будуть відображатися у створених фреймах. Файл для лівого фрейму. Лістинг 12.2. Файл 1_left.html <HTML><HEAD> <TITLE>Лівий фрейм</TITLE> </HEAD> <BODY BGCOLOR="TEAL"> <P>Вміст лівого фрейму</P> </BODY></HTML> Файл для центрального фрейму Лістинг 12.3. Файл 1_center.html <HTML><HEAD> <TITLE>Центральний фрейм</TITLE> </HEAD> <BODY BGCOLOR="ORANGE"> <P>Вміст центрального фрейму</P> </BODY></HTML> Файл для правого фрейму. Лістинг 12.4. Файл 1_right.html <HTML><HEAD> <TITLE>Правий фрейм</TITLE> </HEAD> <BODY BGCOLOR="#cc6600"> <P>Вміст правого фрейму</P> </BODY></HTML> Відкрийте компоновочний файл у броузері і оцініть результат. 7

Основи Web-майстерності: HTML.

Горизонтальні фрейми Для створення системи горизонтальних фреймів необхідно в елементі FRAMESET задати атрибут ROWS, у якому, через кому, вказують аргументи. Кількість аргументів атрибуту ROWS визначає кількість горизонтальних фреймів (рядків), а їх значення - висоту горизонтальних фреймів. Наприклад, атрибут ROWS="100, 200, *" задає три горизонтальних фрейма, вісотою відповідно: верхній - 100 пікселів, другий - 200 пікселів, третій - займає ту частину вікна броузера, що залишилася. Розміри фреймів можна задавати у пікселях (наприклад, ROWS="100, 200, 250"), у процентах від розміру вікна броузера (наприклад, ROWS="20%, *, 20%") або у відносних розмірах (наприклад, ROWS="1*, 2*, 3*" - три фрейма висотою відповідно 1/6, 2/6, 3/6 вікна броузера). Всередині парного елемента FRAMESET між відкриваючим та закриваючим тегами розміщують елементи FRAME, кількість яких повинна дорівнювати кількості фреймів. У кожному елементі FRAME треба вказати атрибут SRC, якій задає адресу URL файлу, якій буде відображатися у даному фреймі. Порядок розташування елементів FRAME має відповідати порядку заповнення фреймів, а саме: згори-вниз. Створимо фреймів.

компоновочний

файл

для

системи

Лістинг 12.5. Файл 2_fset.html <HTML><HEAD> <TITLE>Горизонтальні фрейми</TITLE> </HEAD> <FRAMESET ROWS="110,*, 60"> <FRAME SRC="2_top.html"> <FRAME SRC="2_middle.html"> <FRAME SRC="2_bottom.html"> </FRAMESET> 8

горизонтальних

Основи Web-майстерності: HTML.

</HTML> Тепер створіть ще три файли, які будуть відображатися у створених фреймах. Файл для верхнього фрейму. Лістинг 12.6. Файл 2_top.html <HTML><HEAD> <TITLE>Верхній фрейм</TITLE> </HEAD> <BODY BGCOLOR="#9999cc"> <P>Вміст верхнього фрейму</P> </BODY></HTML> Файл для середнього фрейму Лістинг 12.7. Файл 2_middle.html <HTML><HEAD> <TITLE>Середній фрейм</TITLE> </HEAD> <BODY BGCOLOR="#cccc00"> <P>Вміст середнього фрейму</P> </BODY></HTML> Файл для нижнього фрейму. Лістинг 12.8. Файл 2_bottom.html <HTML><HEAD> <TITLE>Нижній фрейм</TITLE> </HEAD> <BODY BGCOLOR="#FF6633"> <P>Вміст нижнього фрейму</P> </BODY></HTML> Відкрийте компоновочний файл у броузері і оцініть результат. 9

Основи Web-майстерності: HTML.

Пользуясь эти методическим пособием Вы сможете детально, на прмерах, изучить язык гипетектовой разметки веб-страниц HTML МЕТОДИЧКА http://metodichka.com.ua/

"Плаваючі" фрейми. Елемент IFRAME Парний елемент IFRAME, якій розташовується у звичайному HTMLдокументі у розділі BODY, створює на веб-сторінці "вікно", яке має всі властивості звичайного фрейму ("плаваючий фрейм"). Разом з тим, на відміну від звичайних фреймів, які займають фіксоване положення, плаваючий фрейм можна розташувати на веб-сторінці довільним чином, подібно до того, як це робится із зображеннями або таблицями. Атрибути елементу IFRAME SRC - задає URL-адресу файлу, який відображається у фреймі. WIDTH, HEIGHT - ширина і висота фрейму. ALIGN - задає вирівнювання фрейму відносно оточуючого тексту. MARGINWIDTH, MARGINHEIGHT, FRAMEBORDER, SCROLLING - ширина полів, вивід рамки фрейма і смуг прокрутки. NAME - задає ім'я фрейму, яке використовується при визначенні цільового фрейма. Наступний лістинг демонструє реалізацію плаваючих фреймів. Лістинг 12.19. Файл 7_iframe.html <HTML><HEAD> <TITLE>"Плаваючі" фрейми. Елемент IFRAME</TITLE> 10

Основи Web-майстерності: HTML.

</HEAD> <BODY><H1>"Плаваючі" фрейми</H1><HR> <H3>IFRAME без додаткових атрибутів</H3> <IFRAME SRC="../../images/car.jpg">Ваш броузер не підтримує роботу з плаваючими фреймами.</IFRAME> <H3>Атрибути WIDTH=300 HEIGHT=200 відповідають розмірам зображення</H3> <IFRAME SRC="../../images/car.jpg" WIDTH=300 HEIGHT=200> Ваш броузер не підтримує роботу з плаваючими фреймами. </IFRAME> <H3>FRAMEBORDER=0</H3> <IFRAME SRC="../../images/car.jpg" WIDTH=300 HEIGHT=200 FRAMEBORDER=0> Ваш броузер не підтримує роботу з плаваючими фреймами. </IFRAME> <H3>Повний набір атрибутів</H3> <IFRAME SRC="../../images/car.jpg" WIDTH=300 HEIGHT=200 FRAMEBORDER=0 SCROLLING=NO NAME="car" MARGINWIDTH=0 MARGINHEIGHT=0> Ваш броузер не підтримує роботу з плаваючими фреймами. </IFRAME> </BODY></HTML> Компоновка веб-сторінок за допомогою фреймів Вкладені фрейми можна використати для компоновки веб-сторінок наступним чином. Головний файл фреймової структури. Лістинг 12.20. Файл 8_fset.html 11

Основи Web-майстерності: HTML.

<HTML><HEAD> <TITLE>Назва веб-сайта</TITLE> </HEAD> <FRAMESET ROWS="70,*, 52"> <FRAME SRC="8_header.html"> <FRAMESET COLS="170,*"> <FRAME SRC="8_menu.html"> <FRAME SRC="8_main.html" NAME="main"> </FRAMESET> <FRAME SRC="8_footer.html"> </FRAMESET> </HTML> Назва веб-сайту – веб-сторінка завантажується у верхній фрейм. Лістинг 12.21. Файл 8_header.html <HTML><HEAD> <TITLE>Верхній фрейм</TITLE> </HEAD> <BODY BGCOLOR=#cc6600> <H1>Назва веб-сайту</H1> </BODY></HTML> Меню веб-сайту – сторінка завантажується у лівий фрейм. Вона містить гіперпосилання на інші сторінки веб-сайту, які будуть завантажуватися у правий (цільовий) фрейм. Лістинг 12.22. Файл 8_menu.html <HTML><HEAD> <TITLE>Меню</TITLE> <BASE TARGET="main"> </HEAD> 12

Основи Web-майстерності: HTML.

<BODY BGCOLOR=#ffcc99> <H2>Меню</H2> <TABLE WIDTH=100%> <TR ALIGN=RIGHT><TD><A HREF="8_main.html">Головна</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 1</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 2</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 3</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 4</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 5</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 6</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 7</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 8</A></TR> <TR ALIGN=RIGHT><TD><A HREF="6_proba.html">Пункт 9</A></TR> </TABLE> </BODY></HTML> Головна (титульна) сторінка веб-сайту – при початковому завантаженні фреймової структури завантажується у правий фрейм. Лістинг 12.23. Файл 8_main.html <HTML><HEAD> <TITLE>Головна сторінка сайту</TITLE> </HEAD> <BODY><H2>Головна сторінка сайту</H2> 13

Основи Web-майстерності: HTML.

</BODY></HTML> Сторінка, яка завантажується у нижній фрейм. Вона міститьпідпис автора та інші подібні відомості. Лістинг 12.24. Файл 8_footer.html <HTML><HEAD> <TITLE>Нижній фрейм</TITLE> </HEAD> <BODY BGCOLOR=#cc9966>

<ADDRESS>&copy; 2004 Флегантов Л.О., <A href="mailto:Leonid.Flegantov@rambler.ru">Leonid.Fleganto </BODY></HTML> Відкрийте компоновочний файл 8_fset.html і оцініть результат. Доповнення електронного довідника темою „Фрейми” Щоб додати тему „Фрейми” до складу електронного довідника, у головний файл електронного довідника index.html перед закриваючим тегом </OL> в кінці файлу додайте наступні рядки. Лістинг 12.25. Доповнення до файлу index.html <LI> Фрейми. <UL> <LI><A HREF="html/12/1_fset.html">Вертикальні фрейми</A> <LI><A HREF="html/12/2_fset.html">Горизонтальні фрейми</A> <LI><A HREF="html/12/3_fset.html">Сітка з фреймів</A> <LI><A HREF="html/12/4_fset.html">Вкладені фрейми</A> <LI><A HREF="html/12/5_fset.html">Налаштування границь та полів фреймів.</A> <LI><A 14

Основи Web-майстерності: HTML.

HREF="html/12/6_fset.html">Навігація по фреймах.</A> <LI><A HREF="html/12/7_iframe.html">"Плаваючі" фрейми. Елемент IFRAME</A> <LI><A HREF="html/12/8_fset.html">Компоновка веб-сторінок за допомогою фреймів.</A> </UL> На цьому занятті - Вертикальні фрейми - Горизонтальні фрейми - Сітка з фреймів - Вкладені фрейми - Налаштування границь та полів фреймів - Навігація по фреймах. - "Плаваючі" фрейми. Елемент IFRAME - Компоновка веб-сторінок за допомогою фреймів - Доповнення електронного довідника темою „Фрейми”

Основи Web-майстерності: HTML.

Заняття 13 Мультимедіа на веб сторінці Основні питання заняття - Вставка фонового звуку - Вставка аудіофайлів до веб-сторінки - Вставка відеофайлів до веб-сторінки - Доповнення електронного довідника темою „Мультимедіа на веб-

сторінці” Вставка фонового звуку Для підключення звукового файлу у фоновому режимі застосовується одиночний елемент BGSOUND, якій має наступні атрибути: SRC - задає URL (адресу) звукового файлу LOOP - задає кількість повторень звукового фрагменту. Якщо LOOP="infinite", то фрагмент буде повторюватися без остановки VOLUME - задає гучність. Може приймати цілі значення від "-10000" (мінімальна гучність) до "0" (максмальна гучність) BALANCE - налагодження стереобалансу. Може приймати значення від "-10000" до "10000". При крайніх значеннях працює лише один з динаміків. Лістинг 13.1. Файл 13.1.html <HTML><HEAD> <TITLE>Вставка фонового звуку</TITLE> </HEAD> <BODY BGCOLOR="buttonFace"> <H1>Вставка фонового звуку</H1><HR> <H2>Вставка фонового звуку. Елемент BGSOUND</H2> <IMG SRC="../images/sunset.jpg" WIDTH="100%" BORDER="2"> <BGSOUND SRC="../sounds/onestop.mid" LOOP="1" 16

Основи Web-майстерності: HTML.

VOLUME= "0" BALANCE="0"> </BODY></HTML> Вставка аудіофайлів до веб-сторінки Для впровадження у веб-сторінку аудіо та відео з елементами управління застосовується елемент EMBED, якій має наступні атрибути: SRC - задає URL (адресу) звукового файлу WIDTH i HEIGHT - задають відповідно ширину і висоту панелі програвача мультимедіа (в пікселах або в % від розміру повного вікна). Якщо ці атрибути не вказані, панель програвача має мінімальний розмір достатній для відображення усіх елементів управління звуком AUTOSTART - може приймати два значення: AUTOSTART="TRUE" (звучання розпочинається автоматично) або AUTOSTART="FALSE" (звучання розпочинається по команді користувача) HIDDEN - може приймати два значення: HIDDEN="TRUE" (панель музичного програвача не відображується.) або HIDDEN="FALSE" (панель програвача відображується. Це корисно, коли звук супроводжується відеокліпом) ALIGN i VALIGN - задають горизонтальне вирівнювання відносно оточуючого тексту.

та вертикальне

Лістинг 13.2. Файл 13.2.html <HTML><HEAD> <TITLE>Вставка аудіофайлів до веб-сторінки</TITLE> </HEAD> <BODY BGCOLOR="buttonFace"> <H1>Вставка аудіофайлів до веб-сторінки</H1><HR> <H2>Впровадження аудіо з елементами управління. Елемент EMBED</H2> <H3>Музична композиція "Pinball"</H3> <H4>Ширина і висота панелі програвача WIDTH i 17

Основи Web-майстерності: HTML.

HEIGHT не задані</H4> <EMBED SRC="../sounds/pinball.mid" AUTOSTART="FALSE"> <H4 CLEAR="LEFT">Задано атрибут HEIGHT="280"</H4> <EMBED SRC="../sounds/pinball.mid" AUTOSTART="FALSE" HEIGHT="280"> <HR CLEAR="LEFT"> <H3>Музична композиція "Town"</H3> <NOBR> <IMG SRC="../images/car.jpg"><IMG SRC="../images/car2.jpg"> </NOBR> <BR CLEAR="LEFT"> <EMBED SRC="../sounds/town.mid" AUTOSTART="FALSE" WIDTH=600 HEIGHT=45> <HR CLEAR="LEFT"> <H3>Музична композиція "Flourish"</H3> <IMG SRC="../images/strawberry.jpg"> <BR CLEAR="LEFT"> <EMBED SRC="../sounds/flourish.mid" AUTOSTART="FALSE" WIDTH=576 HEIGHT=45 LOOP="3"> </BODY></HTML>

Основи Web-майстерності: HTML.

Заняття 14 Корисні додатки Основні питання заняття - Таблиця Web-кольорів - Доповнення до електронного довідника - „Додатки”

Таблиця Web-кольорів Для зручної роботи корисно мати під рукою таблицю 16-кових кодів кольорів. Лістинг 14.1. Файл 14.1.html <HTML><HEAD> <TITLE>Таблиця Web-кольорів</TITLE> </HEAD><BODY> <H1>Таблиця Web-кольорів</H1> <TABLE border=1 cellPadding=2 cellSpacing=0 width="100%"> <TR align=middle> <TD>FFFFCC <TD>FFFF99 <TD>FFFF66 <TD>FFFF33 <TD>FFFF00 <TD>CCCC00</TR> <TR align=middle> <TD bgColor=#ffffcc>&nbsp; <TD bgColor=#ffff99>&nbsp; <TD bgColor=#ffff66>&nbsp; <TD bgColor=#ffff33>&nbsp; <TD bgColor=#ffff00>&nbsp; 19

Основи Web-майстерності: HTML.

<TD bgColor=#cccc00>&nbsp;</TR></TABLE> <P> <TABLE border=1 cellPadding=2 cellSpacing=0 width="100%"> <TR align=middle> <TD>FFCC66 <TD>FFCC00 <TD>FFCC33 <TD>CC9900 <TD>CC9933 <TD>996600</TR> <TR align=middle> <TD bgColor=#ffcc66>&nbsp; <TD bgColor=#ffcc00>&nbsp; <TD bgColor=#ffcc33>&nbsp; <TD bgColor=#cc9900>&nbsp; <TD bgColor=#cc9933>&nbsp; <TD bgColor=#996600>&nbsp;</TR></TABLE> <P> <TABLE border=1 cellPadding=2 cellSpacing=0 width="100%"> <TR align=middle> <TD>FF9900 <TD>FF9933 <TD>CC9966 <TD>CC6600 <TD>996633 <TD>663300</TR> <TR align=middle> <TD bgColor=#ff9900>&nbsp; 20

Основи Web-майстерності: HTML.

Доповнення до електронного довідника - „Додатки” Щоб додати „Додатки” до складу електронного довідника, у головний файл електронного довідника index.html перед закриваючим тегом </OL> в кінці файлу додайте наступні рядки. Лістинг 14.2. Доповнення до файлу index.html <LI>Додатки. <UL> <LI><A HREF="html/14.1.html">Таблиця Web-кольорів.</A> </UL> На цьому занятті - Таблиця Web-кольорів - Доповнення до електронного довідника - „Додатки”

МЕТОДИЧКА http://metodichka.com.ua/ Магазин классных методичек!

Гимнастика для глаз А. Динамический комплекс 1.

Движения глаз вправо-влево, 30 секунд.

Движения глаз вверх-вниз, 30 секунд.

Движения глаз по диагоналям, по 30 секунд.

Круговые движения глазами по часовой стрелке, 30 секунд.

Круговые движения глазами против часовой стрелки, 30 секунд.

Упражнения 1-5, только с закрытыми глазами, общая продолжительность до 3 минут.

Б. Самомассаж глаз 1.

Сильно зажмурить глаза на 3-5 секунд, затем широко открыть глаза на 3-5 секунд. Повторить 10-12 раз.

Быстро моргать в течение 1-2 минут.

Смотреть вдаль 3-5 секунд (можно в окно), затем на палец руки в 2530 см от глаз (можно на оконную раму) в течение 3-5 секунд, повторить 10-12 раз.

Тремя пальцами каждой руки легко нажать на верхнее веко, спустя 1-2 секунды снять пальцы. Повторить 5-6 раз.

Круговыми движениями подушечек пальцев помассировать височную область в течение 2-3 минут.

Выполнить массаж затылочной области продольными движениями пальцев обеих рук в направлении от затылочного бугра к 7-му шейному позвонку и обратно до появления чувства «прилива» к голове.

Регулярное выполнение этих простых упражнений поможет вам уменьшить усталость глаз при работе на компьютере и надолго сохранить хорошее зрение.