Поделиться
Практическая работа «Первая страница».docx
Практическая работа «Первая страница»
Тип урока – получение новых знаний
Вид урока – лекция
Ресурсы: компьютеры, Visual Studio Code,проектор, интерактивная доска, интернет
Ход урока
|
Этапы урока |
Действие учителя |
Действие ученика |
|
1. Организационный этап (1-2 минуты) |
· Приветствие · Перекличка · Объявление темы урока
|
· Приветствие · Запись в тетрадь темы урока |
|
2. Проверка домашнего задания (5 минут) |
· Проверка домашнего задания |
· Показ домашнего задания |
|
3. Показ слайдов (25 минут) |
· Включить презентацию «Первая страница» |
· Выполнить конспект в тетрадь |
|
4. Проверь себя (5 минут) |
· Включить 24 слайд |
· Ответить на вопросы |
|
5. Подведение итогов урока и сообщения домашнего задания (3 минуты) |
· Подвести краткий итог урока Домашнее задание: Выучить шаблон страницы и подготовиться к практической работе №1 |
· Выполнить домашнее задание |
Презентация
1 слайд.
Сегодня мы с вами научимся создавать свою первую страницу с помощью языка HTML.
2 слайд.
Перед тем, как начинать писать свою страницу, необходимо знать:
· С помощью какой программы нужно писать
· Какие теги использовать
· В каком порядке их ставить
Для этого :
1.Рассмотрим пример из жизни
2. Объясним пример из жизни с помощью HTML
3.Сравним теги с мыслями браузера
4.Изучим шаблон страницу
5.Напишем свою первую программу с помощью Visual Studio Code
6.Узнаем основные советы по созданию страниц
3 слайд
«Пример из жизни»
Жили-были Олег и Маша и решили они создать свою семью.
4 слайд
И вот у них появился маленький мальчик
5 слайд
Родители решили назвать мальчика Иваном
6 слайд
Маленький Ваня любил собирать пазл и вот он решил всем показать, как он это умеет делать. Начал с головы, потом тело и в конце ноги.
7 слайд
И вот Ваня закончил свой рисунок.
8 слайд
Разберем данный пример с помощью языка HTML.
9 слайд
Чтобы создать свою семью, необходимо открыть программу Visual Studio Code
10 слайд
Когда появился мальчик, открывается тег HTML
11 слайд
Родители решили назвать ребенка -Иваном. Открывается тег HEAD, тег Title, в котором прописывается имя
12 слайд
Все действия, которые Ваня хочет показать всему миру записывается после тега BODY
13 слайд
Ваня все показал и решил закончить
14 слайд
Полная конструкция программы. Запись программы в тетрадь
15 слайд
Объяснение тегов. Записать теги и мысли браузера
16 слайд
Записать шаблон записи HTML
17 слайд
А теперь попробуем записать данный пример с помощью Visual Studio Code
18 слайд
Открыть Visual Studio Code
19 слайд
Создать пустой текстовый файл
20 слайд
Пишем код
21 слайд
Сохраняем нашу программу. Обязательно называем файл, выбираем тип файла HTML и нажимаем кнопку сохранить.
22 слайд
Открываем файл и проверяем его
23 слайд
Записать основные советы
24 слайд
Сегодня мы с вами научились:
· Работать в программе Visual Studio Code
· Какие теги использовать, чтобы создать свою страницу
· В каком порядке их ставить
25 слайд
В качестве проверки усвоения материала вам нужно ответить на несколько вопросов.
1. С помощью какого тега добавляется имя страницы?
2. Расположите теги в правильной последовательности:
1.<Body>
2.</title>
3.Название страницы
4.<HTML>
5.<head>
6.</body>
7.<title>
8.Текст страницы
9.</HTML>
10.</head>
3.Какой тип файла и расширение имеет Web-страницы ?
4.После какого тега записывается вся информация, которая видна на странице?
5.С помощью какой программы мы создали свой первый сайт?
Ответы:
1)Title
2)4,5,7,3,2,10,1,8,6,9
3)html
4)body
5)Visual Studio Code
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
