Инфоурок / Информатика / Конспекты / Открытый урок по теме "Защита индивидуальных проектов по теме "Основы html""

Открытый урок по теме "Защита индивидуальных проектов по теме "Основы html""

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 29 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

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

7 КБ Thumbs.db
76.28 КБ sys.jpg
8.68 КБ 290_218.jpg
33.5 КБ Thumbs.db
19.43 КБ m1.jpg
12.95 КБ m2.jpg
48.17 КБ m3.jpg
12.04 КБ m4.jpg
12.2 КБ m5.jpg
76.28 КБ sys.jpg
2.73 КБ galaxy.htm
2.28 КБ lib_lay_pr.swf
11.21 КБ space.swf
1.98 КБ Вселенная.htm
1.99 КБ Вселенная.txt
9.5 КБ Thumbs.db
8.68 КБ вселенная.jpg
76.28 КБ солнечная система.jpg
32.16 КБ 0.jpg
47.18 КБ 11.jpg
53.22 КБ 12.jpg
53.91 КБ 13.jpg
58.21 КБ 14.jpg
6.91 КБ 15.gif
4.29 КБ 2.gif
24.32 КБ 2.jpg
52.23 КБ 21.jpg
51.92 КБ 22.jpg
52.16 КБ 23.jpg
56.74 КБ 24.jpg
93.5 КБ Thumbs.db
218.76 КБ avril glam look1.jpg
66.67 КБ banner.jpg
22.59 КБ fon.jpg
13.23 КБ fon1.jpg
48 КБ Урок.doc

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

библиотека
материалов
���� � ��������� � ����� ���������

�������� - ��� ���� ��������� ��� ����������� ���. ��� ������ ������� � �����, ���� ������� ����, � ������� � ��������, �� � � - �� ��� ��������, � ��� ����� � ��, ��� �������� �� ��������� �����- ����������� ������������, �������, �����. ��� ������ ��� ����� � ���, ��������� ����� ������������� ����� ������ ������������.

�� ����� ��������� ����� �� ��� �������� ������: ������������ (�� ������ ���� ���������� �����) �������������(� ����� ���� ��� ����) ����������

����� ��� � �� �����, ������ ������ �������� ������, �� ������� ����� ���������� ��������. ����������� ������� �������� ������������ ����� ���������� ������������ ������, ������ ������� �� �����������, � ���, ������ ��� ��������... ��������� ��������� ������, ��� ������� �������� ����������� ����� ����� ������� ����� �������� ��������. � �����, ����� 15 ���������� ��� �����, ��� �������� ����������. ��������� ������� �����. �������� ������ ���������� � ������ ��������. ������ ����� �������, � �� ����� ������ ���������� ����� ������������ ����� � ���������. ��������� � �� ��� ���� �������� ���� �� �����, ������� �� ������ �� ���� �����������, � ������,�������� ���������� ��������. ���� ����� ����������� ��������������� �������� �� ����� �������� �� ��������. ���� � ����� ����� ������������ ���������. �������� ��, ������������� ���������, ���� �������� ���������� ���, �������������� �����, ������� �������� ����������� ������������ �������. ��������� ������ ���������� ����� ��� ���������� "���������� ����������� ���������". � ������������ � ���� �������, �������� ���������, � ����� �������� �� ������������, ����� ����� ��������� � ����� ��������. � ��� ��� �� ������, �� �����. ��� ������� ������ � ������������� ��������� - ��� �������� �� ���������, � ���������� �����.

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

библиотека
материалов









Открытый урок по теме

«Защита индивидуальных проектов»


Раздел программы:

Разработка Web-сайтов с использованием языка разметки гипертекста HTML

11 класс





Выполнила: Скобелева Татьяна Сергеевна,

Учитель информатики, МОУ

«Средняя общеобразовательная школа «26»,

г.Междуреченска, Кемеровской области
































Открытый урок по теме


Раздел программы: Разработка Web-сайтов с использованием языка разметки гипертекста HTML (11 класс)

« Защита индивидуальных проектов»

Цели урока:

  • Повторение основных принципов построения сайтов, структуры HTML-документа.

  • Стимулирование познавательного интереса учащихся к предмету “Информатика”.

  • Развитие умственной деятельности, памяти, умения логически мыслить.

  • Научить школьников применять современное программное обеспечение.

Задачи урока:

  • Учебная – Повторение основных понятий раздела программы.

  • Развивающая – развитие приемов умственной деятельности (обобщение, анализ, синтез, сравнение), памяти, творческой активности.

  • Воспитательная – стимулирование познавательного интереса учащихся, развитие уверенности в собственных силах.

Тип урока: урок обобщения и систематизации знаний по теме «Разработка Web-сайтов с использованием языка разметки гипертекста HTML»

Вид урока: защита индивидуальных проектов

Время проведения: Данная тема рассчитана на 2 урока, как подведение итогов по теме «Разработка Web-сайтов с использованием языка разметки гипертекста HTML»

Оборудование: компьютерный класс, проектор.

