Глобальная компьютерная сеть Интернет Что такое Интернет? InterNet inter – «между» net, network – «сеть» Interconnected Networks (взаимосвязанные сети) – “объединенные сети”, “сеть сетей”) Интернет – это глобальная сеть, объединяющая компьютерные сети. Информация в Интернете хранится на серверах, связанных каналами связи:  электрические кабели  оптоволоконные  спутниковая радиосвязь Практически все услуги в Интернете основаны на использовании технологии “клиент-сервер”. Провайдер – это фирма, предоставляющая конечным пользователям выход в Интернет через её локальную сеть. Способы подключения к провайдеру  с помощью ADSL-модема (Asymmetric Digital Subscriber Line — асимметричная цифровая абонентская линия) Скорость передачи данных до 25 Мбит/с Необходимо установить дополнительное оборудование – сплиттер – прибор отделяющий низкочастотный телефонный сигнал от высокочастотного, передающего цифровые данные.  через локальную сеть провайдера (если она существует в данном месте)  с помощью беспроводных модемов (USB-модем), которые используют сети сотовых операторов (работают везде, где доступна мобильная связь) скорость передачи данных: для 3G (3rd generation) – 3-е поколение мобильной связи: до 10 Мбит/с (операторы: СкайЛинк, Мегафон, МТС, Билайн) для 4G (4rd generation) – 4-е поколение до 1 Гбит/с (операторYota) Подключение к Интернету провайдер модем спутниковый или оптоволоконный канал связи с сервером Интернета роутер хаб ADSL-модем выделенная линия телефонная станция разделитель частот (сплиттер) ADSL-модем dial-up модем ADSL Беспроводное подключение оператор мобильной связи роутер USB-модем спутниковый или оптоволоконный канал связи с сервером Интернета Краткая история Интернет 1958 В ответ на запуск советского спутника США создают Агентство передовых исследовательских проектов (ARPA) 1960-е Проект компьютерной сети ARPANet • в сети нет единого центра – живучесть; • при подключении новой сети не требуется ее переделка; • связь между сетями через специальные узлы – шлюзы; • пакетный обмен данными; 1968 Первая сеть нового типа из 4-х компьютеров. 1972 В сети – 50 университетов и лабораторий. 1974 Разработка протокола обмена данными TCP/IP Первые службы: 1965 Электронная почта (e-mail, electronic mail) – обмен сообщениями 1969 TelNet – удаленное управление компьютером в режиме командной строки 1971 FTP (File Transfer Protocol) – прием и передача файлов Как возник Интернет? 1982 Европейская сеть (до этого – США, Канада, Англия) 1983 Сеть разделена на две части: • MilNet – для военных целей США • Internet – общедоступная сеть 1984 Система доменных имен (DNS) (адреса вида www.mail.ru) 1989 В Интернете более 100 000 компьютеров. 1990 Начало истории российского Интернета (организована почтовая сеть “Релком” – первый провайдер в СССР) 1991 Разработка WWW (World Wide Web) – Т. Бернес-Ли, обмен информацией в виде гипертекста 1991 Россия подключилась к Интернету. 1994 Первые Интернет-магазины. 2008 В Интернете более 175 млн сайтов. Протоколы Интернета Протокол – это набор соглашений и правил, определяющих порядок обмена информацией в компьютерной сети. Протокол TCP/IP (1974) семейство протоколов стандарт TCP (Transmission Control Protocol протокол управления передачей)  файл делится на пакеты размером не более 1,5 Кб  пакеты передаются независимо друг от друга  в месте назначения пакеты собираются в один файл IP (Internet Protocol межсетевой протокол)  определяет наилучший маршрут движения пакетов Протоколы Интернета Пусть браузер на компьютере A запрашивает веб-страницу с сервера, который находится на компьютере Б. Компьютер А Компьютер Б HTTP Уровень приложений HTTP Сервер Драйвер TCP Транспортный уровень TCP Драйвер Драйвер IP Сетевой уровень IP Драйвер Браузер Драйвер Физический уровень Драйвер Дра́йвер — компьютерное программное обеспечение, с помощью которого другое программное обеспечение (операционная система) получает доступ к аппаратному обеспечению некоторого устройства. Протоколы служб Интернета На уровне приложений чаще всего применяются протоколы:  HTTP (HyperText Transfer Protocol) – служба WWW  FTP (File Transfer Protocol) – служба FTP  SMTP (Simple Mail Transfer Protocol) – отправка сообщений электронной почты  POP3 (Post Office Protocol) – прием сообщений электронной почты ! Все протоколы служб основаны на TCP/IP! Возможности Интернета (службы, сервисы)              WWW (World Wide Web) Электронная почта (e-mail) FTP (обмен файлами) Форумы (группы новостей, конференции, телеконференции) Подписка на новости Поисковые системы Информационные системы Социальные сети (Вконтакте, Одноклассники, Facebook) Специальные сайты для ведения блогов – сетевые дневники (www.livejournal.com, www.blogspot.com ) Вики-системы (ru.Wikipedia.org) Чаты (chat – болтовня) Личное общение в реальном времени  ICQ (I Seek You) – разговор 1-1, в группе, обмен файлами Интернет-телефон  Skype + колонки + микрофон Служба WWW WWW (World Wide Web) – служба для обмена информацией в виде гипертекста. Гипертекст – текст, содержащий активные перекрестные ссылки на другие документы. Гипермедиа – документ, который включает текст, рисунки, звуки, видео и содержит активные перекрестные ссылки на другие документы. Сайт (веб-сайт) — совокупность логически связанных между собой гиперссылками веб-страниц. Электронная почта (e-mail) почтовый сервер www.mail.ru www.yahoo.com SMTP SMTP POP3 vasya@mail.ru почтовый ящик почтовый сервер POP3 john@yahoo.com почтовый ящик почтовый сервер Форумы (телеконференции) Форум (телеконференции) – дискуссия в форме обмена сообщениями – специальные веб-сайты (или разделы вебсайтов, предназначенные для общения посетителей в форме обмена сообщениями.). Для регистрации пользователь выбирает ник (англ. nickname) – прозвище, псевдоним, на сервере создается профиль, где находится личная информация и аватар (в Индии, означает проявление богов в различные формы бытия, в которых они должны были нести искупление на Земле) На форуме может быть внутренняя электронная почта Модератор (администратор) – участник конференции, имеет право:  создать несколько разделов (пользователи создают темы в разделах)  удалять сообщения за:  off-topic (посторонние сообщения, реклама)  оскорбление участников  нецензурную брань Поисковая система Поисковая система – это веб-сайт, предназначенный для поиска информации в Интернете. В начале развития Интернета веб-мастер (создатель сайта) составляли список ссылок на материалы сайта, потом их стали разбивать по темам. Появилась идея каталога. Каталог – разбитый по темам список ссылок на сайты с их кратким описанием. Сначала создавались вручную, потом – поисковые машины. Поисковая машина – автоматическая система, которая хранит информацию обо всех известных ей веб-страницах и выдает по запросу адреса тех из них, где встречаются введенные пользователем ключевые слова. Программа1. Робот-браузер (поисковый робот, паук) выкачивает с сайтов веб-страницы (список страниц задают разработчики), переходя по всем встречающимся на них ссылкам. Программа2. Индексный робот строит индекс, похожий на книжный – алфавитный список слов на странице, для каждого из которых хранится адрес веб-страницы и номер слова на странице. Поисковая система • Пользователь вводит ключевое слово – набор слов, которые отражают требуемую информацию. • Поисковая система с помощью индекса находит те страницы, где встречаются эти ключевые слова. Самая крупная международная поисковая машина – Google (www.google.com goggle - выпученные глаза или защитные очки, googol, гугол — число 10 в степени 100), в России Яндекс (www.yandex.ru «yandex» — Yet ANother inDEXer — «ещё один индексатор») Поисковая система TinEye (www.tineye.com) находит изображения, похожие на образец. Информационная система Информационная система состоит из базы данных и программного обеспечения для поиска информации, размешенной на сайте Примеры Прогноз погоды (pogoda.ru, pogoda.yandex.ru, gismeteo.ru) Расписание злектричек (rasp.yandex.ru) Карты (maps.google.ru, maps.yandex.ru, maps.mail.ru) Этика (наука о морали) в Интернете Терпимость:  не подавлять высказывания других  не беспокоить других и не угрожать им Этика доверия:  не распространять высказывания, изображения и мнения других без их согласия  не искажать факты, свои и чужие мнения  не запрашивать и не передавать информацию, созданную путем принуждения  предупреждать, если информация может быть неверно оценена наивным лицом Нетикет Нетикет (net + etiquette) – правила хорошего тона при общении в Интернете. Электронная почта:      тема сообщения, приветствие, подпись не набирать предложения заглавными буквами не посылать большие файлы без договоренности не пересылать исполняемые файлы (*.exe) не использовать нецензурных и жаргонных выражений Форумы:     прочитать список вопросов и ответов (FAQ, ЧаВо) не отклоняться от темы форума (off-topic – «вне темы») не набирать предложения заглавными буквами не оскорблять участников Чаты:  не встревать в чужой разговор  не обижаться, если собеседник ушел Адрес документа в Интернете URL (Uniform Resource Locator) – универсальный адрес документа в Интернете. (Тим Бернерс-Ли, 1989 год) http: // www.vasya.ru / images/new/ qq.jpg Протокол для обмена webстраницами адрес сайта http: // www.vasya.ru каталог (папка) имя файла главная страница сайта: index.html, index.htm ftp: // files.vasya.ru / pub / download / qq.zip файл на FTP-сервере FTP-протокол для скачивания и згрузки файлов HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми (например, тег перевода строки
). В этом случае не указывается закрывающий тег. Элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для тега ). Атрибуты указываются в открывающем теге. Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет. Элементы могут быть вложенными. Сайт — это совокупность гипертекстовых. Web-пространство — это мировая совокупность сайтов. Сайт расположен на сервере, серверы соединены между собой при помощи каналов связи. Для просмотра страниц сайта используется специальная программа просмотра — браузер (browser). «Джентльменский набор» знаний web-мастера HTML Подготовка графики для web CSS (Cascading Style Sheets) Языки программирования на стороне клиента (пример: Javascript) Языки программирования на стороне сервера (пример: PHP) Специальные технологии (примеры: Macromedia Flash, Javaапплеты и другие) Специальные языки (примеры: XML, VRML и другие) ПОСТРОЕНИЕ ОДНОСТРАНИЧНОГО ДОКУМЕНТА Структура HTML заголовок тело Сама страница. Заголовок содержимое блока В заголовке описываются общие правила отображения HTMLдокумента и содержится вспомогательная информация о документе. задает браузеру информацию о кодировке данного HTML-документа. задает описание документа; указывает имя автора документа; задает ключевые слова для поисковых систем. Тело документа команды разметки Атрибуты alink Устанавливает цвет активной ссылки. link Цвет ссылок на веб-странице. vlink Цвет посещенных ссылок. background Задает фоновый рисунок на веб-странице. bgcolor Цвет фона веб-страницы. scroll Устанавливает, отображать полосы прокрутки или нет. text Цвет текста в документе. ОСНОВНЫЕ КОМАНДЫ HTML ДОКУМЕНТА - заголовки. Поддерживается 6 уровней. align=left,right,center,justify – горизонтальное выравнивание

