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

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



Advertisements
Похожие презентации
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Advertisements

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Литература