Разделы презентаций


Урок по информатике "Создание веб -страничке в HTML "

Содержание

Встреча с

Слайды и текст этой презентации

Слайд 1

Дело не в том чтобы знать много,
а в том,

чтобы знать из всего того, что можно знать, самое нужное. 
ЛЕВ

ТОЛСТОЙ
Дело не в том чтобы знать много, а в том, чтобы знать из всего того, что

Слайд 3Встреча с

Встреча с

Слайд 4празднуется

4 апреля
Интернета
Международный день
Введение

празднуется 4 апреля Интернета Международный деньВведение

Слайд 5.
А 17 МАЯ 1991 Г  был утвержден стандарт для страниц 
WWW
 (

англ.. 
World Wide Web).
Международный День ИНТЕРНЕТА пытались ввести несколько раз в разные даты,

но ни одна из них так и не стала традиционной.

До этого дня существовала 
ЭЛЕКТРОННАЯ ПОЧТА, новостные рассылки и перекачка файлов.

Введение

.А 17 МАЯ 1991 Г  был утвержден стандарт для страниц WWW  ( англ.. World Wide Web). Международный День ИНТЕРНЕТА пытались ввести несколько раз

Слайд 6В России «прижилась».
дата
30 сентября
Узбекистан
29 апреля
Украина
14 декабря
Введение

В России «прижилась».дата30 сентябряУзбекистан 29 апреляУкраина14 декабряВведение

Слайд 7 
« Международный день
БЕЗ ИНТЕРНЕТА».
отмечает
мировое сообщество
27 января
Введение

  « Международный день БЕЗ ИНТЕРНЕТА».отмечаетмировое сообщество27 январяВведение

Слайд 8Создание
веб –странички
В HTML
Тема урока :

Созданиевеб –страничкиВ HTMLТема урока :

Слайд 9Дата : апрель 2014
Класс : 12 (реальный )
Дисциплина :

информатика
Длительность – 45 минут
Преподаватель : Быстрова В.Л

Дата : апрель 2014Класс : 12 (реальный ) Дисциплина : информатикаДлительность – 45 минутПреподаватель : Быстрова В.Л

Слайд 10Цели урока
Познакомиться с языком HTML
Закрепить навыки по созданию простейшей web-стране


Познакомиться с тэгами:
Для форматирования шрифта;
Для изменения имени веб –страницы
Для

форматирования цвета веб -страницы
Выполнить практическую работу:
«Создание простейшей Web – страницы»
Цели урокаПознакомиться с языком HTMLЗакрепить навыки по созданию простейшей web-стране Познакомиться с тэгами:Для форматирования шрифта;Для изменения имени

Слайд 11Введение
Знакомство с HTML (справка )
Просмотр образца веб -странички
Общая структура

документа ( работа с учебником)
4.Практика , работа за компьютером :


Создание новой веб-стр с расширением .HTML
- создание папки
- создание пустой веб –странички
- изменение фона веб –странички
- смена имени веб –странички
- текст ,форматирование текста
6.Подведение итогов
7.Оценивание
8.Д.З

План работы урока

Введение Знакомство с HTML (справка )Просмотр образца веб -страничкиОбщая структура документа ( работа с учебником)4.Практика , работа

Слайд 12Самым распространенным веб –документом являются
ДОКУМЕНТЫ HTML.
HTML был изобретён в

1989 году учёным, Тимом Бёрнсом-Ли в стенах Европейского Центра ядерных

исследований в Женеве (Швейцария)и предназначался для облегчения обмена документами между учёными различных университетов.

Проект имел больший успех. Этим изобретением HTML он заложил основы современной сети Internet .

Знакомство с HTML

Самым распространенным веб –документом являются ДОКУМЕНТЫ HTML.HTML был изобретён в 1989 году учёным, Тимом Бёрнсом-Ли в стенах

Слайд 13HTML (от англ. HyperText Markup Language —
« язык гипертекстовой разметки») —
стандартный язык разметки
 документов

во Всемирной паутине.
В настоящее время  Консорциум Всемирной Паутины разработал HTML версии

5. 

HTML это язык, который позволяет представлять
информацию в Internet.
То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста. 

Знакомство с HTML

