Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

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

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

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

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

Презентация на тему HTML - учебник для новичков

Содержание

Что означают эти буквы?HTMLHyper Text Markup LanguageHTMLЯзык гипертекстовой разметки
HTMLУчебник для «чайничков» Что означают эти буквы?HTMLHyper Text Markup LanguageHTMLЯзык гипертекстовой разметки Не раз загружали мы, WEB-страничку…Именно язык гипертекстовой разметки HTML, ответственен за появление Что такое HTML- файл?HTMLHTML – файл это обычный текст, написанный например Что такое тэги?Тэг - это имя (специальное слово), написанное на английском языке, Создание личных страничек Обычно сайт создается на локальном компьютере, а затем, когда СтруктураЧтобы наши вещи не терялись, мы их раскладываем по полочкам. Чтобы точно В каких средах работаем?Чтобы написать HTML- код необходимо открыть приложение Блокнот (текстовый Браузер - программа для просмотра Web-страниц. В нашем компьютерном классе установлена программа Структура HTML - страницыHTMLHTML – кодНачало страницыКонец страницы Заголовочная частьHTMLИнформатика HTMLТекст заключенный между тэгами Информатика, отобразился в строке Имени документа Основная частьМы приветствуем Вас! тэги заголовка первого уровня на Вот результат сохраненной Web – странички и просмотренной в браузереHTML Основная частьМы приветствуем Вас!В путь тэги заголовка второго уровня Мы приветствуем Вас!Приходите к нам и вы научитесь делать САЙТ HTMLВот результат сохраненной Web – странички и просмотренной в браузере Другие ТЭГИ … - добавление переноса строки - полужирный - курсив Другие ТЭГИ … - добавление Другие ТЭГИ … - добавление движущегося Другие ТЭГИ … - добавление движущегося Другие ТЭГИ … - добавление движущегося Другие ТЭГИ … добавление движущегося ПриветHTML з а п о м н иHTMLЕсли вы внесли изменения в код, Сочетания клавиш помогут вам работать быстрееCtrl + A – выделить всёCtrl + Замечания!!!Можно писать в любом реестре, но придерживаться выбранного вами стиля.=« » Задание.Создай 2 WEB-странички. Используй все полученные знания. Материалы для работы находятся в папке MATERIAL HTMLАвтор учебника:Котлярова Виктория Юрьевна, учитель информатики и ИКТ, 1.кв.кат, МБОУ СОШ №1 им. Н.К.Крупской,Нижний Тагил
Слайды презентации

Слайд 2 Что означают эти буквы?
HTML
Hyper Text Markup Language
HTML
Язык гипертекстовой

Что означают эти буквы?HTMLHyper Text Markup LanguageHTMLЯзык гипертекстовой разметки

разметки

Слайд 3 Не раз загружали мы, WEB-страничку…
Именно язык гипертекстовой разметки

Не раз загружали мы, WEB-страничку…Именно язык гипертекстовой разметки HTML, ответственен за

HTML, ответственен за появление многих чудесных WEB-страничек, WEB-сайтов, наполненных

текстами, картинками, звуками, анимацией, видеоклипами, ссылками…

Именно он определяет:
содержание,
внешний вид,
направленность странички.

Слайд 4 Что такое HTML- файл?
HTML
HTML – файл это

Что такое HTML- файл?HTMLHTML – файл это обычный текст, написанный

обычный текст, написанный например в программе Блокнот, но который

содержит тэги.

Не верится?
И не верь, лучше всё ты сам проверь!

Каждый слайд содержит информацию о том, как создать или, что должно У ТЕБЯ получиться.
Будь внимателен!
После сверки своей работы с примерами, реши продолжать тебе путь или вернуться…

Слайд 5 Что такое тэги?
Тэг - это имя (специальное слово),

Что такое тэги?Тэг - это имя (специальное слово), написанное на английском

написанное на английском языке, заключенное в угловые скобки.
Например: ,




тэги

Парные

Непарные



открывающий

закрывающий



Слайд 6 Создание личных страничек
Обычно сайт создается на локальном

Создание личных страничек Обычно сайт создается на локальном компьютере, а затем,

компьютере, а затем, когда он готов для публикации, копируется

на Web-сервер
Создать Моих документах Папку под названием My_Site_Petrov

HTML

Слайд 7 Структура
Чтобы наши вещи не терялись, мы их раскладываем

СтруктураЧтобы наши вещи не терялись, мы их раскладываем по полочкам. Чтобы

по полочкам. Чтобы точно знать где графика, звуки, тексты

мы будем придерживаться следующей структуры.

Слайд 8 В каких средах работаем?
Чтобы написать HTML- код необходимо

В каких средах работаем?Чтобы написать HTML- код необходимо открыть приложение Блокнот

открыть приложение Блокнот (текстовый редактор)
Пуск, Программы, Стандартные,

Блокнот

Сохранить HTML- код так, чтобы страницу можно было просмотреть в Web-браузере:
Файл, Сохранить как (появится диалоговое окно)
Где? В вашей папке сайта My Site
Имя файла? «index.html» Сохранить

HTML

Слайд 9 Браузер
- программа для просмотра Web-страниц.
В нашем

Браузер - программа для просмотра Web-страниц. В нашем компьютерном классе установлена

компьютерном классе установлена программа Internet Explorer. Она преобразует код

в то, что мы видим на web-странице (текст, изображения, таблицы,…)

Слайд 10 Структура HTML - страницы







HTML
HTML – код

Начало страницы

Конец страницы

Структура HTML - страницыHTMLHTML – кодНачало страницыКонец страницы

Слайд 11 Заголовочная часть


HTML

Информатика

Заголовочная частьHTMLИнформатика

Слайд 12 HTML
Текст заключенный между тэгами Информатика, отобразился в строке

HTMLТекст заключенный между тэгами Информатика, отобразился в строке Имени документа

Имени документа

Слайд 13 Основная часть

Мы приветствуем Вас!

тэги

Основная частьМы приветствуем Вас! тэги заголовка первого уровня на

заголовка первого уровня на

Web – странице,
в основной части страницы.

HTML

Слайд 14 Вот результат сохраненной Web – странички и просмотренной

Вот результат сохраненной Web – странички и просмотренной в браузереHTML

в браузере
HTML

Слайд 15 Основная часть

Мы приветствуем Вас!
В путь


Основная частьМы приветствуем Вас!В путь тэги заголовка второго уровня на

тэги заголовка второго уровня на

Web – странице,
отличие в размере шрифта, чем больше уровень, тем меньше размер

HTML

Слайд 16
Мы приветствуем Вас!
Приходите к нам и вы научитесь

Мы приветствуем Вас!Приходите к нам и вы научитесь делать САЙТ

делать САЙТ

тэги для размещения

абзаца на странице


Основная часть

HTML

Слайд 17 HTML
Вот результат сохраненной Web – странички и просмотренной

HTMLВот результат сохраненной Web – странички и просмотренной в браузере

в браузере

Слайд 18 Другие ТЭГИ …

- добавление переноса строки
-

Другие ТЭГИ … - добавление переноса строки - полужирный -

полужирный
- курсив
-

центрирование
абзаца

HTML

Атрибут
тэга

Значение
атрибута

Слайд 19 Другие ТЭГИ …
- добавление

Другие ТЭГИ … - добавление

изображения


- добавление фонового изображения

HTML

Имя.расширение

Имя.расширение

Имя папки
нахождения изображения

Слайд 20 Другие ТЭГИ …
- добавление движущегося

Другие ТЭГИ … - добавление движущегося

текста
Но вы должны указать атрибуты, то есть описать поведение движения текста
Behavior (поведение)
scroll (прокрутка)
alternate (чередование)
slide (скольжение)
ПО умолчанию устанавливается scroll

HTML

Слайд 21 Другие ТЭГИ …
- добавление движущегося

Другие ТЭГИ … - добавление движущегося

текста
Но вы должны указать атрибуты, то есть описать направление движения текста
Direction (направление)
left (ПО умолчанию) (влево)
right (вправо)
up (вверх)
down (вниз)

HTML

Слайд 22 Другие ТЭГИ …
- добавление движущегося

Другие ТЭГИ … - добавление движущегося

текста
Но вы должны указать атрибуты, то есть описать цвет фона движущегося текста
Bgcolor (цвет фона движущейся строки)
red
сyan
Любой цвет

HTML

Слайд 23 Другие ТЭГИ …
добавление

Другие ТЭГИ … добавление движущегося

движущегося

текста
Но вы должны указать атрибуты, то есть описать цикл прокрутки движущегося текста
Loop (цикл) сyan
infinite (бесконечный)
«2»
«3»
«4»

HTML

Слайд 24 Привет
HTML

ПриветHTML

Слайд 25 з а п о м н и
HTML
Если вы

з а п о м н иHTMLЕсли вы внесли изменения в

внесли изменения в код, необходимо сохранить лист с кодом

и обновить web-страницу, данная кнопка поможет вам в этом.

Слайд 26 Сочетания клавиш помогут вам работать быстрее
Ctrl + A –

Сочетания клавиш помогут вам работать быстрееCtrl + A – выделить всёCtrl

выделить всё
Ctrl + S – сохранить
Ctrl + V –

вставить
Alt + Tab – смена активного документа

Слайд 27 Замечания!!!
Можно писать в любом реестре, но придерживаться выбранного

Замечания!!!Можно писать в любом реестре, но придерживаться выбранного вами стиля.=« »

вами стиля.
=« » - этот набор знаков

указывает на путь до нужного объекта (картинки, документа)
После каждой строки тэгов нажми клавишу «ENTER»

HTML

Слайд 28 Задание.
Создай 2 WEB-странички. Используй все полученные знания. Материалы

Задание.Создай 2 WEB-странички. Используй все полученные знания. Материалы для работы находятся в папке MATERIAL

для работы находятся в папке MATERIAL

  • Имя файла: html-uchebnik-dlya-novichkov.pptx
  • Количество просмотров: 135
  • Количество скачиваний: 0
- Предыдущая Половое размножение растений
Следующая - Международные финансовые рынки

Похожие презентации

Компьютерные вирусы и антивирусные программы Компьютерные вирусы и антивирусные программы 145
Сколько стоит Интернет-магазин? На чем можно сэкономить Сколько стоит Интернет-магазин? На чем можно сэкономить 118
Презентация проекта на тему: На каком языке говорит компьютер? Презентация проекта на тему: На каком языке говорит компьютер? 180
Своя игра по информатике Своя игра по информатике 156
Презентация по теме: Как написать проект логопедического занятия в условиях ФГОС общего образования. методическая разработка по логопедии по теме Презентация по теме: Как написать проект логопедического занятия в условиях ФГОС общего образования. методическая разработка по логопедии по теме 160
Презентация по информатике на тему Компьютерные вирусы и антивирусные программы (8 класс) Презентация по информатике на тему Компьютерные вирусы и антивирусные программы (8 класс) 196
Администрирование информационных систем Администрирование БД Администрирование информационных систем Администрирование БД 143
Организационные процессы жизненного цикла программного средства Организационные процессы жизненного цикла программного средства 133
Презентация по информатике ПЕРЕМЕЩЕНИЕ И УДАЛЕНИЕ СЛАЙДОВ. Презентация по информатике ПЕРЕМЕЩЕНИЕ И УДАЛЕНИЕ СЛАЙДОВ. 157
История развития информационной технологии История развития информационной технологии 156
Относительные, абсолютные и смешанные ссылки в MS Excel Относительные, абсолютные и смешанные ссылки в MS Excel 101
Презентация и тест по теме СУБД для 11 класса Презентация и тест по теме СУБД для 11 класса 177
Что такое программирование Что такое программирование 288
Электронная таблица Excel Электронная таблица Excel 248
Направления информатизации Направления информатизации 143
Методическое и техническое обеспечение учебного процесса по информатике Методическое и техническое обеспечение учебного процесса по информатике 164
Безопасная работа в социальных сетях Безопасная работа в социальных сетях 102
Конкурс анаграмм Конкурс анаграмм 152
Компьютернеые вирусы Компьютернеые вирусы 145
Знакомство с языком Pascal Знакомство с языком Pascal 157
Електроні таблиці MS Excel Електроні таблиці MS Excel 125
Информационные технологии Информационные технологии 161
Реестр Реестр 196
Презентация по информатики на тему Техника безопасности в компьютерном классе Презентация по информатики на тему Техника безопасности в компьютерном классе 234
Использование мультимедийных технологий в преподавании историко-обществоведческих дисциплин Использование мультимедийных технологий в преподавании историко-обществоведческих дисциплин 145
My perfect computer My perfect computer 148
Администрирование БД. Автоматизация административных задач Администрирование БД. Автоматизация административных задач 163
Математический тренажер Математический тренажер 132
Антивирус орнату Антивирус орнату 139
СУБД Access СУБД Access 129