Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/1.2.1.2.2./08/IPIA/VIAA/002 HTML dokumenta. - презентация

1 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 HTML dokumenta struktūra Teksta noformēšana Mācību materiāls 11. klasē Nataļja Kučerenko g.

2 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 2 СОДЕРЖАНИЕ Примеры Структура HTML документа Что такое HTML, основные понятия Форматирование текста Примеры

3 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 3 HTML Что такое HTML? Что такое HTML? HTML (HyperText Markup Language) - язык разметки гипертекста. Основное предназначение - указывать браузеру, как разместить элементы на странице при ее отображении на экране монитора. Элементы - текст, рисунки, анимации… Файл, написанный на языке HTML, представляет собой простой текст, в который вставлены флаги разметки или тэги(markup tags).

4 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 4 Что такое Теги Теги или флаги Теги или флаги – это определенные последовательности символов, заключенные между знаками Теги имеют начало и конец: < - начало тега > - конец тега Флаги разметки задают: Как должен быть расположен текст на экране; В каком месте должны находиться рисунки; Связи с другими WEB – страницами и ресурсами интернет и т. д.

5 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 5 Создание документа в HTML HTML документы HTML документы записываются в ASCII формате в любом текстовом редакторе (Notepad, Notepad++ и т.п.) Документы могут быть созданы и отредактированы в любом текстовом редакторе (Notepad, Notepad++ и т.п.) Просмотреть файл Microsoft Internet Explorer, Netscape Navigator Просмотреть файл, написанный на HTML, можно в программе Microsoft Internet Explorer, Netscape Navigator

6 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 6 Что за чем пишется в HTML- документе Любой HTML – документ начинается с тега и заканчивается тегом Любой HTML – документ начинается с тега и заканчивается тегом Далее между флагами разметки и пишется название страницы или заголовок HTML – документа, который появляется в рамке окна программы просмотра. Само название страницы пишется между флагами и Например – Моя личная страничка о зимних каникулах Моя личная страничка о зимних каникулах

7 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 7 Что за чем пишется в HTML- документе тело странички После заголовка пишется тело странички или то, что выводится на экран программой просмотра. Оно пишется между двумятегами и Например – Моя личная страничка о зимних каникулах Моя личная страничка о зимних каникулах Привет ! Это страничка о путешествиях!......

8 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 8 Теги бывают: Небольшие выводы по поводу тегов или флагов: парные и непарные; открывающие и закрывающие. Они бывают парные и непарные; открывающие и закрывающие. Пример: Парные - и Непарные - - переход на новую строку. - рисует линию Открывающие - ; Закрывающие - ;

9 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002 9 Пример документа в HTML гипертекст похож на книгу Любой гипертекст похож на книгу и может быть разбит на отдельные структурные элементы: Собственно документ Собственно документ Главы, параграфы, пункты, подпункты Главы, параграфы, пункты, подпункты Абзацы Абзацы Для каждого из этих элементов в HTML существуют определенные стили, описывающие в каком виде пользователь увидит текст на экране. файл minihtml.html: Пусть мы создали файл minihtml.html:

10 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ HTML файл minihtml.html Пример HTML файла, Просмотр HTML документа созданного в Notepad ++ в Internet Explorer

11 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Заголовки документов HTML-документ должен иметь заголовок Каждый HTML-документ должен иметь заголовок, он показывается отдельно и используется, прежде всего, для идентификации документа (например, при поиске) Заголовок должен описывать цель документа и содержать не больше 5-6 слов. Практически во всех browsers заголовок документа виден в верхней части экрана (окна) Для выделения заголовка служат символы Для выделения заголовка служат символы: Заголовок HTML имеет шесть уровней заголовков, имеющих номера с 1 по 6 (заголовок первого уровня является заголовком высшего уровня) Первый заголовок в каждом документе должен быть выделен. Синтаксис заголовков: Текст заголовка где y - число от 1 до 6, определяющее уровень заголовка

12 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Заголовки документов заголовки можно выравнивать Как и любой текст, заголовки можно выравнивать по левому, правому краю, центрировать. Пример: Изучение иностранного языка Английский язык Разговорная речь Грамматика Времена глаголов

13 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Форматирование текста Задание параграфа текст - этот флаг вставляет перед параграфом пустую строку и печатает текст параграфа. Выравнивание текста - выравнивание текста параграфа по левому краю - выравнивание текста параграфа по правому краю - центрирование текста

14 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Пример странички, созданной в Notepad ++

15 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Просмотр HTML странички в IExplorer

16 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Форматирование текста Задание жирного шрифта текст Задание курсива или наклонного шрифта Задание курсива или наклонного шрифта. текст Задание подчеркивания текст Задание мигающего текста текст Задание размера и толщины горизонтальной линии Установка размера шрифта Размер шрифта измеряется в пунктах(один пункт равен 1/72 дюйма или 0,353 мм). Он задается относительно размера, установленного в программе просмотра по умолчанию. текст - увеличение текста текст - уменьшение текста Размещение графического файла на странице Размещение графического файла на странице.

17 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Пример применения вышеперечисленных флагов разметки:

18 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/ Результат в IExplorer

19 Atbalsts vispārējās izglītības pedagogu nodrošināšanai prioritārajos mācību priekšmetos Vien. Nr. 2008/0001/1DP/ /08/IPIA/VIAA/002