---

- горизонтальная линия. align=left,right,center,justify. –горизонтальное выравнивание width=число пикселей, процент По умолчанию width=100% size=1..10 - изменяет толщину линии. По умолчанию 2 или 3.

- абзац. Между словами всегда по одному пробелу. align=left,right,center,justify – горизонтальное выравнивание
-принудительный разрыв строки.

- блок с отступом.

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Не следует использовать теги Hn для выделения обычного текста.
Существуют специальные программы, которые автоматически
составляют оглавление гипертекстового документа.
Делают они это при помощи сбора информации из тегов Hn.

– выравнивание блока по центру эквивалентна

– цитата, обычно выделяется курсивом.

– блок. align=left,right,center,justify – горизонтальное выравнивание блока. – выделение текста, обычно курсивом.

– авторское форматирование – уменьшение шрифта – увеличение шрифта – усиленное выделение. Обычно полужирным шрифтом. – нижний индекс – верхний индекс – текст пишущей машинки, моноширинный текст.

Решите уравнение: X² = 4
Ответ: X₁=2; X₂=-2

Стихи о разнице вкусов

Владимир Маяковский

Лошадь
сказала,
взглянув на верблюда:
«Какая
гигантская
лошадь-ублюдок»
Верблюд же
вскричал:
«Да лошадь разве ты?!
Ты просто-напросто —
верблюд недоразвитый»
И знал лишь
Бог седобородый,
Что это —
животные
разной породы.

