за появление многих чудесных WEB-страничек, WEB-сайтов, наполненных текстами, картинками, звуками,
анимацией, видеоклипами, ссылками…Именно он определяет:
содержание,
внешний вид,
направленность странички.
Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
HTML Учебник для «чайничков»
Содержание
- 1. HTML Учебник для «чайничков»
- 2. Что означают эти буквы?HTMLHyper Text Markup LanguageHTMLЯзык гипертекстовой разметки
- 3. Не раз загружали мы, WEB-страничку…Именно язык гипертекстовой
- 4. Что такое HTML- файл?HTMLHTML – файл
- 5. Что такое тэги?Тэг - это имя (специальное
- 6. Создание личных страничек Обычно сайт создается на
- 7. СтруктураЧтобы наши вещи не терялись, мы их
- 8. В каких средах работаем?Чтобы написать HTML- код
- 9. Браузер - программа для просмотра Web-страниц. В
- 10. Структура HTML - страницыHTMLHTML – кодНачало страницыКонец страницы
- 11. Заголовочная частьHTMLИнформатика
- 12. HTMLТекст заключенный между тэгами Информатика, отобразился в строке Имени документа
- 13. Основная частьМы приветствуем Вас!
- 14. Вот результат сохраненной Web – странички и просмотренной в браузереHTML
- 15. Основная частьМы приветствуем Вас!В путь
- 16. Мы приветствуем Вас!Приходите к нам и вы
- 17. HTMLВот результат сохраненной Web – странички и просмотренной в браузере
- 18. Другие ТЭГИ … - добавление переноса строки
- 19. Другие ТЭГИ … - добавление
- 20. Другие ТЭГИ … - добавление
- 21. Другие ТЭГИ … - добавление
- 22. Другие ТЭГИ … - добавление
- 23. Другие ТЭГИ …
- 24. ПриветHTML
- 25. з а п о м н и
- 26. Сочетания клавиш помогут вам работать быстрееCtrl +
- 27. Замечания!!!Можно писать в любом реестре, но придерживаться
- 28. Задание.Создай 2 WEB-странички. Используй все полученные знания. Материалы для работы находятся в папке MATERIAL
- 29. HTMLАвтор учебника:Котлярова Виктория Юрьевна, учитель информатики и ИКТ, 1.кв.кат, МБОУ СОШ №1 им. Н.К.Крупской,Нижний Тагил
- 30. Скачать презентанцию
Что означают эти буквы?HTMLHyper Text Markup LanguageHTMLЯзык гипертекстовой разметки
Слайды и текст этой презентации
Слайд 3Не раз загружали мы, WEB-страничку…
Именно язык гипертекстовой разметки HTML, ответственен
Именно он определяет:
содержание,
внешний вид,
направленность странички.
Слайд 4 Что такое HTML- файл?
HTML
HTML – файл это обычный текст,
написанный например в программе Блокнот, но который содержит тэги.
Не верится?
И
не верь, лучше всё ты сам проверь!Каждый слайд содержит информацию о том, как создать или, что должно У ТЕБЯ получиться.
Будь внимателен!
После сверки своей работы с примерами, реши продолжать тебе путь или вернуться…
Слайд 5Что такое тэги?
Тэг - это имя (специальное слово), написанное на
английском языке, заключенное в угловые скобки.
Например: ,
тэги
Парные
Непарные
открывающий
закрывающий
Слайд 6Создание личных страничек
Обычно сайт создается на локальном компьютере, а
затем, когда он готов для публикации, копируется на Web-сервер
Создать Моих
документах Папку под названием My_Site_PetrovHTML
Слайд 7Структура
Чтобы наши вещи не терялись, мы их раскладываем по полочкам.
Чтобы точно знать где графика, звуки, тексты мы будем придерживаться
следующей структуры.
Слайд 8
В каких средах работаем?
Чтобы написать HTML- код необходимо открыть приложение
Блокнот (текстовый редактор)
Пуск, Программы, Стандартные, Блокнот
Сохранить HTML- код
так, чтобы страницу можно было просмотреть в Web-браузере:Файл, Сохранить как (появится диалоговое окно)
Где? В вашей папке сайта My Site
Имя файла? «index.html» Сохранить
HTML
Слайд 9Браузер
- программа для просмотра Web-страниц.
В нашем компьютерном классе
установлена программа Internet Explorer. Она преобразует код в то, что
мы видим на web-странице (текст, изображения, таблицы,…)
Слайд 13Основная часть
Мы приветствуем Вас!
тэги заголовка первого
уровня на
Web – странице, в основной части страницы.
HTML
Слайд 15Основная часть
Мы приветствуем Вас!
В путь
тэги заголовка
второго уровня на
Web – странице, отличие в размере шрифта, чем больше уровень, тем меньше размер
HTML
Слайд 16
Мы приветствуем Вас!
Приходите к нам и вы научитесь делать САЙТ
тэги
для размещенияабзаца на странице
Основная часть
HTML
Слайд 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
Слайд 25з а п о м н и
HTML
Если вы внесли
изменения в код, необходимо сохранить лист с кодом и обновить
web-страницу, данная кнопка поможет вам в этом.
Слайд 26Сочетания клавиш
помогут вам работать быстрее
Ctrl + A – выделить всё
Ctrl
+ S – сохранить
Ctrl + V – вставить
Alt + Tab
– смена активного документа
Слайд 27Замечания!!!
Можно писать в любом реестре, но придерживаться выбранного вами стиля.
=«
» - этот набор знаков указывает на путь
до нужного объекта (картинки, документа)После каждой строки тэгов нажми клавишу «ENTER»
HTML
Слайд 28Задание.
Создай 2 WEB-странички. Используй все полученные знания. Материалы для работы
находятся в папке MATERIAL
Слайд 29HTML
Автор учебника:
Котлярова Виктория Юрьевна,
учитель информатики и ИКТ, 1.кв.кат,
МБОУ
СОШ №1 им. Н.К.Крупской,
Нижний Тагил
Теги
