Презентация к уроку информатики в 8 классе по теме "Форматирование WEB-документа"
презентация к уроку по информатике и икт (8 класс)

Слайд 1

Разработка веб-сайта с использованием языка разметки гипертекста HTML

Слайд 2

Готовых ЗНАНИЙ нельзя ни выпросить у добрых знакомых, ни купить в книжной лавке. Их надо выработать процессом собственного мышления, которое не­пременно должно совершаться самостоятельно в нашей собственной голове. Д. И. Писарев Разработка веб-сайта с использованием языка разметки гипертекста HTML

Слайд 3

Сегодня наш урок будет выстроен по следующему плану: 1. Вспомним те знания, которые нам будут необходимы для изучения нового материала; 2. Изучим новую тему; 3. Закрепим эти знания и умения на практике, работая за компьютером. Разработка веб-сайта с использованием языка разметки гипертекста HTML

Слайд 4

В какой форме хранится информация во Всемирной паутине? В виде Web- сайтов Что такое Web-сайт? Совокупность web- страниц Каким образом веб-страницы объединяются в веб-сайты? С помощью гиперссылок Что такое тэги? Управляющий элемент HTML , текст в угловых скобках Что такое тэговый контейнер? Парные теги, содержат открывающийся и закрывающийся тэги

Слайд 5

Из каких тэгов состоит главный контейнер Какова логическая структура веб-страницы? Заголовок Сожержание В какой контейнер помещается заголовок? В какой контейнер помещается название страницы? В какой контейнер помещается содержание? С каким расширением необходимо сохранить Web- страницу? . html или .htm Какая программа используется для написания Сайта? «Блокнот»

Слайд 7

Пока страница не слишком привлекательна: мелкий шрифт и черный текст на белом фоне. Как обратить внимание читателя на важные фрагменты текста? нужно страницу ОТФОРМАТИРОВАТЬ

Слайд 9

Цель урока: 1. Познакомиться с тэгами, которые используются для форматирования текста на веб - странице. 2. Научится применять тэги для форматирования текста на веб-странице .

Слайд 10

Параметры текста: Заголовки; Шрифт; стиль; Выравнивание текста; Абзацы; Добавление горизонтальной линии между строк. 08.06.20

Слайд 11

Размер шрифта заголовков задается парами тэгов от Н1 до Н6 <Н1> (самый крупный) <Н6> (самый мелкий). Например: <Н1> Все о компьютере 08.06.20

Слайд 12

С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта Например: FACE= “ Arial ” Ат­рибут SIZE - размер шрифта Например : SIZE=4 Атрибут COLOR позволяет задавать цвет шрифта Напри­мер: COLOR= “ blue ” Значение атрибута COLOR можно за­дать либо названием цвета, либо его шестнадцатеричным значением ( “#0000FF”) . Пример: Привет! 08.06.20

Слайд 13

Таблица стандартных цветов Имя цвета Цвет R G B aqua # 00 FF FF black # 00 00 00 blue # 00 00 FF fu с hsia # FF 00 FF gray # 80 80 80 lime # 00 FF 00 maroon # 80 00 00 navy # 00 00 80 olive # 80 80 00 purple # 80 00 80 red # FF 00 00 silver # C0 C0 C0 teal # 00 80 80 thistle # D8 BF D8 yellow # FF FF 00 white # FF FF FF

Слайд 14

Стили оформления текста жирный ( bold ) < B > Вася Вася курсив ( italic ) < I > Вася Вася подчеркивание ( underline ) < U > Вася Вася зачеркивание ( strike out ) < S > Вася Вася верхний индекс ( superscript ) Вася < SUP >2 Вася 2 нижний индекс ( subscript ) Вася < SUB >2 Вася 2

Слайд 15

Задать способ выравнивания текста позволяет атрибут ALIGN . Выравнивание: по левой границе ALIGN= “ left ” по правой границе ALIGN= “ right ” по центру — ALIGN = “ center ” 08.06.20

Слайд 17

Разделение текста на абзацы производится с помощью контейнера <Р> Текст Выравнивание абзаца:

текст

08.06.20

Слайд 18

Заголовки целесообразно отде­лять от остального содержания страницы горизонтальной линией с помощью одиночного тэга

---

08.06.20

Слайд 19

Цель урока: Познакомиться с тэгами, которые используются для форматирования текста на веб-странице. 2. Научится применять тэги для форматирования текста на веб-странице .

Слайд 20

Выполним практическую работу. Учебник стр. 178, п.3,4 Отформатировать текст начальной страницы: 1) Создать и выровнять 2 абзаца (зад.3) 2) Выделить цветом заголовок страницы и отделить его горизонтальной чертой (зад.4)

Слайд 23

Цель урока: Познакомиться с тэгами, которые используются для форматирования текста. 2. Научится применять тэги для форматирования текста на веб-странице .

Слайд 24

Готовых ЗНАНИЙ нельзя ни выпросить у добрых знакомых, ни купить в книжной лавке. Их надо выработать процессом собственного мышления, которое не­пременно должно совершаться самостоятельно в нашей собственной голове. Д. И. Писарев

Слайд 25

ИТОГИ УРОКА Сегодня я узнал… Было интересно… Было трудно… Я выполнял задания… Я понял, что… Теперь я могу… Я научился…