Прагнути бути самим собою — єдиний спосіб мати успіх



Скачати 250,77 Kb.
Дата конвертації08.02.2017
Розмір250,77 Kb.
Прагнути бути самим собою —

єдиний спосіб мати успіх.

Стендаль

Розвиток сучасних освітніх процесів в Україні характеризується увагою до особистості учня. Освіта повинна базуватися на цілісності, розвитку творчих здібностей дітей. Тому актуальним сьогодні є створення нових освітніх технологій, які сприятимуть розвитку особистості, формуванню її культури, творчості, реалізації у житті.

З’явилося багато інноваційних проектів, сутність яких полягає у перетворенні безособистісної педагогіки в педагогіку особистості. Одним з таких проектів є модульно-розвивальна система навчання.

Суть цієї системи – максимально реалізувати позитивний потенціал учителя і учня в розумовому та духовному розвитку, врахувати різні можливості учнів в пізнавальній діяльності, забезпечити невід’ємне право кожного реалізувати в навчанні свої потреби, інтереси, здібності.

Модульно-розвивальна система навчання реалізовується в блоковій подачі матеріалу – групуванні понять навколо наскрізних у темі або розділі. Це цілісна система знань, засвоєння якої передбачає рух від загального до конкретного, застосування життєвого досвіду учнів, опору на їх емоції і ціннісні орієнтації.

Завдання для учнів повинні бути настільки важкими, щоб діти працювали з напруженням своїх розумових здібностей, але, разом з тим, і настільки посильними, щоб не було настирливого педагогічного керівництва.

Основна перевага модульного навчання – це орієнтація на учня, на його самоосвіту, на виконання вправ і самоконтроль. За такого підходу навчальний процес для дитини стає осмисленішим, гарантується економія часу, знання, уміння і навички характеризуються гнучкістю і системністю, широким застосуванням їх в нестандартних ситуаціях.

Зміст модульно-розвивального навчання визначається цілісною системою змістових модулів. Природно, що структура кожного із семи етапів модульно-розвивального процесу неоднорідна.

Змістово-пошуковий етап ґрунтується на:


  • організації процесу виникнення, постановки і розв’язування пізнавальних проблемних ситуацій;

  • диференціації та індивідуалізації учнівського пошуку;

  • урізноманітненні способів теоретичного аналізу.

Творча атмосфера, що створена на занятті, залучає дітей до самостійного пошуку, розширює проблемно-діалогічне поле свідомості учнів і вчителя. Гарний настрій та володіння собою допоможуть бути уважними. Пропоную учням бути активними, аналізувати та порівнювати нове, шукати нові засоби розв'язання навчальних знань. Пропонуй гіпотези, не бійся помилитися, шукай причини та наслідки, порівнюй, зіставляй, відшукуй відповіді на запитання, роби самостійно висновки — це сходинки успіху моїх учнів.

Інтегрування історії, географії, біології, літератури на уроках інформатики посилює розвиваючий вплив предмета на особистість, внутрішньо мотивуючи її пізнавальну діяльність. І як результат змістово-пошукового модуля – творче домашнє завдання, виконуючи яке учень одержить не лише результат, а й відчуття радості праці.



Інформатика, 11 клас

Змістово-пошуковий міні-модуль (1х30 хв)

Тема. Включення графіки до Web-сторінки.

Мета:

Навчальна:

  • організація активного пошуку знань;

  • сформулювати правила включення графіки до Web–сторінок;

  • формувати навички Web–дизайну;

  • учити учнів шукати нові способи реалізації набутих знань;

Розвивальна:

  • розвиток навичок порівняння та узагальнення знань;

  • розвиток навичок самостійної роботи;

  • розвиток комунікабельності;

Виховна:

  • робота в колективі;

  • формування інтересу до вивчення ІКТ;

  • виховання цілеспрямованості у навчальній діяльності.


Обладнання: ПК, робочі папки «Мова HTML» із завданнями, мережева контролююча програма Test-w з тестами відповідного змісту (Test_HTML), презентація «Подумай і скажи», запис Вправи.mp3 (для зняття напруження очей та м’язів).

ХІД ЗАНЯТТЯ

І. Рефлексія.

Вправа «Пуп’янок, що розпускається»

Клас об’єднується у 2 групи по 5-6 чоловік.

Учням необхідно:

