УМЦ по среднему профессиональному образованию г. Москвы Московского комитета образования Дистанционный курс « ИНФОРМАЦИОННЫЕ И ТЕЛЕКОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ В ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ ПЕДАГОГА» « ИНФОРМАЦИОННЫЕ И ТЕЛЕКОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ В ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ ПЕДАГОГА» Занятие 10 Разработка и создание презентации по теме: «Создание сайта на HTML в текстовом редакторе БЛОКНОТ» Выполнил слушатель группы Тарасова Е.Ю. Дистанционный педагог Николаева В.А. Москва-2006

Чтобы создать сайт, можно, например, использовать обычный текстовый редактор-Блокнот Для презентации использованы материалы М.А. Чмиги полученные на курсах повышения квалификации в 2004 г. по теме: «Технология телекоммуникации: web- мастерская» в МИОО

Hyper Text Marking Language - язык разметки гипертекста HTML состоит из текста и тегов - в начале размещается обязательный тег Web, а в конце закрывающий -

Николаева Сохранение документа с расширением htm Сохранить

Раздел заголовков Web- страницы определяется тегами и

ПЕТР I Между тегами и размещается заголовок Web-страницы

После сохранения изменений можно открыть файл для просмотра

Измененный заголовок Web- страницы

Страница находится в стадии разработки На главную На главную ПОЛТАВСКАЯ БИТВА Полтавской битвой называется сражение 27 июня (8 июли) 1709 года, во время Северной войны годов, в котором русская армия под командованием Петра 1 разгромила шведскую армию короля Карла XII. Полтавское сражение привело к перелому в Северной войне в пользу России. 30 апреля 1709 года шведские войска, вторгшиеся на террито­рию Украины, начали осаду Полтавы Ее гарнизон в составе 4,2 тысяч солдат и 2,6 тысяч вооруженных горожан под руководством полковника А. С. Келина успешно отбил ряд штурмов. В конце мая к Полтаве подошли главные силы русской армии во главе с Петром. Они распо­ложились на противоположном от Полтавы левом берегу реки Ворсклы После того как 16 июня на военном совете Петр решился на генеральное сражение, в этот же день передовой отряд русских форсировал Ворсклу севернее Полтавы, у деревни Петровка, обеспечив возможность пере­ правы всей армииПолтавское сражение Назад Петр Великий Великий царь Петр Алексеевич Романов родился в правил с 1689г.), первый российский император (с 1721), младший сын Алексея Михайловича Провел реформы государственного управления (созданы Се­нат, коллегии, органы высшего государственного контро­ля и политического сыска; церковь подчинена государст­ву, проведено деление страны на губернии, построена но­вая столица - Санкт- Петербург) Петр использовал опыт западноевропейских стран в развитии промышленности, торговли, культуры. Проводил политику меркантилизма (создание мануфак1ур, металлургических, горных и дру­гих заводов, верфей, пристаней, каналов)Петр Возглавлял армию в Азовских походах , Северной войне , Персидском походе , при взятии Нотебурга (1702), в сражениях при д Лес­ная (1708) и под Полтавой (1709) Руководил постройкой флота м созданием регулярной армии Способствовал уп­рочению экономического и политического положения дворянства. По инициативе Петра I открыты многие учебные за­ведения. Академия наук, принята гражданская азбука и т д. Реформы Петра 1 проводились жестокими средствами, путем крайнего напряжения материальных и людских сил, угнетения народных масс (подушная подать и др.), что влекло за собой восстания (Стрелецкое 1698, Астрахан­ское , Булавинское и др.), беспощадно по­давлявшиеся правительством. Будучи создателем могуще­ственного абсолютисте ко га государства, добился призна­ния за Россией странами Зал Европы авторитета великой державы.под Полтавой Создание сайта следующей структуры

Петр Великий Язык HTML поддерживает шесть уровней заголовков, которые обозначаются парными тегами,,,,,. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок.

Заголовок первой страницы сайта

Тело документа определяет парный тег Один из самых полезных для дизайна - атрибут, определяющий фон страницы Пример: означает, что фон страницы желтого цвета

Фон страницы стал желтого цвета

align="center" Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо: align=left align=center align=right align=justify

Выравнивание заголовка по центру

Великий царь Петр Алексеевич Романов,первый российский император(1721г.). Провел реформы государственного управления (созданы Сенат, коллегии, органы высшего государственного контроля и политического сыска, церковь подчинена государству,проведено деление на губернии, построена новая столица-Санкт-Петербург). Петр использовал опыт западноевропейских стран в развитии промышленности, торговли, культуры. Проводил политику меркантилизма (создание мануфактур, металлургических, горных и других заводов, верфей, пристаней, каналов).Петр возглавлял армию в Азовских походах , Северной войне , Персидском походе , при взятии Нотебурга (1702), в сражения при д. Лесная (1708) и под Полтавой (1709). Руководил постройкой флота и созданием регулярной армии. Способствовал упрочению экономического и политического положения дворянства. По инициативе Петра I открыты многие учебные заведения, Академии наук, принята гражданская азбука и т.д.. Реформы Петра проводились жестокими средствами, путем крайнего напряжения материальных и людских сил. Будучи создателем могущественного абсолютистского государства, добился признания за Россией странами Зап. Европы авторитета великой державы. Для обозначения абзацев в языке HTML используется тег

Имитировать традиционную красную строку можно несколькими неразрывными пробелами &nbsp

Текст абзаца выровнен по ширине, а абзац имеет отступы слева и справа

Минимальный набор тегов для описания таблицы включает парные теги таблицы, строки и ячейки ( ширина и высота таблицы атрибуты width и height могут иметь значение в процентах и пикселах)

ячейка

Вторая страница сайта Отделение абзацев пустой строкой

Третья страница сайта

Создание гиперссылки под Полтавой под Полтавой

Как вернуться на стартовую позицию? Назад

Страница находится на стадии разработки Переключиться на блокнот с файлом etapi.htm и организовать cсылку на qwe.htm

Вставка рисунка

«ИНФОРМАЦИОННЫЕ И ТЕЛЕКОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ В ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ ПЕДАГОГА» PS: новогодняя шутка - Поставьте плюсик!!!