10 класс
10 класс
Метод «Think pair share...» Критерии:
Метод «Think pair share...»
Критерии:
У каждой группы есть название фирмы. Ученики должны создавать иерархические модели своих сайтов (с учетом требований сайта).
Тема урока: HTML. CSS
Тема урока:
HTML. CSS
Цели урока: 10.4.2.1 использовать
Цели урока:
10.4.2.1 использовать HTML –теги при разработке web-страниц;
10.4.2.2 использовать CSS при разработке web-страниц;
Что такое HTML?
Что такое HTML?
Что такое HTML? HTML – (Hypertext
Что такое HTML?
HTML – (Hypertext Markup Language) — HTML — стандартизированный язык разметки документов во Всемирной паутине.
HTML для начинающих https://www
HTML для начинающих
https://www.youtube.com/watch?v=8mK5aY5YOCc
Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы
Знакомство с языком HTML
Гипертекст – это электронный документ, который содержит гиперссылки на другие документы.
Гипертекстовый документ предназначен для вывода информации на экран компьютера.
Гипертекстовая технология – это технология, базирующаяся на использовании гипертекстовых документов. Ее применяют в компьютерных энциклопедиях и учебных программах, прикладных программах для работы со справочной информацией и для организации доступа к информации в W W W, т.е. при работе с WEB-документами.
WEB-документ – это текст, написанный на языке HTML или другом, который предназначен для просмотра электронной информации на экране компьютера с помощью программы-браузера.
Так как WEB-документ предназначен для просмотра его на компьютере, то желательно, чтобы он помещался целиком на экране
Так как WEB-документ предназначен для просмотра его на компьютере, то желательно, чтобы он помещался целиком на экране. Поэтому WEB-документы называют еще WEB-страницами.
Несколько WEB-страниц на одну тему называют WEB-узлом или WEB-сайтом.
WEB-сайты создают WEB-дизайнеры.
WEB-дизайн – это совокупность правил и рекомендаций, которыми должны руководствоваться авторы, чтобы их сайты были информативными и выглядели привлекательно.
Команды языка HTML называются теги и они записываются в < >
Команды языка HTML называются теги и они записываются в < >. Большинство тегов – парные …
Документ HTML имеет три структурных типа содержимого:
Теги – команды в < >.
Комментарии –пояснения к документу. Они помогают разобраться в его содержании
Мой первый шаг Здравствуйте, это моя первая страница
Здравствуйте, это моя первая страница.
Добро пожаловать!
Структура HTML-документа
Полужирный шрифт … Увеличенный шрифт …
теги физических стилей
… | Полужирный шрифт | … | Увеличенный шрифт |
… | Курсив | … | Уменьшенный шрифт |
… | Подчеркивание | … | Верхний индекс |
| Зачеркнутый шрифт | … | Нижний индекс |
… | Стиль печатной машинки | Мерцающий текст |
Можно комбинировать теги стилей:
Полужирный курсив
Структура HTML документа Заголовок
Структура HTML документа
Первый абзац документа
………
Последний абзац документа
заголовок
Выполнение интерактивного задания
Выполнение интерактивного задания
Задание 1
http://learningapps.org/138127
Задание №2 Условия: По данном ресурсам составить программу
Задание №2
Условия: По данном ресурсам составить программу
Задание 3 http://www.landofcode
Задание 3
http://www.landofcode.com/online-code-editor.php?file=html_print_name
Пример:
Составьте программу для следующей задачи на Notepad ++
Выполнение интерактивного задания http://www
Выполнение интерактивного задания
http://www.teach-ict.com/gcse_new/software/web_design/quiz/matchup_web_design.htm
Задание 4
Практическая работа Цель работы: 10
Практическая работа
Цель работы:
10.4.2.1 использовать HTML –теги при разработке web-страниц;
10.4.2.2 использовать CSS при разработке web-страниц;
Индивидуальные задания:
Выполнить задание в соответствии с установленным порядком.
Что такое CSS? C ascading S tyle
Что такое CSS?
Cascading Style Sheets
CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
+ =
HTML CSS Web Page
Информатика_10.3_HTML_CSS_Презентация (2)
Информатика_10.3_HTML_CSS_Презентация (2)
http://www.teaching-materials.org/htmlcss/lesson4/slides.html#slide15 http://www.teaching-materials.org/htmlcss/#lesson4
http://www.teaching-materials.org/htmlcss/lesson4/slides.html#slide15
http://www.teaching-materials.org/htmlcss/#lesson4
Id=d8384c9e-b4b6-4605-8867-f1e538cab3a7 «Who's
https://play.kahoot.it/#/?quizId=d8384c9e-b4b6-4605-8867-f1e538cab3a7
«Who's Faster?»
Цели урока: 10.4.2.1 использовать
Цели урока:
10.4.2.1 использовать HTML –теги при разработке web-страниц;
10.4.2.2 использовать CSS при разработке web-страниц;
Рефлексия
Рефлексия
Задания на дом по уровням сложности
Задания на дом по уровням сложности
ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ http://www
ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ
http://www.landofcode.com/online-code-editor.php?file=html_print_name
https://play.kahoot.it/#/?quizId=aca2835b-3f4c-43ef-9ee0-0f89816208bd
http://ru.wikipedia.org/wiki/HTML
http://htmlbook.ru/html
http://www.puzzleweb.ru/html/00_teacher.php
https://www.pearsonschoolsandfecolleges.co.uk/Secondary/ICT/11-14/PGBasicICT/Samples/sample/bhtmlteachers.pdf
http://www.tutorials4u.com/html/tutorial-02-first-web-page.htm#HTML
http://www.duketown.com/marcel/htmltest.shtml
© ООО «Знанио»
