Интернет страницы и редакторы их строения

Интернет страницы и редакторы их строения

 

Язык  HTML.

 

Инструментарий  для создания  
web – страниц.

 

Создание  простейшего HTML-файла.

 

Из истории

Введение

 

Презентация о программах создания интернет страниц и интернете!

Создание Web – страниц с помощью HTML. 
Цели урока: 
 
1. Обучающая: дать представление основных понятий Web – сервер, Web – сайт, Web – страница, гиперссылка, тег, структура HTML – документа, технология создания Web-страниц; 
2. Развивающая: умение сравнивать и обобщать; 
3. Воспитательная: воспитание информационной культуры, положительное отношение к знаниям.

Основные понятия  языка гипертекстов

 

• Web – страницы находятся  на Web – сервере.
• Web – сервер - компьютер в сети Internet, хранящий
• Web-страницы и соответствующие программы для
• работы с ними. Информация на Web – сервере
• представлена в виде Web – сайта.  Web – сайт – это
• объединение Web – страниц одной темой. 
• На Web – страницах находится информация: текстовая, графическая, звуковая, видео. Поэтому Web – страницы являются мультимедийными. Для того, чтобы создать Web – страницу нужно написать программу. А на каком языке мы будем писать программу для создания Web – страницы? (На языке HTML). Слово «HTML» представляет собой сокращение от «HyperText Markup Language» - «язык разметки гипертекста».
• Прежде чем начать писать программу на языке HTML, мы познакомимся с основами языка HTML. Сначала познакомимся с историей создания языка HTML.  Проект ученика.
• Основным понятием языка HTML
• является понятие тег. ТЕГ – инструкция браузеру,
• указывающая способ отображения информации.

 

Инструментарий  для создания  
web – страниц.

 

Инструментарий  для создания web – страниц.

Существует  три класса программных средств, используемых для создания web – страниц и сайтов. Все они имеют свои преимущества и недостатки.

 

1. Обычные текстовые редакторы, например Блокнот. При этом web – страница полностью создается вручную, путем вставки в требуемый текст необходимых тегов. Это самый трудоемкий и отнимающий много времени способ. Но благодаря ему вам становится понятной вся технология сайто-строения.

 

2. HTML-редакторы.  Это уже специальные программы,  с помощью которых создаются  web – страницы. Обычно работа в них также производится с текстом HTML-документа, но предусмотрен ряд инструментов, позволяющих автоматически вставлять в текст соответствующие теги. Просмотр окончательного результата производится в браузере. Такая программа – хороший помощник, намного ускоряющий создание страниц. Но при работе с ней вы также должны быть знакомы с основами HTML.

3. WYSIWYG редакторы.  Программы для создания  web – страниц и сайтов WYSIWYG редакторы (сокращение фразы «What You See Is What You Get» - «Что видишь, то и получаешь») позволяют создавать web – страницы, даже ни имея никакого понятия о языке HTML, путем визуального редактирования на экране дисплея. При этом страница в окне редактора выглядит почти также, как должна отображаться в браузере, а при сохранении результатов работы в файле программа автоматически генерирует требуемый HTML-код.

Язык  HTML.

 

Для того, чтобы публиковать информацию для  повсеместного распространения, необходимо иметь язык, понятный всем компьютерам. Издательский язык, используемый на World Wide Web, называется HTML (от английского Hyper Text Markup Language - язык разметки гипертекста).  HTML - язык разметки гипертекстов

 

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

 

Базисные  теги языка HTML.  Команды языка HTML задаются между специальными символами < ... >, и называются тегами (tag).

 

Теги  позволяют управлять представлением информации на экране при отображении HTML-документов специальными программами - браузерами. (Например, Microsoft Internet Explorer или Netscape Navigator)  Браузеры, или обозреватели (от англ. browse - просмотр) - это специальные программы просмотра файлов в Интернет.

1) одноэлементный  тег: <...>; его достаточно просто  вставить в текст для того, чтобы совершить какое-либо действие;

 

2) парный тег: <...>...</...>; он влияет на текст, с того места, где употреблен, до того места, где указан признак окончания его действия. Признаком завершения команды служит тот же самый тег, только начинающийся с символа слэш " / ":

<...> - открывающийся тег, </...> - закрывающийся  тег. 

 

Основные  теги заголовка HTML-программы.

 

В головной части программы обычно пишется

 

Тег TITLE - имя окна, содержащего Вашу страничку (не более 64 символов). Показывается в  заголовке окна браузера.

 

Web-документ разбивается на

две логические части:

 заголовок и

содержание.

 

 

 

<HEAD> ... </HEAD> - заголовок HTML-программы

Заголовок также называют головной частью программы, он содержит справочную информацию о  странице, которая не отображается браузером, а также название документа.

 

 

 

<BODY> ... </BODY> - содержание HTML-программы

