Презентация на тему "Форматирование web-документа" 8 класс

Содержание

• 
  Слайд 1

  УРОК № 2

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

• 
  Слайд 2
  

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

• 
  Слайд 3
  

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

• 
  Слайд 4

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

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

• 
  Слайд 5
  

  Из каких тэгов состоит главный контейнер Какова логическая структура веб-страницы? Заголовок Сожержание В какой контейнер помещается заголовок?

  НЕAD> В какой контейнер помещается название страницы? В какой контейнер помещается содержание? С каким расширением необходимо сохранить Web-страницу? .html или .htm Какая программа используется для написания Сайта? «Блокнот»
• 
  Слайд 6
  
• 
  Слайд 7
  

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

• 
  Слайд 8

  Тема урока:Форматирование текста на Web-странице

• 
  Слайд 9
  

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

• 
  Слайд 10
  

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

• 
  Слайд 11

  Заголовки

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

• 
  Слайд 12

  Шрифт

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

• 
  Слайд 13
  

  Таблица стандартных цветов

• 
  Слайд 14
  

  14 Стили оформления текста

• 
  Слайд 15

  Выравнивание

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

• 
  Слайд 16
  
• 
  Слайд 17

  Абзацы

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

  текст

  08.11.2021 17
• 
  Слайд 18

  Добавление горизонтальной линии между строк

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

  08.11.2021 18
• 
  Слайд 19
  

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

• 
  Слайд 20
  

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

• 
  Слайд 21
  
• 
  Слайд 22
  
• 
  Слайд 23
  

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

• 
  Слайд 24
  

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

• 
  Слайд 25
  

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