План урока:

  1. Орг. момент – 5 мин.

  2. Обобщение изученного материала– 10 мин.

  3. Защита проектных заданий – 20 мин

  4. Подведение итогов – 5 мин

Ход урока

1. Организационный момент.

Здравствуйте! Мы изучили большую тему «Создание Web-сайтов с использованием языка разметки гипертекстовых документов HTM"L». К сегодняшнему дню мы уже знаем, что такое сайт и чем он отличается от обычного текстового документа. Знаем, что Web-сайт можно создавать с помощью специальных программ и с помощью языка гипертекстовой разметки HTML. Вы знаете, что команды HTML задаются с помощью специальных элементов – тэгов, которые бывают парные и непарные. Знаете, что программы, написанные на языке HTML, имеют определенную стандартизированную структуру.

На предыдущих уроках мы изучали форматирование текста на Web-страницах, создание списков, размещение графики, создание таблиц, построение гипертекстовых связей. Сегодня для вас очень ответственный урок – вы должны показать чему научились. Для этого каждый из вас выбрал тему своей зачетной работы, и мы их назвали индивидуальными проектными заданиями. Активизировав все свои знания, представите созданные вами Web-сайты.

2. Обобщение изученного материала:

Первый шаг

Теперь вспомним основную структуру HTML-документа на примере создания страницы “Сайт о Вселенной и нашей галактике” на рабочем столе папка Приложение1, файл «Вселенная.htm». Необходимо выйти к доске открыть просмотр HTML кода проговорить основную структуру документа и выполнить следующие задания:

1.Задать цвет фона страницы и цвет текста.

Логично будет сказать, что заголовок должен стоять по центру и быть крупнее. (Один ученик выходит к компьютеру прописывает команды и объясняет их значение.)

2.Сделать заголовок 1 уровня поставить его по центру, задать цвет заголовка. Выделить слово ВСЕЛЕННАЯ в определении и во всем тексте, где оно встречается полужирным и курсивом. (Один ученик выходит к компьютеру прописывает команды и объясняет их значение.)

<h1…h2> - уровень заголовка;

<b> - полужирным;

<i> - курсив.

3.Сделать маркированный список во втором абзаце текста.

Давайте вспомним, как сделать маркированный или нумерованный список, какие теги для этого используются. (Один ученик выходит к компьютеру прописывает команды и объясняет их значение.)

<ul> - нумерация;

<ol> - маркирация;

<li>.

4.Необходимо разбить текст, который стоит после маркированного списка по смыслу на 3 абзаца.

<p> - с новой строки (он не обязательно закрывающий тег)

<br> - новый абзац

Второй шаг

Прекрасно! Это все была работа с текстом. Следующий шаг очень важный при создании сайтов – это вставка рисунка. Попробуем в нашу заготовку вставить несколько картинок.

5.Необходимо вставить flash- картинку «Солнышко» по бокам от заголовка. Поставить выровненную по левому краю картинку «Вселенная» и по центру после текста картинку «Солнечная система». (Один ученик выходит к компьютеру прописывает команды и объясняет их значение.)

Тег <Img > - вставка картинки, атрибут <Align> - выравнивание

Третий шаг

Теперь нас интересует, как можно соединять между собой готовые Web-страницы. И покажем это на примере организации гипертекстовой разметки между файлом «Вселенная.htm», который мы только что сделали и уже готовой web – страницей (заготовкой) под названием «Galaxy.htm». (Один ученик выходит к компьютеру прописывает команды и объясняет их значение.)

6.Сделать ссылку, используя для этого картинку «Солнечная система» и сделать обратную ссылку со страницы «Galaxy.htm» на страницу «Вселенная.htm».

Тег <A>

Это были известные вам конструкции, которые вы использовали применительно в своей конкретной работе. Ну а теперь приступим к представлению ваших Web-сайтов с описанием своей работы.

3. Защита индивидуального проекта учащимися (один из сайтов представленных учащимися приложение2).

4. Подведение итогов:

Подведем итоги нашей работы. Мы просмотрели много разных проектов. Среди них особо можно отметить работы……………….. Эти ученики показали высокий уровень знаний по данной теме. Хочется отметить, что ни кто из учащихся не отнесся к работе равнодушно, и если у кого-то не все получилось – не огорчайтесь! Дорогу осилит идущий!







Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 29 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


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

Этот урок  был дан как открытый урок в рамках городского фестиваля «Информационные технологии в образовательном процессе» для учителей нашего города. Данный урок является заключительным при изучении темы " Разработка Web-сайтов с использованием языка разметки гипертекста HTML". На уроке учащиеся должны продемонстрировать знание основной структуры HTML документа, работу с текстом в документе, вставка рисунка, соединение двух Web – страничек с помощью гиперссылки.  Центральное место в данном уроке занимают выступления учащихся со своими проектными работами – сайтами.  Вопросы, задаваемые каждому выступающему, позволяют выяснить степень владения теорией.  

Общая информация

Номер материала: 298258
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 29 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>