Поделиться
181. Тема занятия «Создание сайта с использованием языка гипертекстовой разметки документов»..docx
Тема занятия: «Создание сайта с использованием языка гипертекстовой разметки документов».
Цель занятия: Ученики создадут Web-сайт, содержащий пять Web-страниц, знакомящий с основными тегами языка гипертекстовой разметки документов HTML.
Учащиеся должны знать:
– определение следующих понятий: «Web-страница», «Web-сайт», «гипертекст», «гиперссылка», «браузер», «HTML», «тег»;
– основные характеристики Web-ресурса;
– структуру Web-документа;
– назначение и атрибуты основных тегов.
Учащиеся должны уметь:
– создавать HTML-файлы;
– оформлять заголовки;
– управлять размером, гарнитурой и цветом шрифта;
– выделять и выравнивать абзацы;
– размещать графику на Web-странице;
– создавать гиперсвязи между страницами сайта.
Аппаратное и программное обеспечение: Компьютеры, мультимедийный проектор с экраном, текстовый редактор, программа браузер, мультимедийная презентация «Создание Web-сайта. Язык разметки гипертекстовых документов HTML».
Ход урока.
Слайд 1:
Здравствуйте, ребята!
Слайд 2: Ребята, какой значок изображен на слайде?
Да. Это значок информации. Надеюсь, мы сегодня взаимно получим полезную информацию друг от друга.
Ребята, наверняка у вас у всех есть компьютеры, возможно ноутбуки. Планшеты…И каждый из вас каждый день совершает путешествие через компьютер куда? В Интернет. И точно таких же, как Вы миллионы людей в это же время тоже путешествуют по интернету. А Что такое Интернет?
Слайд 3: Правильно – это глобальная компьютерная сеть. Благодаря этой сети каждый из миллионов людей имеет доступ к информации, хранящейся в компьютере, находящемся в любой точке земного шара. Это так называемая Всемирная паутина.
Ребята, как мы попадаем в Интернет?
Через браузер. Какие браузеры вы знаете? Слайд 4.
Слайд 5: Каждый из нас выходит в Интернет для поиска нужной информации. Ища эту информацию, мы посещаем различные сайты. На какие виды делятся сайты? Слайд 6
Я думаю что, вы согласитесь с тем что, каждый человек по-своему интересный и, наверное, каждый заслуживает иметь собственную страничку в сети или даже целый сайт. Но не все умеют создавать Web-странички, в частности мы с вами. Ну а если мы знаем, как здорово иметь собственный сайт, возможно, даже и не один но, к сожалению, не умеем пока его создать, то какая потребность у нас возникает?
Ожидаемый ответ: Научиться создавать собственные Web-сайты.
- А может ли умение создавать сайты, пригодиться вам в будущем, если да то как?
Ожидаемый ответ: Создать сайт своей фирмы, рассказать о своих успехах, увлечениях и т.д., зарабатывать, создавая сайты по заказу.
Слайд 7: Как же создать сайт? Что для этого нужно знать?
Слайд 8:
- Посмотрите на экран и скажите какое слово получилось из букв правильных ответов: HTML
Слайд 9: Значит мы сегодня будем учиться создавать веб-сайты с помощью…
Web-страницы. Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы - HTML-тэги, которые определяют вид Web-страницы при ее просмотре в браузере.
Слайд 14:
HTML-код страницы помещается внутрь контейнера <HTML></HTML>. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и отображаемое в браузере содержание.
Заголовок Web-страницы заключается в контейнер <HEAD></HEAD> и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения.
Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером).
Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.
Название страницы помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера.
Выполнение практической работы №2
Цель работы:
– Научиться создавать, просматривать и редактировать HTML-документы;
– Оформлять заголовки;
– Управлять размером, гарнитурой и цветом шрифта;
– Выделять и выравнивать абзацы;
– Размещать графику на Web-странице.
– Создавать гиперсвязи между страницами сайта.
Учащиеся получают лист c ходом практической работы, обсуждают, а затем выполняют работу. Во время практической работы учитель консультирует учащихся.
Итог урока
Фронтальная беседа: что сегодня узнали на уроке, чему научились?
Домашнее задание
Продумайте тематику вашего сайта, разработайте эскиз титульной страницы собственного сайта, подготовьте текст, подберите иллюстрации (начинается работа по выполнению индивидуального итогового проекта).
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