HTML (от англ. HyperText Markup Language — « язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине. В настоящее время  Консорциум

Слайд 14
Предлагаю просмотреть самую простую страничку веб- документа в HTML

Предлагаю просмотреть  самую простую страничку  веб- документа в HTML

Слайд 15Просмотр веб –странички

Просмотр веб –странички

Слайд 16Просмотр веб –странички

Просмотр веб –странички

Слайд 17Просмотр веб –странички

Просмотр веб –странички

Слайд 18Просмотр веб –странички

Просмотр веб –странички

Слайд 19





Быстрова Виорика Леонидовна




учитель
физики и информатики



Комрат лицей им.Н.Третьякова






физика в гимназическом звене : 7,8,9


физика в лицейском звене :10,11,12


информатика в лицейском звене :10,11,12









  • учителя математики :Орлова,Кальчишкова ,Домущу
  • чителя физики : Быстрова ,Кичук
  • чителя информатики: Быстрова ,Кальчишкова ,Домущу





Мои любимые фото








Программа
на языке HTML
для указанной странички

Быстрова Виорика Леонидовна        учитель

Слайд 20Структура HTML-документа
HTML — теговый язык разметки документов.
Любой документ на языке

HTML представляет собой набор элементов. Начало и конец каждого элемента

обозначается специальными пометками — тегами.
Структура HTML-документаHTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов. Начало и

Слайд 21
Элементы могут быть пустыми, то есть не содержащими никакого текста

и других данных .

Кроме того, элементы могут иметь атрибуты, определяющие какие-либо

их свойства ..

Тэг- это метки, которую вы используете для указания браузеру, как он должен показывать ваш web-сайт.

Все тэги имеют одинаковый формат:

они начинаются знаком "<" и заканчиваются знаком ">".

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

Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных .Кроме того, элементы могут

Слайд 22
Пример :
первая строка любой веб –странички в блокноте начинается (открывается)

словами
Последняя строка любой веб –странички в блокноте заканчивается

(закрывается ) словами


Пример :





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

Пример :первая строка любой веб –странички в блокноте начинается (открывается)   словамиПоследняя строка любой веб –странички

Слайд 23Структура HTML-документа- работа
с учебником работа с учебником
Учебник : Информатика

12класс , стр 124


<br> название веб-странички <br>


информация веб-сайта – раздел текста документа



Структура HTML-документа- работа с учебником работа с учебникомУчебник : Информатика 12класс , стр 124

Слайд 24Главное правило
Создание папки на рабочем столе
Программа пишется в блокноте


Программа сохраняется в блокнотt с расширением .HTML и типом «Все

файлы»
Результат работы тоже можно посмотреть в папке

при создании веб –странички

Главное правилоСоздание папки на рабочем столе Программа пишется в блокноте Программа сохраняется в блокнотt с расширением .HTML

Слайд 25Создание папки
На рабочем столе
создать папку
под именем
« 12

– б класс »
Практика

Создание папкиНа рабочем столе создать папку под именем « 12 – б класс » Практика

Слайд 262.Создание новой
веб- стр
с расширением .HTML
Открыть блокнот
Набираем

программу
Сохраняем в папке « 12б» на рабочем столе
Практика


<br> название веб-странички <br>


информация веб-сайта – раздел текста документа



2.Создание новой веб- стр с расширением .HTMLОткрыть блокнот Набираем программу Сохраняем в папке « 12б» на рабочем

Слайд 27Посмотреть результат :
Открыть папку
Что видим…
2 лкм по пиктограмке


Что видим …
Есть вопросы …

Практика

Посмотреть результат : Открыть папку Что видим…2 лкм по пиктограмке Что видим …Есть вопросы …Практика

Слайд 283.Смена имени веб-странички
Открыть программу в блокноте
В строке «Заголовок документа

» написать


информатика +физика

<br> название веб-странички <br>

3.Сохранить изменения и посмотреть результат

3.Смена имени веб-страничкиОткрыть программу в блокноте В строке «Заголовок документа » написать

Слайд 29Браузер читает HTML так, как читаете его вы:

сверху вниз

и слева направо.


Таким образом, HTML-документ

начинается и заканчивается тем,
чем

должен
начинаться и заканчиваться текст.

Немного теории

Браузер читает HTML так, как читаете его вы: сверху вниз и слева направо.Таким образом, HTML-документ начинается и

Слайд 30Главное правило :
При изменении содержимого веб – стр
не

забывать у имени веб –стр
ставить расширение .HTML

Главное правило : При изменении содержимого веб – стр не забывать у имени веб –стр ставить расширение

Слайд 314. Смена фона странички


<br> физика+ информатика<br>

BGCOLOR= coral



Открыть документ в блокноте
Добавить

aqua – голубой,
blue – синий,
chartreuse – салатовый ,
blueviolet – фиолетовый
darkgreen –темнозеленый
darkorange –оранжевый
gold –желтый
lavender –серый
sienna –коричневый
Coral - цвет коралловый

BGCOLOR – смена фона веб-странички

4. Смена фона странички

Слайд 32
ПРИМЕР :
Я – ученик 12 класса .
Живу в г.Комрат.
Мне

18 лет

6.Заполнение информацией
веб –странички
Работа с учебником
Стр 126-127

ПРИМЕР : Я – ученик 12 класса .Живу в г.Комрат.Мне 18 лет 6.Заполнение информацией веб –страничкиРабота с

Слайд 33


Я – ученик 12 класса .


Живу в г.Комрат.


Мне 18 лет



Программа :

-жирный шрифт
- курсив (наклонный) шрифт

-пропустить одну строчку

- абзац
gold - цвет странички - желтый

Пояснения :


Слайд 34Отформатируем текст : размер и цвет
Программа :




Я – ученик 12 класса .



Живу в г.Комрат.



Мне 18 лет



Пояснения :


:10,8,6- размер шрифта
RED , BLUE, BLUEVIOLET–цвет букв

Отформатируем текст : размер и цвет Программа :

Слайд 35Подведение итогов урока
Что изучали
Чему научились
Что получилось
Что еще хотели бы

знать

Подведение итогов урокаЧто изучали Чему научилисьЧто получилосьЧто еще хотели бы знать

Слайд 36Оценивание

Оценивание

Слайд 37Домашнее задание
Создать веб –страничку по следующим критериям :
«Чудо»

-название странички
Содержимое :
* 5

предложений ,
*каждое предложение на новой строке со своим
форматом и цветом
* интервал между строками – 2 строки

Домашнее задание Создать веб –страничку по следующим критериям : «Чудо» -название странички Содержимое :

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика