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.

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



Advertisements
Похожие презентации
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Advertisements

Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Web-страницы и Web-сайты. Структура Web- страницы.
Язык разметки гипертекста HTML Учитель информатики МОУ СОШ 5 г.Сегежи В.В.Меньшиков.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
Создание Web-страниц. Web – сайт состоит из компьютерных Web – страниц, объединённых гиперссылками. Создание Web – страниц реализуется с помощью языка.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Основы HTML Учитель информатики и ИКТ МКОУ «Глядянская СОШ» Притобольного района Кузнецова Оксана Николаевна.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Инструментальные средства создания электронных образовательных ресурсов План лекции 1 Общее представление о языке HTML. Подготовка к созданию HTML-документа.
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические,
Транксрипт:

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.

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, основные понятия Форматирование текста Примеры

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).

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 – страницами и ресурсами интернет и т. д.

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

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 – документа, который появляется в рамке окна программы просмотра. Само название страницы пишется между флагами и Например – Моя личная страничка о зимних каникулах Моя личная страничка о зимних каникулах

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- документе тело странички После заголовка пишется тело странички или то, что выводится на экран программой просмотра. Оно пишется между двумятегами и Например – Моя личная страничка о зимних каникулах Моя личная страничка о зимних каникулах Привет ! Это страничка о путешествиях!......

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 Теги бывают: Небольшие выводы по поводу тегов или флагов: парные и непарные; открывающие и закрывающие. Они бывают парные и непарные; открывающие и закрывающие. Пример: Парные - и Непарные - - переход на новую строку. - рисует линию Открывающие - ; Закрывающие - ;

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:

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

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, определяющее уровень заголовка

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/ Заголовки документов заголовки можно выравнивать Как и любой текст, заголовки можно выравнивать по левому, правому краю, центрировать. Пример: Изучение иностранного языка Английский язык Разговорная речь Грамматика Времена глаголов

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/ Форматирование текста Задание параграфа текст - этот флаг вставляет перед параграфом пустую строку и печатает текст параграфа. Выравнивание текста - выравнивание текста параграфа по левому краю - выравнивание текста параграфа по правому краю - центрирование текста

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 ++

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

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 мм). Он задается относительно размера, установленного в программе просмотра по умолчанию. текст - увеличение текста текст - уменьшение текста Размещение графического файла на странице Размещение графического файла на странице.

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/ Пример применения вышеперечисленных флагов разметки:

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

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