-локальное изменение шрифта. size=1..7 размер шрифта в условных единицах (По умолчанию size=3) =+n или –n относительный размер шрифта color=имя или код цвета face=значение (название шрифта) Определяет гарнитуру шрифта. Текст Универсальные семейства шрифтов: serif — шрифты с засечками (антиквенные), типа Times; sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial; cursive — курсивные шрифты; fantasy — декоративные шрифты; monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова (шрифт Courier). Стандартные цвета black #000000 черный green #008000 зеленый silver #C0C0C0 серебряный lime #00ff00 светло-зеленый gray #808080 серый olive #808000 оливковый white #ffffff белый yellow #ffff00 желтый maroon #800000 коричневый navy #000080 темно-синий red #ff0000 красный blue #0000ff синий purple #800080 темно-сиреневый teal #008080 петроль fuchsia #ff00ff сиреневый aqua #00ffff голубой СПИСКИ маркированный список

• первый элемент списка
...
• последний элемент списка

вид метки настраивается при помощи атрибута

, по умолчанию – обычно диск, но зависит от браузера; нумерованный список

1. первый элемент списка
...
2. последний элемент списка

по умолчанию нумерация выполняется арабскими цифрами

естественную нумерацию можно изменить при
помощи атрибута
start=n, где n – начальное значение нумерации.
Элемент любого списка может быть сам списком,
т.е. списки могут быть вложенными. ГИПЕРТЕКСТ HREF (аббревиатура от Hyper REFerence) – это основной и необходимый атрибут тега A, указывающий браузеру, какое действие надо выполнить при клике на ссылку. Переход внутри одного документа текст – на экран выводится ссылка: текст ... – сюда браузер приходит по ссылке. 1. Имя метки должно быть уникальным; 2. Имя метки может заключаться в кавычки; 3. Имя метки может состоять из любых символов Переход к другому документу текст Браузер ищет файл в том же каталоге, если не указан полный путь. Переход к метке другого документа Первый HTML-файл ... текст (на экран выводится ссылка: текст) ... При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле "имя_файла", начиная с фрагмента с меткой "метка" Второй HTML-файл ... текст второго файла