В
любой информации есть что-то интересное,
даже
если лист пустой – это повод подумать!
Здравствуйте, ребята. Мы начинаем
новый проект – «Создание сайта с помощью языка HTML». В этом проекте мы с вами
рассмотрим основы создания web-страницы, что такое HTML и его основные теги, а также
интересные приемы, которые используются для создания web-страниц. Как на любом уроке у нас
будет теория и практика. На теоретической части мы будем рассматривать, как и
что делать, на практической мы будем применять полученные знания, навыки и
умения в теоретической части, поэтому прошу не пропускать теоретическую часть,
даже если она кажется ненужной и занудной.
ПОМНИТЕ, что в любой информации есть
что-то интересное, даже если лист пустой – это повод подумать!
Немного теории. Что такое HTML?
Краткая история HTML
и его назначение.
Язык гипертекстовой разметки HTML (HyperText Markup Lan¬guage) был предложен Тимом Бернерсом-Ли в 1989 году в качестве одного из компонентов технологии
разработки распределенной гипертекстовой системы World
Wide Web (WWW). Проект,
ныне известный как Всемирная паутина, был утверждён и реализован.
Сам термин «гипертекст» ввел в
обращение Т. Нельсон в 1965 году. Позже он развил и реализовал некоторые идеи,
связанные с работой с «нелинейными» текстами. Идея гипертекстовой
информационной системы состоит в том, что пользователь имеет возможность
просматривать документы (страницы текста) в том порядке, в котором ему это
нравится, а не последовательно, как это принято при чтении книг. Поэтому Т.
Нельсон и определил гипертекст как нелинейный текст. Достигается это путем
создания специального механизма связи различных страниц текста при помощи
гипертекстовых ссылок, т.е. у обычного текста есть ссылки типа
«следующий-предыдущий», а у гипертекста можно построить сколь угодно других
ссылок.
Дальнейшее развитие этого подхода
приводит к расширению понятия гипертекста за счет других информационных
ресурсов, включая графику, аудио- и видеоинформацию, и понятия гипермедиа. Тем,
кто интересуется различными схемами и способами разработки гипертекстовых
систем, стоит обратиться к специальной литературе.
Язык HTML позволяет определять
структуру электронного документа с полиграфическим уровнем оформления;
результирующий документ может содержать иллюстрации, аудио- и видеофрагменты и
так далее. Язык включает в свой состав развитые средства для обозначения
нескольких уровней заголовков, шрифтовых выделений, различных групп объектов,
например, словарей, каталогов или меню, для размещения иллюстраций и других фрагментов;
имеется и множество других возможностей.
Гипертекстовая база данных в
концепции WWW - это набор текстовых файлов, размеченных на языке HTML, который
определяет форму представления информации (разметку) и структуру связей этих
файлов (гипертекстовые ссылки).
Если первая версия языка (HTML 1.0)
была направлена на представление языка как такового и была несовершенна, вторая
версия языка (HTML 2.0) фиксировала практику использования конструкций языка,
версия HTML++ представляла новые возможности, расширяя набор управляющих
HTML-кодов в сторону отображения научной информации и таблиц, а также улучшения
стиля компоновки изображений и текста, то версия 3.2 упорядочивала все
нововведения и согласовывала их с существующей практикой. Кроме этого, в версии
3.2 сделана попытка формализации интерфейса пользователя гипертекстовой
распределенной системы. Наконец, в версию 4.0 помимо возможностей разметки
текста, включения мультимедиа и формирования гипертекстовых связей, уже
существовавших в предыдущих версиях HTML, включены дополнительные средства
работы с мультимедиа, языки программирования, таблицы стилей, упрощенные
средства печати изображений и документов. Для управления сценариями просмотра Web-страниц в HTML 4.0 можно использовать языки
программирования этих сценариев типа JavaScript, Java и VBScript.
HTML5 – это не продолжатель языка
разметки гипертекста, а новая открытая платформа, предназначенная для создания веб-приложений использующих аудио, видео, графику, анимацию
и многое другое.
Вот мы с вами рассмотрели кратко
историю и назначение языка гипертекстовой разметки HTML. Наверное, вы устали так много
читать. Не пугайтесь такого количества теоретической информации, помните, чтобы
выучить другой язык нужно много читать, учить и говорить на этом языке, а HTML –
это в первую очередь другой язык – компьютерный язык гипертекстовой разметки.
Еще немного поговорим.
Наш проект ориентирован на всех
ребят, в том числе на тех, кто очень мало знаком с компьютером, поэтому, многие
моменты, рассказываемые здесь, могут показаться кому-то простыми, а для кого-то
это будет настоящее открытие.
Что необходимо для реализации
нашего проекта дома или в классе:
·
Компьютер – любой мощности и года
выпуска (главное, чтобы включался);
·
Любая операционная система Windows;
·
Стандартные программы: текстовый
редактор «Блокнот» и браузер Internet Explorer.
Как будет реализован наш проект? Я
соберу информацию о языке HTML и разобью ее на 68 основных уроков.
Каждый урок будет размещен на портале. После прохождения каждого урока, мы
будем его обсуждать и выявлять самые интересные моменты и теги (команды) HTML, которые в свою очередь будем
заносить в справочник HTML. Т.к. мы учимся в замечательной 27 школе,
то наш проект мы будем реализовывать про 27 школу.