О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В. - презентация

1 О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.

2 Основные определения Язык HTML (HyperText Markup Language «язык гипертекстовой разметки») набор команд (тегов), вставляемых в текст web- страницы и определяющих форматирование абзацев, вид шрифта, ссылки на внешние файлы, другие web-страницы или части той же web-страницы. Гипертекст «многомерный» текстовый документ (либо объединение нескольких текстовых документов), построенный по принципу «нелинейного» структурирования материала за счет применения гипертекстовых ссылок (как внутренних, в пределах данного документа, так и перекрестных, указывающих на другие документы, в том числе размещенные на других компьютерах сети, или на их фрагменты), позволяющих одним щелчком мыши перемещаться из одной «смысловой точки» гипертекстового документа в другую. Контейнер конструкция из парных «открывающего» и «закрывающего» тегов. При этом действие открывающего тега и его параметров распространяется на весь текстовый фрагмент, заключенный внутри контейнера.

3 Основные определения Web-страница (интернет-страница, WWW-страница), web- документ обособленный документ, хранящийся в отдельном файле на диске и включающий в себя текст, отображаемый на экране во время просмотра в браузере, а также теги языка HTML, дополненный хранящимися в отдельных файлах и подгружаемыми дополнительно по размещенным в тексте страницы ссылкам мультимедиа-иллюстрациями (рисунками, видео, аудио- и пр.). Сайт, web-сайт набор web-страниц, составляющих единую подборку и связанных между собой перекрестными ссылками. Одна из этих страниц является основной (головной, индексной, стартовой) и автоматически выдается на просмотр пользователю, указавшему в браузере только адрес сайта, тогда как все остальные страницы, как правило, вызываются из основной с помощью гиперссылок.

4 Основные определения: Браузер (web-браузер) программа, запускаемая на локальном компьютере для просмотра web-страниц, их сохраненных на локальном диске копий, а также любых документов, созданных с использованием языка HTML. Сегодня наиболее популярными являются браузеры Microsoft Internet Explorer, Netscape Navigator / Netscape Communicator, Opera, Mozilla, Firefox и др.

5 HTML – язык разметки текстовых документов Теги HTML (команды) – определяют как будет выглядеть текст: шрифт, выравнивание абзацев и т.д. Теги записываются между угловыми скобками. Например:,,. Обычно теги бывают парными и - контейнер: ……. …….

6 Основные части HTML -документа HTML- документ … Голова … Тело...

7 Основные части HTML -документа ТэгЗначение начало HTML-документа … начало …конец головной части... начало …конец тела документа конец HTML-документа

8 Упр. 1 ПРОСТЕЙШАЯ HTML-СТРАНИЦА 1. Открыть редактор Блокнот и набрать текст: … 2. Сохранить документ в своей папке под именем lesson1.html 3. Открыть сохраненный документ.

9 Упражнение 2 Открыть lesson1.html и с помощью команд Вид Просмотр HTML-кода открыть окно редактора Блокнот: Урок 1 Сохранить изменения в документ Обновить открытый в браузере документ.

10 Упр. 3. Прописка сайта в поисковых системах В контейнере …. размещается тег, который имеет name – параметр: keywords - ключевые слова discription - описание страницы author - автор content - значение параметра

11 Урок 1

12 Урок 1

13 Контрольные вопросы 1. Что такое язык HTML? Для чего он нужен? 2. Что такое браузер? Для чего он нужен? 3. Из каких двух основных частей состоит любой HTML-документ? 4. Что такое тег? Что такое контейнер? Чем HTML-теги отличаются от остального текста HTML-документа? 5. Что означает косая черта («/») перед именем тега? 6. Какие теги описывают общие правила отображения HTML-документа и содержат дополнительную информацию о нем?

14 Контрольные вопросы 7. Между какими тегами располагаются команды, согласно которым браузер выводит текст в своем окне? 8. Между какими тегами располагается имя HTML-документа, которое отображается в заголовке окна браузера? 9. Между какими тегами задается метаинформация, чтобы поисковые системы могли легко найти ваш сайт по ключевому слову, описанию или имени автора? Как записать эту информацию в составе web-документа?

15 Контрольные вопросы 10. Какие теги обязательно должны иметься в любом HTML-документе? 11. Какой вариант HTML-кода для пустой web- страницы правильный? а)б)в)