Основное  содержание страницы помещается в тег <BODY> ... </BODY>. Его также называют телом программы.

 

<HTML>

<HEAD>

описание  заголовка

</HEAD>

<BODY>

текст документа

</BODY>

</HTML>

 

 

<HTML>...</HTML> - границы HTML-программы

Любой HTML-документ должен начинаться (и заканчиваться) тегом <HTML>...</HTML>. Этот тег указывает  на то, что данный документ содержит в себе HTML-текст.

 

Структура HTML-страницы:

Основные  командные слова в теге BODY.

 

Фон странички. Значение цвета в атрибутах HTML-языка может задаваться несколькими способами:

названием, например "red";

кодом RGB, например "#FFFFFF" ;

в десятичном виде, например "255, 0, 0" ;

в процентах, например "30%, 40%, 30%";

 

Код RGB - это  три шестнадцатеричных числа  в диапазоне 00 - FF. 1-ое, 2-ое и 3-е число, соответственно, представляют собой  количество красного, зеленого и синего тонов в цвете. Например, #000000 - это  черный цвет (отсутствие цвета), #FF0000 - ярко-красный, #00FF00 - ярко-зеленый, #0000FF - ярко-синий, а #FFFFFF - белый (все цвета присутствуют полностью).

1. Создаёте на  диске отдельную директорию (папку)  для своей будущей страницы. Вы  можете назвать ее своим именем (фамилией). Например, D:\IVANOVA.

2. Запускаете Блокнот  (как запустить Блокнот).

3. Набираете текст  HTML, в который включите все  теги, что вы разобрали. Между  тегами <BODY> и </BODY> пишите несколько  слов о себе.

 

Создание  простейшего HTML-файла. 
 
Для этого:

• 4. В меню Файл (File) выполняите команду Сохранить как. В диалоговом окне Сохранения файла найдите созданную папку, укажите тип файла Все файлы и сохраните файл, назвав его своим именем (фамилией), и указав расширение HTM. Например, D:\IVANOVA\Ivanova.HTM

 

 

• 5. Закройте Блокнот.

 

Поздравляю! Вы уже создали реальный электронный документ. Можете посмотреть, что у Вас получилось. Для этого:

 

 

• 7. В меню Файл (File) выполните команду Открыть. Используя кнопку Обзор, найдите свой документ D:\IVANOVA\Ivanova.HTM и загрузите его.

 

• Заметьте, что если  вы не забыли указать название в теге TITLE, то оно отразилось в верхней строке браузера.

 

• 6. Загрузите браузер Microsoft Internet Explorer или Netscape Navigator.

Из истории

 

Как развивался интернет

В 1957 году Министерство обороны  США посчитало, что на случай войны  Америке нужна надёжная система  передачи информации. Агентство по перспективным оборонным научно-исследовательским  разработкам США (DARPA) предложило разработать  для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому  университету в Лос-Анджелесе, Стэндфордскому исследовательскому центру, Университету Юты и Университету штата Калифорния в Санта-Барбаре. Компьютерная сеть была названа ARPANET (англ. Advanced Research Projects Agency Network), и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения. Все работы финансировались Министерством обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки.

В первый раз удалось отправить  всего три символа «LOG», после  чего сеть перестала функционировать. LOG должно было быть словом LOGON (команда  входа в систему). В рабочее  состояние систему вернули уже  к 22:30 и следующая попытка оказалась  успешной. Именно эту дату можно  считать днём рождения Интернета.[9]

 

К 1971 году была разработана  первая программа для отправки электронной  почты по сети. Эта программа сразу  стала очень популярна.

 

В 1973 году к сети были подключены через трансатлантический телефонный кабель первые иностранные организации  из Великобритании и Норвегии, сеть стала международной.

В 1970-х годах сеть в  основном использовалась для пересылки  электронной почты, тогда же появились  первые списки почтовой рассылки, новостные  группы и доски объявлений. Однако в то время сеть ещё не могла  легко взаимодействовать с другими  сетями, построенными на других технических  стандартах. К концу 1970-х годов  начали бурно развиваться протоколы  передачи данных, которые были стандартизированы  в 1982—1983 годах. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения (или, как ещё говорят, «наслоения») сетей. Именно в 1983 году термин «Интернет» закрепился за сетью ARPANET.

В 1984 году у сети ARPANET появился серьёзный соперник: Национальный научный  фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо бо́льшую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, название «Интернет» начало плавно переходить к NSFNet.

 

В 1988 году был разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат).

В настоящее время подключиться к Интернету можно через спутники связи, радио-каналы, кабельное телевидение, телефон, сотовую связь, специальные  оптико-волоконные линии или электропровода. Всемирная сеть стала неотъемлемой частью жизни в развитых и развивающихся  странах.

 

С 22 января 2010 года прямой доступ в Интернет получил  экипаж Международной космической  станции[13].