Информатика_10.3_HTML_CSS_Презентация (2)
Оценка 4.7

Информатика_10.3_HTML_CSS_Презентация (2)

Оценка 4.7
pptx
09.05.2020
Информатика_10.3_HTML_CSS_Презентация (2)
Информатика_10.3_HTML_CSS_Презентация (2).pptx

10 класс

10 класс

10 класс

Метод «Think pair share...» Критерии:

Метод «Think pair share...» Критерии:

Метод «Think pair share...»

Критерии:
У каждой группы есть название фирмы. Ученики должны создавать иерархические модели своих сайтов (с учетом требований сайта).

Тема урока: HTML. CSS

Тема урока: HTML. CSS

Тема урока:

HTML. CSS

Цели урока: 10.4.2.1 использовать

Цели урока: 10.4.2.1 использовать

Цели урока:

10.4.2.1 использовать HTML –теги при разработке web-страниц;

10.4.2.2 использовать CSS при разработке web-страниц;

Что такое HTML?

Что такое HTML?

Что такое HTML?

Что такое HTML? HTML – (Hypertext

Что такое HTML? HTML – (Hypertext

Что такое HTML?

HTML – (Hypertext Markup Language) — HTML — стандартизированный язык разметки документов во Всемирной паутине. 

HTML для начинающих https://www

HTML для начинающих https://www

HTML для начинающих

https://www.youtube.com/watch?v=8mK5aY5YOCc

Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы

Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы

Знакомство с языком HTML

Гипертекст – это электронный документ, который содержит гиперссылки на другие документы.
Гипертекстовый документ предназначен для вывода информации на экран компьютера.
Гипертекстовая технология – это технология, базирующаяся на использовании гипертекстовых документов. Ее применяют в компьютерных энциклопедиях и учебных программах, прикладных программах для работы со справочной информацией и для организации доступа к информации в W W W, т.е. при работе с WEB-документами.
WEB-документ – это текст, написанный на языке HTML или другом, который предназначен для просмотра электронной информации на экране компьютера с помощью программы-браузера.

Так как WEB-документ предназначен для просмотра его на компьютере, то желательно, чтобы он помещался целиком на экране

Так как WEB-документ предназначен для просмотра его на компьютере, то желательно, чтобы он помещался целиком на экране

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

Команды языка HTML называются теги и они записываются в < >

Команды языка HTML называются теги и они записываются в < >

Команды языка HTML называются теги и они записываются в < >. Большинство тегов – парные

Документ HTML имеет три структурных типа содержимого:
Теги – команды в < >.
Комментарии –пояснения к документу. Они помогают разобраться в его содержании

Мой первый шаг Здравствуйте, это моя первая страница

Мой первый шаг Здравствуйте, это моя первая страница



Мой первый шаг


Здравствуйте, это моя первая страница.


Добро пожаловать!

Структура HTML-документа

Полужирный шрифт … Увеличенный шрифт …

Полужирный шрифт … Увеличенный шрифт …

теги физических стилей

Полужирный шрифт

Увеличенный шрифт

Курсив

Уменьшенный шрифт

Подчеркивание

Верхний индекс

Зачеркнутый шрифт

Нижний индекс

Стиль печатной машинки

Мерцающий текст
(в Internet Explorer)

Можно комбинировать теги стилей:
Полужирный курсив

Структура HTML документа Заголовок

Структура HTML документа Заголовок

Структура HTML документа

Заголовок

Первый абзац документа

………

Последний абзац документа

заголовок

Выполнение интерактивного задания

Выполнение интерактивного задания

Выполнение интерактивного задания

Задание 1

http://learningapps.org/138127

Задание №2 Условия: По данном ресурсам составить программу

Задание №2 Условия: По данном ресурсам составить программу

Задание №2

Условия: По данном ресурсам составить программу

Задание 3 http://www.landofcode

Задание 3 http://www.landofcode

Задание 3

http://www.landofcode.com/online-code-editor.php?file=html_print_name

Пример:

Составьте программу для следующей задачи на Notepad ++

Выполнение интерактивного задания http://www

Выполнение интерактивного задания http://www

Выполнение интерактивного задания

http://www.teach-ict.com/gcse_new/software/web_design/quiz/matchup_web_design.htm

Задание 4

Практическая работа Цель работы: 10

Практическая работа Цель работы: 10

Практическая работа

Цель работы:
10.4.2.1 использовать HTML –теги при разработке web-страниц;
10.4.2.2 использовать CSS при разработке web-страниц;

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

Что такое CSS? C ascading S tyle

Что такое CSS? C ascading S tyle

Что такое CSS?

Cascading Style Sheets
CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.


+ =

HTML CSS Web Page

Информатика_10.3_HTML_CSS_Презентация (2)

Информатика_10.3_HTML_CSS_Презентация (2)

Информатика_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

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

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 использовать

Цели урока:

10.4.2.1 использовать HTML –теги при разработке web-страниц;

10.4.2.2 использовать CSS при разработке web-страниц;

Рефлексия

Рефлексия

Рефлексия

Задания на дом по уровням сложности

Задания на дом по уровням сложности

Задания на дом по уровням сложности

ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ http://www

ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ 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

Скачать файл