Утворивши в коло, присісти, взятись за руки.

Постарайтесь одночасно встати, не відпускаючи рук. (Можна обговорювати як ви будете це робити)

Кожна група повинна перетворитись на квітку, що розкривається. Для цього діти повинні відхилитись назад, кріпко тримаючи один одного за руки.

Коли групи виконали завдання, запропонувати виконати це ж завдання разом (увесь клас).

Запитання до дітей:


  • Чи сподобалась вам ця гра?

  • Як ваша група справилась із завданням?

  • Чи швидко ви змогли піднятись?

  • Чи були труднощі при цьому?

  • Чи обговорювали ви один з одним як будете справлятись із труднощами?

  • Від чого залежить виконання даного завдання?


Квітка рішень: співробітництво, терпіння, спільна діяльність, толерантність, бажання досягти успіху…

Вчитель: Я хочу, щоб усе це ви взяли з собою для вивчення нової теми. Тоді, я думаю, ви досягнете успіхів та отримаєте нові знання, уміння, а також задоволення від роботи та спілкування один з одним.
ІІ. Інструктаж з техніки безпеки.

ІІІ. Актуалізація опорних знань.

1. Тестування на комп’ютері. (Програма Test-w)

Зміст файлу Test_HTML:



  1. Який тег вказує на те, що текст, який знаходиться між ним, є HTML-кодом?

    1. ;

    2. ;

    3. ;

    4. .

  2. Який із файлів є web-сторінкою?

    1. site.doc;

    2. first.mp3;

    3. site.txt;

    4. text.html.

  3. Який із заголовків найбільшого розміру?

    1. Мій перший крок! ;

    2. Мій перший крок!

      ;


    3. Мій перший крок!
      ;

    4. Мій перший крок!

      .

  4. Назву Web-сторінки записують між тегом...

    1. ;

    2. ;

    3. </b></i>; <br /><li/> <br /><BODY>. <br /></ol> <li/> <br /><b>В якому із парних тегів кінцевий тег є не обов'язковим? </b> <br /><ol> <li/> <br /><h2>; <br /><li/> <br /><i><b> <br />;</b></i> <br /><li/> <br /><TITLE>; <br /><li/> <br /><HTML>. <br /></ol> <li/> <br /><b>Оберіть правильний запис вирівнювання тексту по центру сторінки. </b> <br /><ol> <li/> <br /><h2> Hello! </h2>; <br /><li/> <br /><h2> <align=center> Hello! </h2>; <br /><li/> <br /><i><b><h2> Hello! </h2></b></i>; <br /><li/> <br /><h2> Hello! </h2>. <br /></ol> <li/> <br /><b>Виберіть правильний запис коду для такого речення:</b> <br /></ol> <br /><b>Думка найхуткіша</b><sup><b>1</b></sup><b>, земля найситніша, сон наймиліший.</b> <br /><ol> <ol> <li/> <p>Думка найхуткіша <SAP> 1 </SAP> , земля найситніша, сон наймиліший.; </p> <br /><li/> <br /><i><b> <br />Думка найхуткіша <SUP> 1 </SUP> , земля найситніша, сон наймиліший.; </b></i> <br /><li/> <p>Думка найхуткіша </p> <br />1 </BR> , земля найситніша, сон наймиліший.; <br /><li/> <p>Думка найхуткіша <b> 1 </b> , земля найситніша, сон наймиліший. </p> <br /></ol> <li/> <br /><b>За допомогою якого тегу можна змінити колір і гарнітуру шрифту? </b> <br /><ol> <li/> <br /><i><b><BASEFONT></b></i>; <br /><li/> <br /><i></i>; <br /><li/> <br /><FACE>; <br /><li/> <br /><FASE>. <br /></ol> <li/> <br /><b>Який вигляд буде мати слово </b><b>web-дизайн</b><b> при такому записі html-коду: </b> <br /></ol> <br /><b> <br /><i> web-дизайн </i> - це цікаво! </b> <br /><ol> <ol> <li/> <br />верхній індекс; <br /><li/> <br />нижній індекс; <br /><li/> <br />підкреслений; <br /><li/> <br /><i><b>курсив</b></i>. <br /></ol> <li/> <br /><b>Визначення фону web-сторінки відбувається у тезі... </b> <br /><ol> <li/> <br /><HTML>; <br /><li/> <br /><HEAD>; <br /><li/> <br /><TITLE>; <br /><li/> <br /><i><b><BODY></b></i>. <br /></ol> <li/> <br /><b>Колір фону web-сторінки змінюється таким кодом: </b> <br /><ol> <li/> <br /><HTML color="red">; <br /><li/> <br /><BODY color="navy">; <br /><li/> <br /><i><b><BODY bgcolor="brown"></b></i>; <br /><li/> <br /><i><b><BODY bgcolor="#003300"></b></i>. <br /></ol> <li/> <br /><b>Для використання зображення в якості фону потрібно записати такий html-код... </b> <br /><ol> <li/> <br /><BACKGRAUND="pic.jpg">; <br /><li/> <br /><i><b><BODY background="mal.jpg"></b></i>; <br /><li/> <br /><BODY backgraund="pic.jpg">; <br /><li/> <br /><BODY bgcolor="mal.jpg">. <br /></ol> </ol> <br /> <br /><b>2. Альтернативні завдання.</b> <p>Кожен учень одержує робочу папку «Мова HTML» з інструкцією по виконанню роботи. Інструкція містить тему, мету роботи і альтернативні варіанти завдань різного рівня складності.</p> <br /> <br /><b>Завдання для роботи</b> <br /> <br /><u><b>Завдання № 1 </b></u><i><b>(</b></i><i><b>Середній рівень досягнень</b></i><i><b>)</b></i> <p>Створити Web-сторінку з назвою <b>Прислів'я</b>, відформатувати наступним чином: </p> <br /><ul> <li/> <br />заголовок: шрифт — <i>Tahoma</i>; колір — <i>червоний (red)</i>; <i>курсив</i>; вирівнювання — по центру; <br /><li/> <br />прислів’я: шрифт — <i>Arial</i>; колір — <i>темно-синій (navy)</i>; <br /><li/> <br />колір фону — <i>світло-сірий (silver)</i>. <br /></ul> <br />Усі назви пір року виділити напівжирним шрифтом; номер прислів'я, яке Вам сподобалось найбільше підкреслити. <br />1<b>. Весна</b> красна квітками, а <b>осінь</b> — пирогами. <br /> <br /><u>2</u>. Як у травні дощ надворі, то <b>восени</b> хліб у коморі. <p>3. Готуй <b>влітку</b> сани, а <b>взимку</b> воза. </p> <p>4. Прийде <b>літо</b> — все розмаїте, прийде <b>зима</b> — нічого нема. <br />Відступивши три рядки, зробити напис: <b>Сайт підготував: <a href="/za-yakoyu-programoyu-slid-vivchati-uchniv-i-skladati-harakteri.html">Прізвище</a>, ім’я (учень _ класу). Дата.</b> <br /><u><b>Завдання № 2</b></u> <i><b>(</b></i><i><b>Достатній рівень досягнень)</b></i> </p> <p>Створити Web-сторінку з назвою <b>Дикий світ тварин</b>. Відформатувати наступним чином: </p> <br /><ul> <li/> <br />заголовок: шрифт — <i>Courier New</i>; колір — <i>синій (blue)</i>; вирівнювання — по центру; <br /></ul> <ul> <li/> <br />№1: шрифт — <i>Arial</i>; колір — <i>бузковий (purple)</i>; <br /><li/> <br />№2: шрифт - <i>Impact</i>; колір — <i>темно-синій (navy)</i>; <br /><li/> <br />№3: шрифт — <i>Tahoma</i>; шістнадцятковий код кольору <i>#0000FF</i>; <br /><li/> <br />№4: шрифт — <i>Book Antiqua</i>; колір — <i>зелений (green)</i>. <br /></ul> <br />Встановити колір фону з шістнадцятковим кодом <i>#99FFCC</i>. <p>Усі назви тварин виділити напівжирним шрифтом; підкреслити. </p> <br /> <br /><ol> <li/> <br /><u><b>Змії</b></u> можуть спати три роки підряд, не вживаючи їжі, а <u><b>мурашки</b></u> ніколи не сплять. <br /><li/> <br /><u><b>Гепард</b></u> — єдина кішка в світі, яка не може ховати кігті. <br /><li/> <br />У <u><b>тигрів</b></u> не тільки смугаста шерсть, а й смугаста шкіра. <br /><li/> <br /><u><b>Слон</b></u> — єдина тварина з чотирма колінами. <br /></ol> <p>Відступивши три рядки, зробити напис: <b>Сайт підготував: Прізвище, ім’я (учень _ класу). Дата.</b> (Запис (учень _ класу): <i>нижній індекс).</i></p> <br /><u><b>Завдання № 3</b></u><i> </i><i><b>(Високий рівень досягнень)</b></i> <p>Створити Web-сторінку з назвою <b>Сім чудес України</b>. Параметри форматування: </p> <br /><ul> <li/> <br />заголовок: шрифт — <i>Book Antiqua</i>; колір — <i>бузковий (purple)</i>; вирівнювання — по центру; <br /></ul> <ul> <li/> <br />№1: шрифт — <i>Comic Sans MS</i>; колір — <i>жовтий (yellow)</i>; <br /><li/> <br />№2: шрифт — <i>Courier New</i>; колір — <i>темно-синій (navy)</i>; <br /><li/> <br />№3: шрифт — <i>Impact</i>; шістнадцятковий код кольору <i>#800080</i>; <br /><li/> <br />№4: шрифт — <i>Arial</i>; колір — <i>зелений (green)</i>. <br /><li/> <br />№5: шрифт — <i>Tahoma</i>; колір — <i>малиновий (maroon)</i>; <br /><li/> <br />№6: шрифт — <i>Courier New</i>; колір — <i>червоний (red)</i>; <br /><li/> <br />№7: шрифт — <i>Impact</i>; шістнадцятковий код кольору <i>#336699</i>; <br /></ul> <br />Усі назви чудес виділити напівжирним шрифтом; підкреслити. <p>Використати в якості фону зображення <i>"fon.gif"</i>. Дане зображення повинно бути нерухомим (при прокрутці сторінки фон повинен залишатися на місці).</p> <br /><u><b>«Кам’янець». </b>Національний історико-архітектурний заповідник</u>.<i> </i> <br /> <br /><i>Літопис приписує будівництво кам'яної фортеці литовським князям Корятовичам, які правили князівством у 60-90-х рр. XIV cт. Високий скелястий берег р. Смотрич, живописний краєвид, величезні вежі з таємничими латинськими надписами...</i> <br /><u><b>Києво-Печерська Лавра. </b>Православний <a href="/zalikova-robota-disciplina-informatika-kuleturni-pamyatki-ukra.html">монастир</a></u><u>.</u><i><u> </u></i> <br /> <br /><i>Києво-Печерська Лавра — православний монастир, заснований у 1051 році монахами Антонієм і Феодосієм у печерах біля літньої княжої резиденції Брестово поблизу Києва...</i> <br /><u><b>Хотинська фортеця. </b>Державний історико-архітектурний заповідник</u>. <br /> <br /><i>Фортеця, яка пережила століття і бачила під своїми мурами полчища воїнів Османської імперії, повстанців Мухи, народних месників Дитинки, вояків Дмитра Вишневецького, Петра Дорошенка...</i> <br /> <br /><u><b>Софіївка. </b>Національний дендрологічний парк</u>.<i> </i> <br /> <br /><i>Уманський парк "Софіївка" є шедевром і зразком світового садово-паркового мистецтва кінця XVIII – початку XIX сторіч. Парк розкинувся на площі 154,7 гектарів на узбіччі старовинного міста Умань Черкаської області...</i> <br /> <br /><u><b>Софія Київська. </b>Всесвітньо відома пам'ятка архітектури</u>. <br /> <br /><i>Софійський собор — всесвітньо відома пам'ятка архітектури і монументального живопису ХI століття. Заснування собору згадується в літописах як під 1017 р., так і під 1037 р...</i> <br /> <br /><u><b>Херсонес Таврійський. </b>Давнє місто-держава</u>. <br /> <br /><i>Це місто-держава мало довге життя — майже дві тисячі років — і його історія є частиною історії Древньої Греції, Древнього Риму та Візантії...</i> <br /> <br /><u><b>Хортиця. </b>Національний заповідник і найбільший острів на Дніпрі</u><u>.</u> <br /> <br /><i>Сільський пейзаж острова є ідеальним місцем для музею Запорізьких козаків та козацьких кінних змагань.</i> <br />Відступивши три рядки, зробити напис: <b>Сайт підготував: Прізвище, ім’я (учень _ класу). Дата.</b> (Запис (учень _ класу): <i>нижній індекс).</i> <br /><b>ІІІ. </b><span><b>Мотивація навчальної діяльності.</b></span> <p>Ви вже знаєте, як створювати найпростіші Web-документи, що містять заголовки, звичайний текст. Однак погодьтеся, що сторінки, на яких розміщено лише текст, мають не надто привабливий вигляд і навряд чи викличуть у когось захоплення. Важко знайти в WWW сторінку, яка не мала б зображень. </p> <p>У більшості професійно створених сайтів використовують графічне оформлення, що дає змогу яскраво та наочно подати інформацію. Для цього на Web-сторінках розміщують відповідні графічні файли, які можуть мати різні формати. Зображення повинні бути розроблені у такий спосіб, щоб допомогти користувачу сприймати текстову інформацію та доповнювати її. </p> <p>Ми навчимось вставляти зображення до Web–сторінок та розглянемо різноманітні варіанти їх розташування у тексті.</p> <br /><b>ІV. Організація пошукової діяльності.</b> <br /> <br /><u><b>1. Проблемне завдання.</b></u> <br /> <br /><b>З'ясувати: </b>Як вставити свою фотокартку у Web-сторінку? <br /> <br /><u><b>2. Демонстраційно-дослідницький практикум.</b></u> <p>Для розміщення картинок на Web-сторінках є <a href="/programa-dlya-zagalenoosvitnih-navchalenih-zakladiv-v2.html">спеціальний тег </a><<b>IMG</b>>, що має обов’язковий параметр <b>src</b> і декілька необов’язкових параметрів. Розглянемо цей тег детальніше.</p> <br /> <br />Вчитель демонструє приклади Web-сторінок із графічними файлами, різними способами їх розміщення та вирівнювання на сторінці. В процесі роботи учні заповнюють запропоновану таблицю: <br /><span id='Розміщення_зображень_на_Web-сторінці'><h2> Розміщення зображень на Web-сторінці</span></h2> <center> <table width="675" cellpadding="5" cellspacing="1"> <col width="81"> <col width="63"> <col width="298"> <col width="187"> <tr> <td width="81" height="22"> <br /><b>Атрибут</b> <br /></td> <td width="63"> <br /><b>Тег</b> <br /></td> <td width="298"> <br /><b>Значення</b> <br /></td> <td width="187"> <br /><b>Пояснення</b> <br /></td> </tr> <tr> <td width="81"> <br /><b>src</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br /> <br /> <br /></td> <td width="187"> <br />Повне ім'я файлу зображення <br /></td> </tr> <tr> <td width="81"> <br /><b>align</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />"<b>top</b>" - вирівнювання нижньої межі зображення по нижньому краю текстового рядка; <br />"<b>middle</b>" - вирівнювання середини зображення по нижньому краю текстового рядка; <br />"<b>bottom</b>" - вирівнювання верхньої межі зображення по верхньому краю текстового рядка <br /></td> <td width="187"> <br />Вертикальне вирівнювання зображення відносно тексту <br /></td> </tr> <tr> <td width="81"> <br /><b>align</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />"<b>left</b>" - по лівому краю сторінки; <br />"<b>right</b>" - по правому краю сторінки <br /></td> <td width="187"> <br />Горизонтальне вирівнювання зображення та обтікання його текстом <br /></td> </tr> <tr> <td width="81"> <br /><b>width</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />число (в пікселях) <br /></td> <td width="187"> <br />Ширина зображення <br /></td> </tr> <tr> <td width="81"> <br /><b>height</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />число (в пікселях) <br /></td> <td width="187"> <br />Висота зображення <br /></td> </tr> <tr> <td width="81"> <br /><b>hspace</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />число (в пікселях) <br /></td> <td width="187"> <br />Висота відступу зверху і знизу від малюнка <br /></td> </tr> <tr> <td width="81"> <br /><b>vspace</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />число (в пікселях) <br /></td> <td width="187"> <br />Ширина відступу зліва і справа від малюнка <br /></td> </tr> <tr> <td width="81"> <br /><b>border</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />число (в пікселях) <br /></td> <td width="187"> <br />Товщина рамки навколо малюнка <br /></td> </tr> <tr> <td width="81"> <br /><b>alt</b> <br /></td> <td width="63"> <br /><b>IMG</b> <br /></td> <td width="298"> <br />текст <br /></td> <td width="187"> <br />Альтернативний текст <br /></td> </tr> <tr> <td width="81"> <br /><b>clear</b> <br /></td> <td width="63"> <br /><b>BR</b> <br /></td> <td width="298"> <br />"<b>left</b>" <br />"<b>right</b>" <br /></td> <td width="187"> <br />Зупинка обтікання малюнка текстом <br /></td> </tr> </table> </center> <br /> <br /><i>Якщо малюнок знаходиться в іншій папці, то його краще переписати в папку, де знаходиться HTML-документ.</i> <br /> <br /><u><b>3. Вирішення проблемного завдання.</b></u> <br /> <br /><b><img src=”photo.jpg” align=”left” hspace=”30” vspace=”7” alt=”мoя фотокартка” width=”80” height=”80”></b> <p>За допомогою браузера перегляньте свій HTML-файл, встановіть інші параметри розташування фотокартки, подивіться результат.</p> <br /> <br /><span id='V._Творча_робота.'><h2> <span>V. Творча робота.</span></span></h2> <br />Кожен учень одержує робочу папку «Мова HTML» з інструкцією по виконанню роботи. Інструкція містить тему, мету роботи і альтернативні варіанти завдань різного рівня складності. <br /> <br /><u><b>Завдання № 1 </b></u><i><b>(</b></i><i><b>Середній рівень досягнень</b></i><i><b>)</b></i> <br /> <br /><span>У <a href="/pravila-povedinki-v-gromadsekih-miscyah.html">створену Вами </a></span>Web-<span>сторінку</span><b> Прислів'я</b><span> додати </span>зображення зими. Параметри зображення: <br /><ul> <li/> <br />розмір зображення — <i>85 х 100 пікселів</i>; <br /><li/> <br />товщина рамки навколо зображення — <i>2</i><i> пікселі</i>; <br /><li/> <br />відступи навколо малюнка — <i>10 пікселів</i>; <br /><li/> <br />малюнок містить альтернативний текст — <i>"Зима"</i>. <br /></ul> <br /><u><b>Завдання № 2</b></u> <i><b>(</b></i><i><b>Достатній рівень досягнень)</b></i> <br /> <br /><span>У створену Вами </span>Web-<span>сторінку</span> <b>Дикий світ тварин</b><span> додати </span>зображення тварин. Параметри зображень: <br /><ul> <li/> <br />розмір першого зображення тварини — <i>10</i><i>0 х 80 пікселів</i>; <br /><li/> <br />товщина рамки навколо зображення гепарда — <i>2</i><i> пікселі</i>; <br /><li/> <br />товщина рамки навколо зображення тигра — <i>3</i><i> пікселі</i>; <br /><li/> <br />відступи навколо третього і четвертого малюнків — <i>15 пікселів</i>; <br /><li/> <br />зображення слона містить альтернативний текст — <i>"Слон"</i>. <br /></ul> <br /><u><b>Завдання № 3</b></u><i> </i><i><b>(Високий рівень досягнень)</b></i> <br /> <br /><span>У створену Вами </span>Web-<span>сторінку</span><b> Сім чудес України</b><span> додати </span>зображення чудес України. Параметри зображень: <br /><ul> <li/> <br />розмір першого зображення — <i>10</i><i>0 x 120 пікселів</i>, товщина рамки — <i>1 піксель, </i>малюнок з лівого краю, текст його обтікає справа; <br /><li/> <br />розмір другого зображення — <i>130 x 150 пікселів</i>, товщина рамки — <i>2 пікселі</i>; <br /><li/> <br />розмір третього зображення — <i>170 x 200 пікселів</i>, товщина рамки — <i>3 пікселі, </i>малюнок з правого краю, текст його обтікає зліва; <br /><li/> <br />розмір четвертого зображення — <i>200 x 200 пікселів</i>, товщина рамки —4 <i>пікселі</i>; <br /><li/> <br />зображення Софії Київської, Херсонесу Таврійського та Хортиці необхідно вставити до Web-сторінки таким чином, щоб їх розміри змінювалися пропорційно до змін розмірів вікна браузера; <br /><li/> <br />горизонтальний відступ від малюнків до тексту — <i>20 пікселів</i>; <br /><li/> <br />відстань між текстом і малюнком по вертикалі<i> — 15</i><i> пікселів;</i> <br /><li/> <br />до кожного зображення додати альтернативний текст з відповідною назвою. <br /></ul> <br /> <br /><b>VІ. Тренінг (</b>Вправи для зняття напруження очей та м’язів). <br /> <br /><span>Вправи виконуються сидячи в зручній позі, хребет прямий, <a href="/ya-pracyuyu-vchitelem-u-shkoli-z-1989-r-pislya-zakinchenogo-fi.html">очі відкриті</a>, погляд прямо, </span>відвернувшись від комп'ютера. <br /> <br /><u>Звучить запис:</u> <br /><ol> <li/> <br /><span>Погляд спрямувати вліво-вправо, </span><span>вправо-прямо, вверх-прямо, додолу-прямо. Повторити 5 разів і 5 разів у зворотному напрямі.</span> <br /><li/> <br /><span>Закрити очі на рахунок «раз-два», </span><span>відкрити очі і подивитися на кінчик носа на </span><span>рахунок «три-чотири».</span> <br /><li/> <br /><span>Кругові рухи очей: до 5 кругів вліво і </span>вправо. <br /><li/> <br /><span>Зробити кілька глибоких вдихів і ви</span><span>дихів. Потягнутися на стільці, зігнувши руки </span><span>на потилиці, відхиляючи голову назад і випро</span><span>стовуючи плечі. Повторити 5 разів.</span> <br /><li/> <br /><span>Зробити нахили і повороти голови. По</span>вторити 5 разів. <br /></ol> <br /> <br /><b>VІІ. Л</b><span><b>анцюжок запитань</b></span><b>.</b> <p>Презентація <b>«Подумай і скажи»</b></p> <br /><span id='Завдання._Передбачте_результат_виконання_запропонованих_команд._Аргументуйте_свою_думку.'><h2> Завдання. <span>Передбачте результат виконання запропонованих команд. Аргументуйте свою думку.</span></span></h2> <ol> <li/> <br /><img src="реn.jpg" hspace="5" vspace="5">; <br /></ol> <br />Очікувана відповідь:<i> у Web-сторінку буде вставлений малюнок реn.jpg, відступи навколо малюнка рівні 5 пікселів.</i> <br /><ol start="2"> <li/> <h2> <span><img src="foto.jpg" align="right" border ="1"> </span> </h2> </ol> <br />Очікувана відповідь:<i> у Web-сторінку буде вставлений малюнок </i><i>foto.jpg</i><i> </i><i>з правого краю,</i><i> рамка навколо малюнка товщиною 1 піксель.</i> <br /><ol start="3"> <li/> <br /><img src="d:\uchni\map.gif" align="middle" width="80" height="80"> <br /></ol> <br />Очікувана відповідь:<i> у Web-сторінку буде вставлений малюнок map.gif, що міститься на диску D: у папці uchni</i>,<i> середина зображення вирівнюватиметься по низу текстового рядка, розміри 80х80 пікселів.</i> <br /><ol start="4"> <li/> <h2> <span><img src="mаp.jpg" align ="left" hspace="10" vspace="10" alt="карта"></span></h2> </ol> <br />Очікувана відповідь: <i>у Web-сторінку буде вставлений малюнок</i><i> mаp.jpg</i><i> з лівого краю</i><i>, </i><i>відступи навколо малюнка рівні 10 пікселів, альтернативний текст — Карта.</i> <br /><ol start="5"> <li/> <br /><img src="pic.jpg" align="left"> <br /></ol> <br />Очікувана відповідь:<i> у Web-сторінку <a href="/scenarij-do-200-richchya-z-dnya-narodjennya-kobzarya.html">буде вставлений </a></i><i>малюнок</i> <i>pic.jpg</i><i> з лівого краю, текст його обтікає справа</i>. <br /><ol start="6"> <li/> <br /><img src="d:\my_pic.jpg" align="right"> <br /></ol> <br />Очікувана відповідь:<i> у Web-сторінку</i><i> з правого краю</i><i> буде вставлений </i><i>малюнок </i><i>my_pic.jpg</i>,<i> що міститься на диску D:</i><i>, текст його обтікає зліва</i>. <br /><ol start="7"> <li/> <br /><img src="pic.jpg" vspace="10"> <br /></ol> <br />Очікувана відповідь:<i> у Web-сторінку буде вставлений малюнок ріс.jpg,</i><i> відстань між текстом і малюнком по вертикалі 10 пікселів.</i> <br /><ol start="8"> <li/> <br /><img src="pic2.jpg" hspace="30"> <br /></ol> <br />Очікувана відповідь:<i> у Web-сторінку буде вставлений малюнок ріс2.jpg,</i><i> відстань між текстом і малюнком по горизонталі 30 пікселів.</i> <br /><ol start="9"> <li/> <br /><img src="sea.jpg" width="100"> <br /></ol> <br />Очікувана відповідь<i>: у Web-сторінку буде вставлений малюнок</i> <i>sea</i><i>.jpg</i><i>,</i><i> </i><i>ширина </i><i>я</i><i>кого 100 пікселів.</i> <br /><ol start="10"> <li/> <br /><img src="picture.jpg" height="200"> <br /></ol> <br />Очікувана відповідь<i>: у Web-сторінку буде вставлений малюнок</i><i> pic</i><i>ture</i><i>.jpg</i><i>,</i><i> </i><i>висота малюнка 200 пікселів.</i> <br /><ol start="11"> <li/> <br /><img src="pіс.gif" border="5"> <br /></ol> <br />Очікувана відповідь<i>: у Web-сторінку буде вставлений малюнок ріс.jpg, </i><i>рамка навколо малюнка товщиною 5 пікселів.</i> <br /><ol start="12"> <li/> <br /><img src="pіс.gif" aling="left" hspace="30" vspace="5" alt="моя фотокартка"> <br /></ol> <br />Очікувана відповідь:<i> м</i><i>алюнок буде притиснутий до лівого краю екрана, текст буде його обтікати справа, відстань до тексту по горизонталі </i><i>—</i><i> 30 пікселів, по вертикалі </i><i>—</i><i> 5 пікселів, при встановленні курсора миші на малюнку з'явиться напис "</i><i>М</i><i>оя фотокартка".</i> <br /><b>VІІІ. Рефлексія.</b> <br /><ol> <li value="1"/> <br />Як я працював? Чи досягнув поставлених цілей? <br /><li/> <br />Що хотілося б зробити інакше, краще? <br /><li/> <br />Найбільший мій успіх – це . . . <br /><li/> <br />Найбільші труднощі я відчув . . . <br /><li/> <br />Я не вмів, а тепер умію . . . <br /><li/> <br />Які нові запитання з’явилися в тебе? <br /></ol> <br /> <br /><b>ІХ. Підсумок.</b> <br /> <br /><b>Х.</b> <b>Домашнє завдання.</b> <br /> <br /><b>Вивчити </b>конспект. <br /> <br /><b>Завдання.</b> Створити Web-сторінку з описом одного із районів Чернігівської області (кожен учень обирає один із районів). Сторінка повинна містити карту району, його символіку (герб, прапор, гімн), основні географічні та історичні дані. <br /> <br /><b>Випереджувальне домашнє завдання.</b> <br /><ol> <li value="1"/> <br />Підготувати кросворди з даної теми. <br /><li/> <br />Готуватись до конкурсу на кращий власний Web-сайт (Обрати тему, підготувати текстову інформацію, графічні файли з необхідними зображеннями). <br /></ol> <br /> <br /><b>Використана література</b> <br /><ul> <ol> <li/> <br />Гаєвський О.Ю. Інформатика: 7-11 кл. Навч. посіб. — К.: Видавництво А.С.К., 2003. — 512 с. <br /><li/> <br />Інформатика. Програми для загальноосвітніх навчальних закладів. — Запоріжжя: Прем’єр, 2003. — 304 с. <br /><li/> <br />К. Фопель<i> «</i>Как научить детей сотрудничать?» <br /><li/> <br />Пасічник О. Г., Пасічник О. В., Стеценко І. В. Основи веб-дизайну. Навч. посіб. — К.: Вид. група BHV. — 2009. — 336 с. <br /></ol> </ul> <div title="footer"> <br /> <br /></div></body></body></body></body></body></body></html></body>

      Поділіться з Вашими друзьями:


База даних захищена авторським правом ©refos.in.ua 2019
звернутися до адміністрації

увійти | реєстрація
    Головна сторінка


завантажити матеріал