Конспект + урок по информатике для 8 класса на тему «Форматирование текста на Web-странице»

Выберите документ из архива для просмотра:

Приложение 4.pptx 1.jpg 2.jpg 3.gif 248.gif Thumbs.db козлёнок.txt Конспект урока.doc Приложение 1.pptx Приложение 2.doc приложение 3.doc

Выбранный для просмотра документ Приложение 4.pptx

Скачать материал

Скачать материал "Конспект + урок по информатике для 8 класса на тему «Форматирование текста на Web-странице»"

Описание презентации по отдельным слайдам:

1 слайд

Интерактивный помощник
Начать помощь
2 слайд
3 слайд
4 слайд
5 слайд
6 слайд
7 слайд
8 слайд
9 слайд
10 слайд
11 слайд
12 слайд
13 слайд
14 слайд
15 слайд
16 слайд
17 слайд
18 слайд
19 слайд

Выбранный для просмотра документ козлёнок.txt

Àãíèÿ Áàðòî

Êîçë¸íîê

Ó ìåíÿ æèâ¸ò êîçë¸íîê,

ß ñàìà åãî ïàñó.

ß êîçë¸íêà â ñàä çåë¸íûé

Ðàíî óòðîì îòíåñó.

Îí çàáëóäèòñÿ â ñàäó -

ß â òðàâå åãî íàéäó.

Скачать материал

Скачать материал "Конспект + урок по информатике для 8 класса на тему «Форматирование текста на Web-странице»"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ Конспект урока.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. Проверка домашнего задания

Прежде чем перейти к новому материалу давайте вспомним материал предыдущего урока:

Что такое Web-страница? (это отдельный документ, хранящийся на Web-сервере)
Как называется компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними?(Web-сервер)
Продолжите: Web-сайт – это…( это группа Web-страниц, принадлежащих определенной организации или человеку и связанных между собой по содержанию)
Для чего служит web-браузер и какие браузеры вы знаете? (для работы пользователя с WWW, Opera, Google Chrome, Mozilla Firefox)
Какова структура web-страницы?(

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>)

Для чего необходим тэг <head>?(Название страницы, её описание, имя автора, Правила по оформлению страницы)
В какой тэг помещают название страницы?(<TITLE>)
Для чего нужен тэг <body>?(это тело документа, включаются абзацы, заголовки и другие блочные и линейные элементы и их оформление)

Фронтальный опрос учащихся

Слайд №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. Информация о домашнем задании

Теперь открыли дневники и записываем домашнее задание:

конспект в тетради

Подведение итогов

Спасибо за урок!

Выставление оценок

Скачать материал

Скачать материал "Конспект + урок по информатике для 8 класса на тему «Форматирование текста на Web-странице»"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ Приложение 1.pptx

Скачать материал

Скачать материал "Конспект + урок по информатике для 8 класса на тему «Форматирование текста на Web-странице»"

Описание презентации по отдельным слайдам:

1 слайд

<HTML></HTML>
<HEAD></HEAD>
<TITLE></TITLE>
<BODY></BODY>
2 слайд

Создание комплексного информационного объекта в виде Web-страницы
3 слайд

<IMG>

<IMG SRC="computer.gif">
4 слайд

<IMG SRC="C:\computer\computer.gif">
5 слайд

<IMG SRC="http://www.server.ru/computer.gif">
6 слайд

Атрибуты
WIDTH= - высота
HEIGHT= - ширина
ALIGN= - выравнивание
ТОР - верх
MIDDLE – центр
BOTTOM - низ
LEFT - слева
RIGHT - справа
7 слайд

Бегущая строка
<MARQUEE></MARQUEE>

Выбранный для просмотра документ Приложение 2.doc

*Понятие*	*Значение*
*Web-сайт***	компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними
*Web-страница***	группа Web-страниц, принадлежащих определенной организации или человеку и связанных между собой по содержанию
*Web-сервер***	клиент-программа для работы пользователя с WWW
*Web-браузер***	отдельный документ, хранящийся на Web-сервере

_____________________________________________________________________________________

*Понятие*	*Значение*
*Web-сайт***	компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними
*Web-страница***	группа Web-страниц, принадлежащих определенной организации или человеку и связанных между собой по содержанию
*Web-сервер***	клиент-программа для работы пользователя с WWW
*Web-браузер***	отдельный документ, хранящийся на Web-сервере

_____________________________________________________________________________________

*Понятие*	*Значение*
*Web-сайт***	компьютер в сети Интернет, хранящий Web-страницы и соответствующее программное обеспечение для работы с ними
*Web-страница***	группа Web-страниц, принадлежащих определенной организации или человеку и связанных между собой по содержанию
*Web-сервер***	клиент-программа для работы пользователя с WWW
*Web-браузер***	отдельный документ, хранящийся на Web-сервере

_____________________________________________________________________________________

Скачать материал

Скачать материал "Конспект + урок по информатике для 8 класса на тему «Форматирование текста на Web-странице»"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ приложение 3.doc

Практическая работа

1. Создайте папку и переименуйте её своей фамилией.

2. В папке создайте 2 документа в программе Блокнот, на основе которого можно сделать Веб-страницу (сделайте заголовок, тело).

3. В свою папку скопируйте две картинки (большую для фона и маленькую) и одну анимацию, переименуйте их соответственно paint1.gif, paint2.gif, anim.gif. (расширения должны быть соответствующими вашим изображениям).

4. На основе первого документа сделайте страницу, содержащую все скопированные вами изображения, изменяя размер картинок с помощью атрибутов тега. Код для разметки Веб-страницы будет следующим:

<html>

<head>

<title> ИЗОБРАЖЕНИЕ1 </title>

</head >

</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>		Бегущая строка

Скачать материал

Скачать материал "Конспект + урок по информатике для 8 класса на тему «Форматирование текста на Web-странице»"

Как учитель может зарабатывать на Инфоуроке?

Краткое описание документа:

"Описание материала:

Тема урока “ Форматирование текста на 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 653 518 материалов в базе

Найти материалы

Скачать материал

Другие материалы

pptx

Презентация на тему «Пространственная дискретизация»

Рейтинг: 4 из 5

29.12.2013
3092
38

docx

Дидактический материал по алгоритмизации и программированию

28.12.2013
1516
9

zip

Конспект урока + презентация по информатике для 9 класса «Основы языка HTML»

Рейтинг: 5 из 5

27.12.2013
8440
116

docx

Элективный курс «Компьютерное искусство»

27.12.2013
1144
1

docx

Контрольная работа по информатике «Табличные вычисления на компьютере» для 9 класса

27.12.2013
13249
4

docx

Уроки информатики во 2 классе «Путешествие в мир слов. Манипулятор«Мышь»»

27.12.2013
1329
0

docx

Электронное спортивное табло

27.12.2013
6778
9

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

Скачать материал
- 30.12.2013 3335
- RAR 1.4 мбайт
- 15 скачиваний
- Рейтинг: 5 из 5
- Оцените материал:
Настоящий материал опубликован пользователем Геращенко Елена Сергеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Автор материала

Геращенко Елена Сергеевна
- На сайте: 10 лет и 4 месяца
- Подписчики: 0
- Всего просмотров: 24215
- Всего материалов: 7