План-конспект уроку«Автоматизоване створеннята публікація веб-ресурсів»
Урок №2 , "Ідея.Структура та етапиСтвореннявласного сайту."(11 клас)
Тема уроку : Автоматизоване створення веб-ресурсів. Ідея. Структура та етапи створення власного сайту.
Мета: Ознайомити учнів із плануванням створення сайтів , пошуку ідеї, стоврення структури, етапами створення.
Розвивальна: Поповнити словник новими термінами, розширити свої знання з данної теми.
Виховна: Виховання самоорганізації учня та покрокового вирішення роботи у процесі створення веб-ресурсів.
Тип уроку: Урок засвоєння нових знань.
Хід уроку :
1. Організаційний момент уроку
(підготовка робочих місць, перевірка присутності )
2. Актуалізація уроку.
Бесіда за запитаннями:
Що таке сайт,яке призначення сайтів ?
З чого потрібно почати створення власного сайту?
Які програми та сервіси ви знаєте для автоматизованого створення та публікації веб-ресурсів.
3. Засвоєння нового матеріалу.
ПРОГРАМИ, ЩО ПОТРІБНІ ДЛЯ WEB-МАСТЕРИНГУ
Для виготовлення професійних сторінок доведеться вивчити декілька професійних програм.
ВІЗУАЛЬНІ РЕДАКТОРИ
Дозволяють швидко розробляти web-сторінки і корегувати вже написані, але з ними потрібно бути обережними, оскільки, завдяки саме їм, сторінка може погано відображатися в браузері. Найвідомішим є DremWiever, але зрештою можна використовувати те, що більше подобається. Часто згодом доводиться вручну виправляти код, що був згенерований даними програмами.
ПРОГРАМИ ОБРОБКИ РАСТРОВОЇ ГРАФІКИ
Це одні з найважливіших програм, які доведеться освоїти. Вона нададуть змогу веб-розробнику здійснити:
• Сканування фотографій;
• Корекція відсканованих і готових фотографій, зокрема - тонова і колірна корекція;
• Ретуш фотографій;
• Розуміння відмінностей у форматах графічних файлів;
• Грамотне використання фільтрів;
Як конкретні програми можна привести наступні:
• Adobe PhotoShop - дана програма є лідером в області графічних програм такого роду.
• Adobe ImageReady - підтримує фільтри від Adobe PhotoShop і є незамінною для створення анімованих Gif-зображень. Зрештою, ідеальних редакторів немає, деякі краще роблять одне, деякі – інше, тому для складніших або специфічних завдань можна використовувати інші програми
ПРОГРАМИ ОБРОБКИ ВЕКТОРНОЇ ГРАФІКИ
Ще одні з важливих для дизайнера програм. Дозволяють створювати з нуля або з використанням клипартів різні логотипи, кнопки, ефектні написи і т.п. речі. Принципи векторних редакторів сильно відрізняються від растрових тому освоювати їх доведеться окремо. Але, освоївши їх, можна виготовляти фірмові візитки, бланки, брошури. Типовими представниками даного класу є Corel DRAW і Adobe Illustrator - обидва є лідерами в своїх областях і, відповідно, мають останні досягнення в області векторної графіки. На противагу ним можна порадити програму Corel Xara.
Дана програма, на відміну від двох попередніх, є швидкою і маленькою, але деякі ефекти і дії, що є доступними в інших програмах, в ній зробити або важко, або взагалі неможливо.
ПРОГРАМИ ПЕРЕГЛЯДАННЯ WEB-СТОРІНОК
Це браузери - в даний час популярними є три браузера - це Microsoft Internet Explorer, Opera та Mozilla FireFox. Для контролю зовнішнього вигляду сторінок доведеться скористатися власне ними. Якісна веб-сторінка повинна однаково виглядати в будь-якому з цих браузерів.
ПРОСТИЙ ТЕКСТОВИЙ РЕДАКТОР
Знадобиться для ручного виправлення і додавання HTML-коду, оскільки існуючі візуальні редактори не можуть повністю контролювати процес створення web-сторінки. Як приклад підійде звичайний Блокнот із стандартного постачання Windows або один HTML-редакторів, які мають вбудовані команди на перевірку правильності тегів і структури документів.
ТЕКСТОВИЙ ПРОЦЕСОР
Потрібен для набору тексту, перевірки орфографії і виправлення помилок в розпізнаних текстах. Як приклад - звичайний Microsoft Word.
ВИСНОВОК
Дизайнери надмірно захоплюються сучасними технологіями, зокрема, постійно влаштовують конференції, тоді як користувачам насправді немає ніякої справи до технологій. Їм потрібно тільки щоб сторінка швидко завантажувалася, текст читався, контент відповідав на їх питання, а навігація і пошук дозволяли знайти потрібну інформацію.
4. Підведення підсумків уроку
Запитання для релаксації:
Поняття та особливості сайтів різних типів:
статичних веб-сайтів, веб-спільнот, інтернет-магазинів, порталів, блогів;
відмінності між веб-сторінками типу домашньої, веб-каталогу, форуму, чату, сторінкою розділу веб-сайту;
поняття блогу;
дизайн та правила оформлення веб-сторінок;
поняття хостингу;
призначення та типи сервісів Веб 2.0;
призначення та особливості функціонування веб-спільнот;
процес створення веб-сайтів;
процес створення блогу й публікації повідомлень;
формати зображень, відео- та аудіокліпів, що публікуються на веб-сторінках;
5. Домашнє завдання
1.Повторити засвоєний матеріал. записаний у зошит.
2. Придумати ідею для створення власного сайту.
|