PPt4Web Хостинг презентаций

Главная / Информатика / HTML Учебник для «чайничков»
X Код для использования на сайте:

Скопируйте этот код и вставьте его на свой сайт

X

Чтобы скачать данную презентацию, порекомендуйте, пожалуйста, её своим друзьям в любой соц. сети.

После чего скачивание начнётся автоматически!

Кнопки:

Презентация на тему: HTML Учебник для «чайничков»


Скачать эту презентацию

Презентация на тему: HTML Учебник для «чайничков»


Скачать эту презентацию



№ слайда 1 HTML Учебник для «чайничков»
Описание слайда:

HTML Учебник для «чайничков»

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

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

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

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

№ слайда 4 Что такое HTML- файл? HTML – файл это обычный текст, написанный например в прогр
Описание слайда:

Что такое HTML- файл? HTML – файл это обычный текст, написанный например в программе Блокнот, но который содержит тэги. Не верится? И не верь, лучше всё ты сам проверь! Каждый слайд содержит информацию о том, как создать или, что должно У ТЕБЯ получиться. Будь внимателен! После сверки своей работы с примерами, реши продолжать тебе путь или вернуться…

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

Что такое тэги? Тэг - это имя (специальное слово), написанное на английском языке, заключенное в угловые скобки. Например: <html>, <br>

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

Создание личных страничек Обычно сайт создается на локальном компьютере, а затем, когда он готов для публикации, копируется на Web-сервер Создать Моих документах Папку под названием My_Site_Petrov

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

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

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

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

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

Браузер - программа для просмотра Web-страниц. В нашем компьютерном классе установлена программа Internet Explorer. Она преобразует код в то, что мы видим на web-странице (текст, изображения, таблицы,…)

№ слайда 10 Структура HTML - страницы
Описание слайда:

Структура HTML - страницы <html> <head> </head> <body> </body> </html>

№ слайда 11 Заголовочная часть    Информатика
Описание слайда:

Заголовочная часть <head> </head> <head> <title>Информатика</title> </head>

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

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

№ слайда 13 Основная часть  тэги заголовка первого уровня на  Web – странице, в основной час
Описание слайда:

Основная часть <h1> тэги заголовка первого уровня на </h1> Web – странице, в основной части страницы. <body> <h1>Мы приветствуем Вас!</h1> </body>

№ слайда 14 Вот результат сохраненной Web – странички и просмотренной в браузере
Описание слайда:

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

№ слайда 15 Основная часть  тэги заголовка второго уровня на  Web – странице, отличие в разм
Описание слайда:

Основная часть <h2> тэги заголовка второго уровня на </h2> Web – странице, отличие в размере шрифта, чем больше уровень, тем меньше размер <body> <h1>Мы приветствуем Вас!</h1> <h2>В путь</h2> </body>

№ слайда 16 Основная часть  тэги для размещения  абзаца на странице  Мы приветствуем Вас! Пр
Описание слайда:

Основная часть <p> тэги для размещения </p> абзаца на странице <body> <h1>Мы приветствуем Вас!</h1> <p>Приходите к нам и вы научитесь делать САЙТ</p> </body>

№ слайда 17 Вот результат сохраненной Web – странички и просмотренной в браузере
Описание слайда:

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

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

Другие ТЭГИ … <br> - добавление переноса строки <b> - полужирный </b> <i> - курсив </i> <p align=“center”> - центрирование абзаца

№ слайда 19 Другие ТЭГИ …  - добавление изображения  - добавление фонового изображения
Описание слайда:

Другие ТЭГИ … <img src=“image/pit.jpg”> - добавление изображения <body background=“fon/sneg.jpg”> - добавление фонового изображения

№ слайда 20 Другие ТЭГИ …  - добавление движущегося  текста Но вы должны указать атрибуты, т
Описание слайда:

Другие ТЭГИ … <marquee> - добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать поведение движения текста Behavior (поведение) scroll (прокрутка) alternate (чередование) slide (скольжение) ПО умолчанию устанавливается scroll

№ слайда 21 Другие ТЭГИ …  - добавление движущегося  текста Но вы должны указать атрибуты, т
Описание слайда:

Другие ТЭГИ … <marquee> - добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать направление движения текста Direction (направление) left (ПО умолчанию) (влево) right (вправо) up (вверх) down (вниз)

№ слайда 22 Другие ТЭГИ …  - добавление движущегося  текста Но вы должны указать атрибуты, т
Описание слайда:

Другие ТЭГИ … <marquee> - добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать цвет фона движущегося текста Bgcolor (цвет фона движущейся строки) red сyan Любой цвет

№ слайда 23 Другие ТЭГИ …  добавление движущегося  текста Но вы должны указать атрибуты, то
Описание слайда:

Другие ТЭГИ … <marquee> добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать цикл прокрутки движущегося текста Loop (цикл) сyan infinite (бесконечный) «2» «3» «4»

№ слайда 24  Привет
Описание слайда:

<marquee behavior=“scroll” direction=“left” bgcolor=“сyan”loop=“infinite”> Привет</marquee>

№ слайда 25 Если вы внесли изменения в код, необходимо сохранить лист с кодом и обновить web
Описание слайда:

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

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

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

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

Замечания!!! Можно писать в любом реестре, но придерживаться выбранного вами стиля. =« » - этот набор знаков указывает на путь до нужного объекта (картинки, документа) После каждой строки тэгов нажми клавишу «ENTER»

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

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

№ слайда 29 HTML Автор учебника: Котлярова Виктория Юрьевна, учитель информатики и ИКТ, 1.кв
Описание слайда:

HTML Автор учебника: Котлярова Виктория Юрьевна, учитель информатики и ИКТ, 1.кв.кат, МБОУ СОШ №1 им. Н.К.Крупской, Нижний Тагил

Скачать эту презентацию


Презентации по предмету
Презентации из категории
Лучшее на fresher.ru