Урок 1 Общие сведения об HTML. HTML H yper T ext M arkup L anguage Язык разметки гипертекста, является тем, с помощью чего web-браузер (программа для. - презентация

1 Урок 1 Общие сведения об HTML

2 HTML H yper T ext M arkup L anguage Язык разметки гипертекста, является тем, с помощью чего web-браузер (программа для просмотра документа с гипертекстовыми ссылками) показывает мультемедийные (текстовые, графические и др.) документы. Собственно документы - это обычные тексты со специальными "тегами" или признаками, по которым браузер знает как интерпретировать и показывать текст (или картинки) на Вашем экране.

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

4 Цель этой обучающей программы научить Вас создавать документы, которые соответствуют HTML – стандартам, т.е. правилам, которыми руководствуются браузеры для представления информации на экране компьютера. Благодаря использованию стандарта HTML, ваша работа может быть с минимальными изменениями в будущем стать общедоступной для пользователей. Применяемый стандарт поддерживается большинством web-браузеров. Что это означает? Если Вы включаете HTML, который хорошо смотрится в броузере Explorer, знайте, что он одинаково хорошо будет выглядеть и в броузере Netscape, и любом другом браузере. В дальнейшем Вы сможете размещать ваши web-страницы в интернете, которые может увидеть весь мир. Так что в первой части уроков Вы будете изучать наиболее широко принятые конструкции HTML. Ну а дальше Вы можете попробовать использовать другие теги языка HTML самостоятельно. Как в HTML все это описывается?

5 Когда web-браузер показывает страницу, он читает обычный текстовый файл и ищет в нем специальные признаки или «теги», которые отмечены символами. Общий формат для тега HTML: текстовая строка текстовая строка Теги HTML

6 Теги бывают одиночные и теги контейнеры. текстовая строка текстовая строка Этот слеш, сообщает web-браузеру, что текст тега завершен. Множество тегов HTML завершаются подобным образом. Если Вы забыли поставить слеш, web-браузер будет считать, что текст тега продолжается до конца Вашего документа, что может привести к непредсказуемым результатам. Теги HTML

7 Правило набора текста в программе Блокнот: Web-браузер не отличает строчных и прописных символов. Поэтому текст Web-страницы можно набирать как заглавными, так и строчными буквами. Например... не отличается от... Теги HTML

8 Весь текст HTML заключается в теги... Документ HTML содержит две основные части, заголовок (head) и тело (body). Head содержит информацию о документе, которая не показывается на экране. Body содержит все, что показывается на экране как web- страница. Базовая структура любой HTML страницы выглядит так: Структура HTML документа Весь HTML - документ Здесь размещается служебная информация для браузеров Здесь размещается содержимое страницы

9 1.Открыть текстовый редактор Блокнот 2.Набрать текст: Мой первый HTML-документ Создание Вашего первого HTML-документа Тег комментария не показывается на web странице, но содержит информацию, которая может быть полезна Вам

10 3.Сохранить в формате HTML 4.Открыть документ любым браузером Создание Вашего первого HTML-документа

11 5.На экране открыто две программы: Блокнот и Браузер. Мы будем вносить изменение в Блокноте, сохранять документ и смотреть в Браузере на результат. 6.Вносим изменение в документе: Первая Web-страница Первая Web-страница Мой первый HTML-документ Создание Вашего первого HTML-документа Тег используется, чтобы идентифицировать каждый документ и, кроме того он высвечивается в строке заголовка окна браузера.

12 Создание Вашего первого HTML-документа Тег используется, чтобы идентифицировать каждый документ и, кроме того он высвечивается в строке заголовка окна браузера. Тег

13 7.Открыть файл «Информационные технологии». Скопировать информацию и вставить в HTML-документ. Сохранить изменение. Информационные технологии Информационные технологии (ИТ, от англ. information technology, IT) широкий класс дисциплин и областей деятельности, относящихся к технологиям управления и обработки данных, а также создания данных, в том числе, с применением вычислительной техники. В последнее время под информационными технологиями чаще всего понимают компьютерные технологии. В частности, ИТ имеют дело с использованием компьютеров и программного обеспечения для хранения, преобразования, защиты, обработки, передачи и получения информации. Специалистов по компьютерной технике и программированию часто называют ИТ-специалистами. Согласно определению, принятому ЮНЕСКО, ИТ это комплекс взаимосвязанных научных, технологических, инженерных дисциплин, изучающих методы эффективной организации труда людей, занятых обработкой и хранением информации; вычислительную технику и методы организации и взаимодействия с людьми и производственным оборудованием, их практические приложения, а также связанные со всем этим социальные, экономические и культурные проблемы. Сами ИТ требуют сложной подготовки, больших первоначальных затрат и наукоемкой техники. Их внедрение должно начинаться с создания математического обеспечения, формирования информационных потоков в системах подготовки специалистов.англ.технологиямобработкиданныхкомпьютерные технологии программного обеспеченияЮНЕСКО Создание Вашего первого HTML-документа

14 8. Изменим размер окна браузера и посмотрим как ведет себя текст. Создание Вашего первого HTML-документа

15 1.Что такое язык HTML? 2.Что такое тег и как выглядит общий формат тега? 3.Что такое тег-контейнер? 4.Из чего состоит структура HTML-документа? 5.В каком теге находится информация, которая отражается в окне браузера? 6.Где отражается информация, которая находится в теге ? Вопросы по изученному материалу

16 Литература