Основы языка гипертекстовой разметки HTML

Самоанализ урока

Урок по информатике в 11 классе

Тема: «Основы языка разметки гипертекста HTML»

Цели:

Образовательные:

изучить основы языка разметки гипертекста HTML и использование его при Web-конструировании;

объяснить назначения языка разметки гипертекста HTML, основных тегов и их атрибутов; научить обучающихся создавать Web-страницу.

Развивающие:

способствовать развитию информационной культуры;

развивать эмоциональную сферу: формировать положительные эмоции к процессу обучения.

Воспитательные:

воспитывать уважение и умение сотрудничать с окружающими людьми, трудолюбие и добросовестность,

воспитывать интерес к занятиям информатикой как возможной области будущей практической деятельности.

Для достижения поставленных целей:

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

• Огромное значение имеет целевая установка на серьёзную работу в течении урока, важно то, что каждый ученик самостоятельно осознал и поставил цель перед собой, постарался добиться того, что учащиеся сами сформулировали цель урока;

• При подготовке к уроку были учтены особенности развития учащихся. Это разноуровневые задания при закреплении знаний. Так как у каждого учащегося свой особенный темп, задания были предложены для доработки дома.

• Задания к уроку подготовлены в виде отдельной брошюры – данный способ позволяет упростить работу учащихся, так как отпадает необходимость работать с несколькими карточками одновременно, что может вызвать путаницу при работе. Позволяет экономить время.

• Реализована интеграция с уроком литературы, так как учащиеся знакомятся с персонажем Гарри Поттера и узнают о школе волшебства Хогвардсе.

Структура и содержание урока полностью соответствовали программе и целям урока. На уроке были сформированы представления об основах языка разметки гипертекста HTML и об использовании его при Web-конструировании;

Так как в ходе усвоения новых знаний большое внимание уделялось наглядным пособиям (презентация), учащиеся принимали активное участие в рассмотрении данной темы.

Материал урока способствовал развитию творческих сил и способностей учащихся. Урок способствовал развитию интереса учащихся к учению.

Данный урок-первый по теме «Основы языка разметки гипертекста HTML». Поэтому тип этого урока - усвоения новых знаний. В начале урока мной была проведена мотивация,.

Основные этапы урока:

Все этапы урока были последовательными и логически связанными. Структура урока соответствует данному типу урока. Обеспечивалось целостность и завершенность урока.

В конце изложения нового материала были подведены итоги, что позволило определить правильность и осознанность усвоения нового материала, выявить затруднения и провести коррекцию.

В ходе урока были реализованы все принципы обучения.

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

на уроке были использованы следующие методы обучения: беседа, объяснение, рассказ учителя с применением таблицы и рисунков. Эти методы обучения обеспечивали объяснительно-иллюстративный и творческий характер познавательной деятельности учащихся. Рассказ с применением наглядных пособий способствовали активизации учения учащихся и были самыми эффективными из всех использованных методов.

Осуществлялась постановка учебных задач на каждом этапе, сочетались разные формы работы на уроке: индивидуальная, групповая, классная. Осуществлялось развитие логического мышления, умений сравнивать, делать выводы у учащихся. Были подведены итоги каждого этапа, а затем и всего урока. Осуществлялось чередование разных видов деятельности обучающихся.

Урок прошел организованно, был логический переход от одного этапа к другому, было четкое управление учебной работой учащихся, владение классом, соблюдение дисциплины. Был правильно определен объем учебного материала на уроке, умелое распределение времени, характер обучения был демократичным, объективным. На уроке царила доброжелательная атмосфера, и учащиеся чувствовали себя достаточно свободно.

Моя речь была грамотной, доступной, точной, содержательной, выразительной и эмоциональной.

Учащиеся были очень активны и организованны на разных этапах урока, были доброжелательны к учителю, показали умения творческого применения знаний, умений и навыков самостоятельно делать выводы.

План урока выполнен полностью, были реализованы общеобразовательные, воспитывающие развивающие цели урока.

Основы языка гипертекстовой разметки HTML. Создание HTML-документа в редакторе Блокнот

Трансфигурация

Этап

HTML-CSS вёрстка

Номер

заполнение сайта контентом (информацией)

определение типа сайта, разработка ТЗ и структуры

определение целей создания сайта.

проведение исследований по теме

программирование и установка на CMS

продвижение сайта и реклама в интернете

публикация сайта в интернете

разработка макета дизайна сайта

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

Этап

Номер

HTML-CSS вёрстка

5 

заполнение сайта контентом (информацией)

  7

определение типа сайта, разработка ТЗ и структуры

  3

определение целей создания сайта.

  1

проведение исследований по теме

  2

программирование и установка на CMS

  6

продвижение сайта и реклама в интернете

  10

публикация сайта в интернете

  9

разработка макета дизайна сайта

  4

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

  8

История магии

Web-страница (англ. Web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера.

Всеми́рная паути́на (англ. World Wide Web) — распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету

Веб-обозрева́тель, обозрева́тель, бра́узер — программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц

Всемирная информационная паутина (WWW – World Wide Web) является в настоящее время популярной и удобной службой сети Интернет.

Веб-страницы и веб-сайты широко применяются во Всемирной паутине.

Для создания веб-сайтов используется язык разметки гипертекстовых документов HTML (HyperText Markup Language).

Язык HTML

HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов .

Основные понятия

Гипертекст – структура, позволяющая

устанавливать смысловые связки между элементами текста и другими документами.

Гиперссылка – фрагмент текста, который

является указателем на другой файл или объект.

Web-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.

Документы HTML

- являются обычными текстовыми файлами , содержащими специальные теги (или управляющие элементы) разметки.

• имеют расширения htm или html .
• их можно создавать при помощи любого текстового редактора. (чаще всего используется Блокнот)

Примерный пояснительный текст к слайду: Документы HTML являются обычными текстовыми файлами , содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу .

Файлы HTML обычно имеют расширения htm или html . Их можно создавать при помощи любого текстового редактора.

Чаще всего используется Блокнот, потому что он не имеет собственных функций разметки текста.

Описательный язык разметки HTML имеет свои команды, которые называются тегами.

Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки .

Тег

Двойные

Одинарные

Пример:  

Пример:

… .

Двойные теги бывают:

Пример:   ….  

! Теги не чувствительны к регистру !

=

открывающиеся

закрывающиеся

Ответьте на вопросы?

Web-страница - это …

Браузер— это …

HTML – это …

Гипертекст – это …

Гиперссылка – это …

Заклинания

Анатомия

Так браузер отображает для нас

Таким браузер «видит» исходный код

Структура HTML страницы

невидимая часть страницы (Заголовок, Мета-теги, Подключение стилей, Java-script )

видимая часть страницы, в которой расположены непосредственно элементы веб страницы: абзацы, таблицы рисунки.

Слайд к записи!

….

Эти тэги помещаются соответственно в начале и конце всего документа, чтобы обозначить текст как действительный документ на языке разметки гипертекста. 

…

Эта пара тэгов указывает на начало и конец заголовка документа.

…

Всё, что находится между этими тэгами, читается браузером как название документа. 

Пример:

…

Всё, что находится между этими тэгами отображается на веб-странице. 

Пример:

Создание документа HTML

Документ гипертекстовой разметки имеет расширение *.html

Алгоритм написания

документа:

• Создать текстовый документ (блокнот).

2. Записать в него структуру документа HTML.

3. Записать данные Вашей Web-страницы.

4. Сохранить документ с расширением *.html.

5. Открыть страницу браузера.

Зельеварение

Заголовок

Текст первой странички