Тема нашего сегодняшнего урока самостоятельная практическая работа «Форматирование Web- страницы с помощью HTML-кода в Блокноте»

Презентация:



Advertisements
Похожие презентации
1 из 16 Л.Л. Босова, УМК по информатике для 5-7 классов Москва, 2007 Форматирование текста на Web-страницах.
Advertisements

1.Парные (контейнер): … Закрывающий тэг содержит «/» 2. Одиночные:
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Форматирование текста на Web- странице …- размер шрифта заголовков - шрифт текста - шрифт текста - горизонтальная линия - горизонтальная линия - разделение.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ 19 г. Белово Основы языка разметки гипертекста HTML.
Web-страницы и Web-сайты. Структура Web- страницы.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
HTML Язык гипертекстовой разметки. Стандартный текст страницы Моя страничка Эта страничка обо мне.
Создание Web-страниц Какие теги должны присутствовать на Web-странице обязательно? 1) 1) 2) 2) 3) 3) 4) 4) 5) 5) 6) 6) 7) 7) 8) 9) 10) 11) 12) 13) 14)
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
2 Стили оформления текста жирный ( bold ) Вася курсив ( italic ) Вася подчеркивание ( underline ) Вася зачеркивание ( strike out ) Вася верхний индекс.
Транксрипт:

Тема нашего сегодняшнего урока самостоятельная практическая работа «Форматирование Web- страницы с помощью HTML-кода в Блокноте»

Цель нашего сегодняшнего урока Закрепление предыдущих тем: Выравнивание абзацев и заголовков 6 уровней (атрибут – ALIGN). Начертание (контейнер). Шрифт (контейнер), атрибуты гарнитуры шрифта, размера шрифта, цвета шрифта.

Сколько всего уровней у заголовков (, …)? 1)8 уровней. 2)6 уровней. 3)3 уровней. Выберите верные ответы

Для чего нужен атрибут ALIGN в разделах P и H1 (H2,H3,…,H6)? 1)Для задания начертания. 2)Для задания цвета шрифта. 3)Для выравнивания. 4)Для заголовков 6 уровней. Выберите верные ответы

Что значит … ? 1)Шрифт. 2)Гарнитура шрифта. 3)Шрифт: 1, 2, 3, 4, 5, 6, 7. 4)Размер шрифта: 1, 2, 3, 4, 5, 6, 7. 5)Цвет шрифта. Выберите верные ответы

Что значит … ? 1)Шрифт. 2)Гарнитура шрифта. 3)Шрифт: 1, 2, 3, 4, 5, 6, 7. 4)Размер шрифта: 1, 2, 3, 4, 5, 6, 7. 5)Цвет шрифта. Выберите верные ответы

Что значит … ? 1)Шрифт. 2)Гарнитура шрифта. 3)Шрифт: 1, 2, 3, 4, 5, 6, 7. 4)Размер шрифта: 1, 2, 3, 4, 5, 6, 7. 5)Цвет шрифта. Выберите верные ответы

Вместо цвета, как black, red, yellow и т.п. можно использовать шестнадцатеричную кодировку цвета # Для выбора нужного цвета можно использовать Таблицу «Безопасных цветов для Web» файл «Безопасные цветы для Web.htm» из папки \MyWebs: Вместо yellow ( желтый ) можно выбрать #ffff00 (#FFFF00 ) методом Копировать/Вставить ( / )

… Внутрь кавычек вы вставите? 1)ЖЕЛТЫЙ. 2)YELLOW. 3)1, 2, 3, 4, 5, 6, 7. 4)#FFFF00. Выберите верные ответы

Добро пожаловать Можно ли использовать сразу три раза подряд тэг FONT или нельзя ?

Добро пожаловать Можно ли использовать сразу три атрибута FACE SIZE COLOR в тэге FONT или нельзя ?

1) … 2) … Выберите: где верно?

1) … 2) … Выберите: где верно?

Примечание. Запомните: Тэги начертания, тэг шрифта с атрибутами гарнитуры, размера, цвета должны находиться в разделе P и H1 (H2,H3,H4,H5,H6): Добро пожаловать

Примечание. Запомните: Тэги начертания, тэг шрифта с атрибутами гарнитуры, размера, цвета должны находиться в разделе P и H1 (H2,H3,H4,H5,H6): Добро пожаловать

Примечание. Запомните: Тэги начертания, тэг шрифта с атрибутами гарнитуры, размера, цвета должны находиться в разделе P и H1 (H2,H3,H4,H5,H6): Добро пожаловать

Примечание. Запомните: Тэги начертания, тэг шрифта с атрибутами гарнитуры, размера, цвета должны находиться в разделе P и H1 (H2,H3,H4,H5,H6): Добро пожаловать

Примечание. Запомните: Тэги начертания, тэг шрифта с атрибутами гарнитуры, размера, цвета должны находиться в разделе P и H1 (H2,H3,H4,H5,H6): Добро пожаловать

Примечание. Запомните: Тэги начертания, тэг шрифта с атрибутами гарнитуры, размера, цвета должны находиться в разделе P и H1 (H2,H3,H4,H5,H6): Добро пожаловать

Для чего нужен контейнер TITLE в разделе HEAD? 1)Для присвоения имени файла. 2)Для задания имени Web- страницы, отображаемого в заголовке окна браузера или вкладке. 3)Для задания заголовка первого уровня.

Мурзик Папа Циркуль

(обиженно и возмущенно) (ласково) (капризничает)

Мурзик Папа Циркуль

(обиженно и возмущенно) (ласково) (капризничает)

Дружок, вставай! Дружок, проснись! Cадись за стол и не ленись. Задачки станем мы решать И на вопросы отвечать!

Дружок, вставай! Дружок, проснись! Cадись за стол и не ленись. Задачки станем мы решать И на вопросы отвечать!

Проверьте, всё верно ли вы сделали?

Список литературы и ресурсов: 1. Информатика и ИКТ. Под ред. Н.В.Макаровой, Практикум 8-9, Питер, Практикум по информационным технологиям. Н.Угринович, Л.Босова, Н.Михайлова, Москва, Лаборатория Базовых Знаний АО «Московские учебники»,