-
Курсы
-
Другое
Найдено 68 материалов по теме
Предпросмотр материала:
Приложение 4.pptx
рисунки@SEP@1.jpg
рисунки@SEP@2.jpg
рисунки@SEP@3.gif
СТИХИ@SEP@248.gif
СТИХИ@SEP@Thumbs.db
СТИХИ@SEP@козлёнок.txt
Конспект урока.doc
Приложение 1.pptx
Приложение 2.doc
приложение 3.doc
Интерактивный помощник
Начать помощь
Àãíèÿ Áàðòî
Êîçë¸íîê
Ó ìåíÿ æèâ¸ò êîçë¸íîê,
ß ñàìà åãî ïàñó.
ß êîçë¸íêà â ñàä çåë¸íûé
Ðàíî óòðîì îòíåñó.
Îí çàáëóäèòñÿ â ñàäó -
ß â òðàâå åãî íàéäó.
Тема урока “ Создание комплексного информационного объекта в виде Web-страницы, включающей графические объекты с использованием шаблонов”
Цели:
Образовательный аспект:
· Способствовать закреплению понятий web-сервер, web-сайт, web-страница, web-браузер
· Содействовать формированию умений по созданию web-страниц при помощи html.
Развивающий аспект:
· Способствовать развитию памяти, внимательности, познавательного интереса.
Воспитательный аспект:
· Содействовать воспитанию информационной культуры, самостоятельности.
Методы:
Ü Словесные, наглядные, практические.
Формы опроса:
Ü Фронтальные, индивидуальные.
Материально-техническая база:
Ü Компьютерный класс.
Ü УМК: Семакин И.Г. “Информатика. Базовый курс” для 9 класса.
Ü Презентация к уроку (приложение 1)
Ü Карточки для контроля знаний (приложение 2)
Ü Карточки с описанием практической работы (приложение 3)
Ü Интерактивный помощник (приложение 4)
Тип урока:
· Комбинированный
Структура урока
1) Орг. Момент(1)
2) Проверка домашнего задания(3-5)
3) Контроль знаний(3-5)
4) Объяснение нового материала(5-7)
5) Применение новых знаний(15-20)
6) Информация о домашнем задании(1)
7) Подведение итогов(1)
Ход урока
|
Этапы урока |
Содержание деятельности |
Методические рекомендации |
|
1. Орг.момент.
|
Приветствие.
|
Приветствие, перекличка, проверка готовности учащихся к уроку. Слайд№1 (пустой) |
|
2. Проверка домашнего задания |
Прежде чем перейти к новому материалу давайте вспомним материал предыдущего урока:
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML>)
|
Фронтальный опрос учащихся
Слайд №1 |
|
3. Контроль знаний |
Самостоятельная работа |
На карточках
|
|
4. Объяснение нового материала
|
В классе на экране тема “ Создание комплексного информационного объекта в виде Web-страницы, включающей графические объекты с использованием шаблонов ”. На прошлом уроке вы изучили структуру web-страницы, основные теги для ее написания. Сегодня мы изучим тег для использования графических объектов на странице. На Web-страницы можно помещать изображения, хранящиеся в графических файлах трех форматов — GIF, JPG и PNG. Для вставки изображений существует тег <IMG>. Атрибут SRC указывает на место хранения файла на компьютере или в Интернете. Нужные размеры рисунка можно задать с помощью атрибутов WIDTH= (ширина) и HEIGHT= (высота). Положение рисунка относительно текста. Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа). Бегущая строка: <Marquee></Marquee> |
Слайд №2
Устный рассказ
Слайд №3-5
Слайд №6
Слайд №7 |
|
5. Применение новых знаний |
Инструктаж к практической работе Практическая работа за компьютерами по созданию web-страницы с использованием графических объектов и гиперссылок |
Устно Раздаются карточки и уч-ся должны создать Web-страницу |
|
Физ.минутка для глаз |
|
|
|
6. Информация о домашнем задании |
Теперь открыли дневники и записываем домашнее задание: конспект в тетради |
|
|
Подведение итогов |
Спасибо за урок! |
Выставление оценок |
<HTML></HTML>
<HEAD></HEAD>
<TITLE></TITLE>
<BODY></BODY>
Создание комплексного информационного объекта в виде Web-страницы
<IMG>
<IMG SRC="computer.gif">
<IMG SRC="C:\computer\computer.gif">
<IMG SRC="http://www.server.ru/computer.gif">
Атрибуты
WIDTH= - высота
HEIGHT= - ширина
ALIGN= - выравнивание
ТОР - верх
MIDDLE – центр
BOTTOM - низ
LEFT - слева
RIGHT - справа
Бегущая строка
<MARQUEE></MARQUEE>
|
Понятие |
Значение |
|
Web-сайт |
компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними |
|
Web-страница |
группа Web-страниц, принадлежащих определенной организации или человеку и связанных между собой по содержанию |
|
Web-сервер |
клиент-программа для работы пользователя с WWW |
|
Web-браузер |
отдельный документ, хранящийся на Web-сервере |
_____________________________________________________________________________________
|
Понятие |
Значение |
|
Web-сайт |
компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними |
|
Web-страница |
группа Web-страниц, принадлежащих определенной организации или человеку и связанных между собой по содержанию |
|
Web-сервер |
клиент-программа для работы пользователя с WWW |
|
Web-браузер |
отдельный документ, хранящийся на Web-сервере |
_____________________________________________________________________________________
|
Понятие |
Значение |
|
Web-сайт |
компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними |
|
Web-страница |
группа Web-страниц, принадлежащих определенной организации или человеку и связанных между собой по содержанию |
|
Web-сервер |
клиент-программа для работы пользователя с WWW |
|
Web-браузер |
отдельный документ, хранящийся на Web-сервере |
_____________________________________________________________________________________
Практическая работа
1. Создайте папку и переименуйте её своей фамилией.
2. В папке создайте 2 документа в программе Блокнот, на основе которого можно сделать Веб-страницу (сделайте заголовок, тело).
3. В свою папку скопируйте две картинки (большую для фона и маленькую) и одну анимацию, переименуйте их соответственно paint1.gif, paint2.gif, anim.gif. (расширения должны быть соответствующими вашим изображениям).
4. На основе первого документа сделайте страницу, содержащую все скопированные вами изображения, изменяя размер картинок с помощью атрибутов тега. Код для разметки Веб-страницы будет следующим:
<html>
<head>
<title> ИЗОБРАЖЕНИЕ1 </title>
</head >
<body background=paint1.jpg>
<img scr=paint2.gif>
<img scr=anim.gif>
</body>
</html>
5. Сохраните этот документ под именем document1.html
6. Второй документ должен содержать ссылку на этот документ, при нажатии на которую появится список. Код тела этой веб-страницы должен иметь вид:
<html>
<head>
<title> Гипертекст</title>
</head >
<body>
<A HREF=”document1.html”> Ссылка</A>
</body>
</html>
7. Самостоятельно постройте Веб-страницу. Она должна содержать 5-6 предложений, касающихся темы изображений, 3 картинки, 2 анимации, небольшой пояснительный текст и ссылку на первый документ.
8. Запишите новые теги в тетрадь
|
Тэги |
Атрибуты |
Значение |
|
<IMG> |
|
Вставка изображения |
|
SRC |
указывает на место хранения файла на компьютере или в Интернете |
|
|
WIDTH |
Ширина изображения |
|
|
HEIGHT |
Высота изображения |
|
|
ALIGN = top = middle = bottom = left = right |
Выравнивание вверху страницы посередине страницы внизу страницы слева страницы Справа страницы |
|
|
<A></A> |
HREF = “адрес” |
Ссылка на другой документ на компьютере или в интернете |
|
<MARQUEE> </MARQUEE> |
|
Бегущая строка |
"Описание материала:
Тема урока “ Форматирование текста на Web-странице”
"Цели: Образовательный аспект:
• Способствовать закреплению понятий web-сервер, web-сайт, web-страница, web-браузер
• Содействовать формированию умений по созданию web-страниц при помощи html. Развивающий аспект: • Способствовать развитию памяти, внимательности, познавательного интереса. Воспитательный аспект:
• Содействовать воспитанию информационной культуры, самостоятельности.
Методы: Словесные, наглядные, практические.
Формы опроса: Фронтальные, индивидуальные.
Материально-техническая база: Компьютерный класс. УМК: Семакин И.Г. “Информатика. Базовый курс” для 9 класса.
Презентация к уроку (приложение
1) Карточки для контроля знаний (приложение 2) Карточки с описанием практической работы (приложение 3) Интерактивный помощник (приложение 4)
Тип урока:
• Комбинированный Структура урока
1) Орг. Момент (1)
2) Проверка домашнего задания(3-5)
3) Контроль знаний(3-5)
4) Объяснение нового материала(5-7)
5) Применение новых знаний(15-20)
6) Информация о домашнем задании (1)
7) Подведение итогов (1)
"Выдержка из материала:
Образовательный аспект:
• Способствовать закреплению понятий web-сервер, web-сайт, web-страница, web-браузер
• Содействовать формированию умений по созданию web-страниц при помощи html.Развивающий аспект:
• Способствовать развитию памяти, внимательности, познавательного интереса.
Профессия: Преподаватель информатики
Профессия: Преподаватель информационных систем и технологий
Профессия: Специалист по формированию электронного архива
В каталоге 6 499 курсов по разным направлениям
