Портфоліо проекту до курсу "ІКТ в освіті",Бондарь Аліна
Зміст
Назва проекту
HTML
Предмет, навчальна тема
Інформатика
Вік учнів, клас
12-... років
Стислий опис проекту
Проект з інформатики «HTML» призначений для зацікавлення учнів створення сайтів. Учні проводять опитування серед однолітків для визначення спільних вподобань, роблять аналіз отриманих відповідей. Ознайомлюються з історією створення програми HTML, переглядають веб-ресурси з данної теми. Працюють над створенням свого сайту на свій розсуд та на тематику, яку визначили при опитуванні однолітків (спільний сайт - робота в групі). Результати представляють у вигляді доповіді, представляють власні сайти. Кращі роботи нагороджуються (але кожен отримуе нагороду за цікавий дизайн, за креативність оформлення и тд.)
Діяльність учнів та вчителя
План роботи учня у проекті
Діяльність учнів у проекті (етапи реалізації проекту)
1 етап: Презентація вчителем проекту. Обговорення поставленої проблеми. Знайомство з критеріями виконання своїх робіт.
2 етап: Учні проводять опитування серед однолітків для визначення спільних вподобань, роблять аналіз отриманих відповідей.
3 етап: Ознайомлюються з історією створення програми HTML, переглядають веб-ресурси з данної теми
4 етап: Працюють над створенням свого сайту на свій розсуд та на тематику, яку визначили при опитуванні однолітків (спільний сайт - робота в групі).
5 етап: Аналіз та оцінювання програмного забезпечення.
6 етап: Результати представляють у вигляді доповіді, представляють власні сайти..
7 етап: Кращі роботи нагороджуються (але кожен отримуе нагороду за цікавий дизайн, за креативність оформлення и тд.)
Електронний журнал
- Журнал Журнал
Методичні та дидактичні матеріали проекту
Мультимедійна презентація проекту:
- Google Диск - Презентація
Календар подій проекту:
Google Календар - Календар проекту
Методичні та дидактичні матеріали
- ТестиТест
- Опитувальник Анкета
- Гра Зіставлення
- Стенгазета Стенгазета
Спілкування між учасниками проекту
- Блог [<!DOCTYPE html>
<html> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
html { height: 100%;
} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font-family:verdana; font-size:150%; height: 100%;
} .wrapper { width: 100%; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%; }
.header {
margin-top:20px;
height: 152px; background-image: url(image/head.jpg); text-align:center; font-size:200%; font-family:Comic Sans MS;
}
.middle { width: 100%; padding: 0 0 100px; position: relative; } .middle:after { display: table; clear: both; content: ; } .container { width: 100%; float: left; overflow: hidden; } .content { padding: 0 270px 0 270px; }
.left-sidebar {
float: left;
width: 250px;
margin-left: -100%;
position: relative;
background-image: url(image/head.jpg);
}
.right-sidebar { float: left; width: 250px; margin-left: -250px; position: relative; background-image: url(image/head.jpg); }
.footer { margin-top: -70px auto 0; min-width: 1000px; height: 40px; background-image: url(image/head.jpg); position: relative; } p::first-letter {
color: #ff0000;
font-size: xx-large;}
a:link {color:green; background-color:transparent; text-decoration:none}
a:visited {color:blue; background-color:transparent; text-decoration:none}
a:hover {color:red; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
</style> </head>
<body style="background-image:url(image/fon.jpg)"> <nav><a href="прізвище.html">Сторінка автора</a></nav>
<header class="header">
Українські рушники</header>
<main class="content">
Вишитий рушник в Україні посідає особливе місце. Рушники — це символ України, відбиття культурної пам'яті народу, в їх узорах збереглися прадавні магічні знаки, образи «дерева життя», символіка червоного кольору. З літописів відомо, що під час весняних заклинальних обрядів дерева обвішувались «убрусами». Вишиті на них орнаментальні символи відповідали заклинальній символіці родючості. Рушник у давнину відігравав важливу роль, на ньому вишивалися священні язичницькі зображення. Це були «язичницькі іконостаси», сповнені глибокої архаїки.
Впродовж віків рушникам надавалося важливе образно-символічне значення. Рушник — у свідомості українського народу наділявся широким спектром знакових властивостей і саме тому він являє собою значне непересічне явище духовної культури, будучи етнічним культурним символом України.
Рушники є неодмінними атрибутами народного побуту, весільної обрядовості, вони застосовуються як традиційна окраса житла. Важливі події в житті народу ніколи не обходилися без рушників. Мабуть у всьому декоративному мистецтві немає іншої такої речі, яка концентрувала б у собі стільки різноманітних символічних значень. У вишивці рушників знайшли відображення орнаменти, пов'язані з образами добра, краси, захисту від усього злого на землі. Орнаменти вишивки рушників — це народна пам'ять про життєдайні сили землі та сонця.
</main><aside class="left-sidebar"> <figure style="text-align:center">
<img src="image/uz1.jpg" alt="с1" width="250" height="255" > <img src="image/uz2.jpg" alt="с2" width="250" height="255" > <figcaption>Деякі приклади узорів</figcaption> </aside>
<aside class="right-sidebar">
Cайти зі схемами узорів:
<a href="http://art-time.at.ua">Art-time</a>
<a href="https://aurora.empherino.net/tag/shema-dlya-vyshivki-rushnika.html">Aurora Borealis</a>
<a href="http://fhouse.org.ua/vesilni-rushniki/">Весільні узори</a>
<a href="http://www.diartstyle.com.ua/sxemi-vishivok-vesilnix-rushnikiv/">DiArtStyle</a>
</aside>
</div>
</div>
<footer class="footer"> <address>Створила - Бондарь Аліна</address></footer>
</body> </html> Приклад сайту]
Інформаційні ресурси
Друковані джерела
Відеоматеріали
- Як створити сайт - Відео уроки 1
- Як створити таблицю - Відео уроки2
Електронні ресурси
- Створення тестів - http://master-test.net
Кіровоградський державний педагогічний університет імені Володимира Винниченка
