Слайд 1Глобальная компьютерная сеть Интернет
Слайд 2Что такое Интернет?
InterNet
inter – «между»
net, network – «сеть»
Интернет – это глобальная
сеть, объединяющая компьютерные сети.
Каналы связи:
электрические кабели
оптоволоконные
спутниковая радиосвязь
Провайдер – это фирма, предоставляющая конечным пользователям выход в Интернет через её локальную сеть.
Слайд 3
Подключение к Интернету
спутниковый или оптоволоконный канал связи с сервером Интернета
модем
разделитель
частот (сплиттер)
телефонная станция
модем
ADSL-модем
ADSL-модем
dial-up
ADSL
выделенная линия
Слайд 4Беспроводное подключение
спутниковый или оптоволоконный канал связи с сервером Интернета
USB-модем
3G (3rd generation)
– 3-е поколение мобильной связи:
до 10 Мбит/с (СкайЛинк, Мегафон, МТС, Билайн)
4G (4rd generation) – 4-е поколение
до 1 Гбит/с (Yota)
Слайд 5Как возник Интернет?
1958 Создание ARPA (Advanced Research Project Agency) в США.
1960-е Проект
компьютерной сети ARPANet
в сети нет единого центра – живучесть;
при подключении новой сети не требуется
ее переделка;
связь между сетями через специальные узлы
– шлюзы;
пакетный обмен данными;
1968 Первая сеть нового типа из 4-х компьютеров.
1972 В сети – 50 университетов и лабораторий.
1974 Разработка протокола обмена данными TCP/IP
Первые службы:
1965 Электронная почта (e-mail, electronic mail) – обмен сообщениями
1969 TelNet – удаленное управление компьютером в режиме командной строки
1971 FTP (File Transfer Protocol) – прием и передача файлов
Слайд 6Как возник Интернет?
1982 Европейская UNIX-сеть (до этого – США, Канада,
Англия)
1983 Сеть разделена на две части:
MilNet – для военных целей США
Internet – общедоступная сеть
1984 Система доменных имен (DNS)
(адреса вида www.mail.ru)
1989 В Интернете более 100 000 компьютеров.
1991 Разработка WWW (World Wide Web) – Т. Бернес-Ли, обмен информацией в виде гипертекста
1991 Россия подключилась к Интернету.
1994 Первые Интернет-магазины.
2008 В Интернете более 175 млн сайтов.
Слайд 7Возможности Интернета (службы, сервисы)
WWW (World Wide Web) – гипертекстовые документы
Гипертекст –
это текст, в котором каждое слово или словосочетание может быть активной ссылкой на другой документ
Гипермедиа – документы с активными ссылками, содержащие текст, рисунки, звук, видео.
Электронная почта (e-mail)
FTP (обмен файлами)
Форумы (группы новостей, конференции, телеконференции)
Подписка на новости
Поисковые системы
Чаты (chat – болтовня)
Личное общение в реальном времени
ICQ (I Seek You) – разговор 1-1, в группе, обмен файлами
Интернет-телефон
Skype + колонки + микрофон
Слайд 8Протоколы Интернета
Протокол – это набор соглашений и правил, определяющих порядок обмена
информацией в компьютерной сети.
Протокол TCP/IP (1974)
TCP (Transmission Control Protocol)
файл делится на пакеты размером не более 1,5 Кб
пакеты передаются независимо друг от друга
в месте назначения пакеты собираются в один файл
IP (Internet Protocol)
определяет наилучший маршрут движения пакетов
Слайд 9Протоколы служб Интернета
HTTP (HyperText Transfer Protocol) – служба WWW
FTP (File Transfer
Protocol) – служба FTP
SMTP (Simple Mail Transfer Protocol) – отправка сообщений электронной почты
POP3 (Post Office Protocol) – прием сообщений электронной почты (требуется пароль)
TCP
HTTP
FTP
SMTP
POP3
IP
Слайд 10IP-адреса
Интернет – совокупность компьютерных сетей. Сети и узлы сети имеют адреса.
IP-адрес
сетевого узла занимает 32 бита и состоит из следующих логических частей:
Значения левых (старших) битов определяют класс сети, младшие – номер подсети и номер узла в сети.
Классификация сетей:
Класс А – большие сети общего пользования.
Класс В – средние сети.
Класс С – малые сети.
Классы D и E используются для служебных целей.
Слайд 11Примечание: Значения номеров сетей и узлов, все биты которых равны 0
или все биты которых равны 1, не используются для задания IP-адресов.
Слайд 12Для того, чтобы определить, какая часть адреса относится к сети, а
какая – к узлу, используется маска подсети (subnet mask) – 32-разрядное двоичное число.
Старшие биты, отведенные для номера сети и подсети, равны 1.
Младшие биты, отведенные для номера узла в подсети, равны 0.
Чередование нулей и единиц в маске запрещено!
Для получения адреса сети при известных IP-адресе и маске подсети, к ним применяется операция поразрядной конъюнкции (логического умножения).
Биты IP-адреса, которым соответствуют единичные биты маски, определяют адрес сети, нулевые биты – адрес узла в сети. В пределах одной подсети маски подсети должны совпадать на всех узлах.
При настройке протокола TCP/IP в параметрах настройки должны быть указаны IP-адрес и маска подсети. Эти параметры могут назначаться автоматически или назначаться администратором сети.
Слайд 14Пример 1: Определить номер узла в IP-адресе 81.56.38.254, если известно, что
сеть относится к одному из трех классов – А,В или С.
81.56.38.254 2) 56.38.254 3) 38.254 4) 254
Решение: Класс сети определяется по старшему байту: 81=010100012 (сеть А класса).
В классе А номер узла определяется тремя младшими байтами, т.е. 56.38.254
Пример 2: Определить номер сети в IP-адресе 189.89.51.188, если известно, что сеть относится к одному из трех классов – А,В или С.
189.89.51.188 2) 189.89.51 3) 189.89 4) 189
Решение: Класс сети определяется по старшему байту: 189=101111012 (сеть В класса).
В классе В номер сети определяется двумя старшими байтами, т.е. 189.89
Пример 3: Заданы маска подсети 255.255.255.192 и адрес узла 192.168.15.137. Определить адрес сети.
Решение: Маска 11111111.11111111.11111111.11000000
Узел 11000000.10101000. 00001111.10001001
Конъюнкция 11000000.10101000. 00001111.10000000
Т.е. адрес сети 192.168.15.128
Адрес узла определяется последними шестью битами (нули в маске) и равен 9.
Слайд 24(2820+250)-3050=20
11111111.11111111.11111100.00000000
11111111.11111111.11100110.00000000 2 не маска
11111111.11111111.11111111.10000000
11111111.11111111.11111111.11110000
224=11100000
152=10011000
На № комп-ра выделяется 5 бит
и это 11000=24
224=11100000
2^5=32. 32-2=30 (т.к. нельзя исп-ть 00000 и 11111
Слайд 25
Что нужно знать:
каждый компьютер, подключенный к сети Интернет, должен иметь собственный
адрес, который называют IP-адресом (IP = Internet Protocol)
IP-адрес состоит из четырех чисел, разделенных точками; каждое из этих чисел находится в интервале 0…255, например: 192.168.85.210
адрес документа в Интернете (URL = Uniform Resource Locator) состоит из следующих частей:
протокол, чаще всего http (для Web-страниц) или ftp (для файловых архивов)
знаки ://, отделяющие протокол от остальной части адреса
доменное имя (или IP-адрес) сайта
каталог на сервере, где находится файл
имя файла
принято разделять каталоги не обратным слэшем «\» (как в Windows), а прямым «/», как в системе UNIX и ее «родственниках», например, в Linux
пример адреса (URL)
http://www.vasya.ru/home/user/vasya/qu-qu.zip
здесь желтым маркером выделен протокол, фиолетовым – доменное имя сайта, голубым – каталог на сайте и серым – имя файла
Слайд 29Решение:
255.255.224.0 – маска - 11111111.11111111.11100000.00000000
10.8.248.131 - адрес
узла - 00001010.00001000.11111000.10000011
Применяем операцию поразрядной конъюнкции:
1 1 1 1 1 1 1 1. 1 1 1 1 1 1 1 1. 1 1 1 0 0 0 0 0. 0 0 0 0 0 0 0 0
& 0 0 0 0 1 0 1 0. 0 0 0 0 1 0 0 0.1 1 1 1 1 0 0 0. 1 0 0 0 0 0 1 1
---------------------------------------------------------------------------------------------
0 0 0 0 1 0 1 0. 0 0 0 0 1 0 0 0. 1 1 1 0 0 0 0 0. 0 0 0 0 0 0 0 0 (в 2-ом коде)
1 0. 8. 224. 0 (в 10-ом коде)
По таблице находим ответ: FADE (F=10, A=8, D=224, E=0)
Слайд 30Доменные адреса
Домен – это группа компьютеров, объединенных по некоторому признаку.
www.qqq.microsoft.ru
домен
1-ого уровня
домен 2-ого уровня
домен 3-ого уровня
домен 4-ого уровня
Домены 1-ого уровня (доменные зоны)
Слайд 31Преобразование адресов
DNS (Domain Name System) – система доменных имен: база данных,
преобразует доменный адрес в IP-адрес.
www.google.com
запрос серверу DNS для получения IP-адреса сайта www.google.com
ожидание ответа
запрос Web-страницы по полученному IP-адресу
66.102.9.47
DNS-сервер
193.124.85.210
Слайд 32Адрес документа в Интернете
URL (Uniform Resource Locator) – универсальный адрес документа
в Интернете.
http: // www.vasya.ru / images/new/ qq.jpg
адрес сайта
каталог (папка)
имя файла
http: // www.vasya.ru
главная страница сайта: index.html, index.htm
ftp: // files.vasya.ru / pub / download / qq.zip
файл на FTP-сервере
протокол
Слайд 33Служба WWW (World Wide Web) – является одной из самых популярных
служб сети Internet.
Это служба для обмена информацией в виде гипертекста и гипермедиа.
Гипертекст – текст, содержащий активные перекрестные ссылки на другие документы.
Гипермедиа – документ, который включает текст, рисунки, звуки, видео и содержит активные перекрестные ссылки на другие документы.
Все серверы WWW используют специальный язык HTML (Hyper Text Markup Language – язык разметки гипертекста), котрый был разработан британским ученым Тимом Бернерсом-Ли (1989-1991 г.) и создавался как язык для обмена научной и технической документацией.
HTML-документы представляют собой текстовые файлы, в которые встроены специальные команды – ТЕГИ (дескрипторы). Они имеют расширение *.html или *.htm
Обрабатываются такие документы браузерами (IExplorer, Mozilla Firfox, Google Chrome, Opera, Apple Safari), отображающими документ в его форматированном виде.
Слайд 34Браузер, читающий HTML-документ, отображает его в окне,
используя структуру HTML-тегов.
В
каждом документе должны присутствовать три главных части:
Объявление HTML;
Заголовочная часть;
Тело документа.
Объявление HTML
и - эта пара тегов сообщает браузеру, что между ними заключен документ в формате HTML ( в начале документа, - в конце документа).
Заголовочная часть
и - между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание).
Для того, чтобы дать название своему HTML-документу, текст помещается между тегами
и .
Моя первая страница
Тело документа
Оно следует сразу за заголовком и находится между тегами и , содержит информацию страницы (ваш материал – текст, графика, видео), отформатированную средствами HTML.
Моя первая страница …….
Слайд 35Простейшая Web-страница
Моя первая
Web-страница
Привет!
first.html
Моя первая
Web-страница
шапка («голова»)
Привет!
основная
часть («тело»)
Слайд 36Заголовки: H1 … H6
Заголовок документа
Заголовок раздела
Заголовок подраздела
Заголовок параграфа
Комментарий
Авторские пометки
выравнивание:
История
left,
center,
right
Структура документа. Специальные символы
Слайд 37Абзацы
переход на новую строку
абзац (с отступами)
И вечный бой! Покой
нам только
снится
Сквозь кровь и пыль...
Летит, летит степная
кобылица
И мнет ковыль...
Одно физическое тело захотело
поменять три своих старых
варежки на что-нибудь хорошее.
До самого вечера тело с
варежками …
Слайд 38Выравнивание
Этот текст выровнен по центру.
Этот текст выровнен по ширине.
Этот
текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.
left по левой границе
right по правой границе
center по центру
justify по ширине
атрибут тэга
Слайд 39Маркированные списки
Вася
Петя
Коля
unordered list
(неупорядоченный список)
list item
(элемент списка)
изменение маркера:
disk ∙
circle ○
square ■
Слайд 40Нумерованные списки
Вася
Петя
Коля
ordered list
(упорядоченный список)
изменение нумерации:
...
1,
Слайд 41Многоуровневые списки
Города России
Города Украины
Москва
Санкт-Петерург
Киев
Одесса
Слайд 42Тэг FONT – свойства блока текста
цвет текста
размер шрифта
Привет!
Как дела?
Привет!
SIZE=6>
Как дела?
от 1 до 7
(3 – нормальный)
Слайд 43Линия-разделитель
horizontal rule
ширина в пикселях или процентах
толщина
выравнивание
Слайд 44имена
red, green, blue, magenta, black,
шестнадцатеричные коды
white
R
G
B
# F F 0
0 0 0
# F F F F F F
# 0 0 F F F F
# 0 0 0 0 0 0
# A A A A A A
Кодирование цвета
# 00 F F 0 0
# 00 00 FF
# FF FF 00
# FF 00 F F
Слайд 45Основные цвета, используемые в HTML
Слайд 47
Ссылки на другие страницы сайта
Таблицы
страница в той же папке
anchor (якорь)
hyper reference (гиперссылка)
страница во вложенной папке
Пример
страница в соседней папке
Текст
выйти из текущей папки
Слайд 48Ссылки на другие сайты
Почта
на главную страницу сайта
index.htm, index.html, default.asp, …
на
конкретную страницу сайта (URL)
Васин текст
на файл для скачивания
Скачать
Слайд 49Ссылки внутри страницы
Глава 1
Глава 2
Глава 1
Это текст
главы 1. Это текст главы 1.
Это текст главы 1. Это текст главы 1.
НаверхГлава 2
Это текст главы 2. Это текст главы 2.
Это текст главы 2. Это текст главы 2.
Наверх
в другом файле
Цвет текста
метка (якорь)
переход на метку
Слайд 50Запуск почтовой программы
Напишите мне!
Слайд 52Простейшая таблица
Таблица из одной строки
из трех
столбцов
без указания ширины таблицы и ячеек. | толщина рамки
TABLE таблица
TR = table row строка таблицы
TD = table data данные таблицы
TH = table header заголовок (жирный, по центру)
Слайд 53Размеры
...
ширина в пикселях или в % от ширины окна
браузера
высота в пикселях
...
|
всей таблицы:
строки:
ячейки:
...
| ширина в пикселях или в % от ширины таблицы
центру, по верхней границе
WIDTH=200>По правой границе, по середине | всей таблицы:
информации в ячейках:
left,
center,
right
left,
center,
right
top,
middle,
bottom
Слайд 55Фон и цвет текста
Привет!
|
Таблица из двух
строк |
и двух столбцов |
цвет фона
фоновый рисунок
BGCOLOR = blue>
1 |
2 |
интервал между ячейками
отступ внутри ячеек
CELLSPACING
CELLSPACING
CELLPADDING
CELLPADDING
Слайд 57Отступы (CSS)
1
2
border-spacing
border-spacing
padding
padding
table#qq
{
background: blue;
border-collapse: separate;
border-spacing: 10px;
padding: 10px;
}
#qq tr {
background: white;
}
кроме IE 6
Слайд 58Объединение ячеек
Привет!
Вася,
Петя,
Маша! | column span охват столбцов
row span
охват строк
Слайд 61Браузеры
Браузер (броузер, browser) – программа для просмотра Web-страниц на экране:
Mosaic (1993-1995),
Иллинойский университет
Netscape Navigator (с 1995 по 2002)
Internet Explorer, 37%, в составе Windows
Mozilla Firefox, 47%, http://www.mozilla.org
Opera, http://www.opera.com, 2%
(Россия – до 30%)
Safari, http://www.apple.com, 4%
Chrome, http://www.google.com/chrome, 10%
Слайд 62Служба FTP (файловые архивы)
Возможности
скачивание файлов c сервера (download)
загрузка файлов на сервер
(upload), в том числе Web-сайты
Права доступа
login: кодовое имя пользователя
password: пароль
Анонимный вход (в браузерах - автоматически)
login: anonymous
password: любой
Поиск файла на FTP-сервере
dirinfo, readme, index
ftpsearch.com
ftp:// user : asd @ files.vasya.ru
ftp:// files.vasya.ru
Слайд 63Распространение программ через FTP
freeware – бесплатные программы
registerware – бесплатная регистрация по
электронной почте
shareware (try before you buy) – условно-бесплатные программы (ограничения по времени, раздражающие сообщения)
демо-версии – демонстрация возможностей программ (ограничение функций)
бета-версии – предварительные (отладочные) версии коммерческих программ, цель – нахождение ошибок
Слайд 64Электронная почта (e-mail)
vasya@mail.ru
коммерческое «at»
«собака» (Россия)
«кошечка» (Польша)
«роза» (Турция)
XVI век:
вес 10 кг,
объем 15 л
1972 Р. Томлисон
john@yahoo.com
www.yahoo.com
SMTP
SMTP
POP3
POP3
почтовый сервер
почтовый ящик
почтовый сервер
почтовый ящик
@
www.mail.ru
почтовый сервер
Слайд 65Сообщение электронной почты
john@yahoo.com
vasya@mail.ru
vasya@mail.ru
boss@mail.ru
john2@yahoo.com
О покупке слона
Кому (To):
От кого (From):
Ответить (Reply To):
Копия (CC):
Скрытая копия (BC):
Тема (Subject):
заголовок письма
Здравствуй, Джон!
Нет ли у тебя желаний купить
слона?
С уважением, Василий Пупкин,
генеральный директор,
ООО «Рога и копыта»,
Санкт-Петербург, ул. Рогокопытная, 2
тел. +7 (812) 111-22-33
факс +7 (812) 111-22-34
http://rogakopyta.ru
приветствие
основной текст
подпись
реквизиты фирмы
Слайд 66Почтовые программы
Outlook Express – в составе Windows
Outlook – в составе Microsoft
Office
TheBat (http://www.ritlabs.com)
Thunderbird (http://www.mozilla.org) – бесплатно.
Возможности:
создание сообщений, присоединение файлов
прием и отправка сообщений
пересылка сообщений (forward)
автоматическая проверка почты через заданный интервал
адресная книга (список контактов)
сортировка сообщений по папкам
Слайд 67Форумы (телеконференции)
Форум (телеконференции, конференция) – дискуссия в форме обмена сообщениями.
аватар
ник
(псевдоним)
цитата
Ник (англ. nickname) – прозвище, псевдоним.
Модератор (администратор) – участник конференции, который имеет право удалять сообщения за:
off-topic (посторонние сообщения, реклама)
оскорбление участников
нецензурную брань
Слайд 68Форумы (телеконференции)
FAQ (Frequently Asked Questions)
ЧаВо (Часто задаваемые вопросы) – список самых
частых вопросов новичков и ответы на них.
Тред (нить, thread) цепочка связанных сообщений, которая содержит вопрос, ответы на него и комментарии.
Топик (topic) – тема обсуждения.
Топик-стартер – тот, кто начал тему.
Оффтопик (off-topic) – высказывание не по теме.
Бан (ban) – лишение права отправлять сообщения.
Слайд 69Поисковые системы
Индексы – программы-роботы, которые постоянно обследуют Интернет и заполняют базы
данных.
Каталоги – базы данных, которые заполняются вручную людьми-экспертами (гидами).
выдают много ссылок
некоторые ссылки не соответствуют теме
сложно отобрать нужное
ссылки соответствуют рубрикам каталога
меньшее число ссылок
www.google.comwww.google.com, www.yandex.ruwww.google.com, www.yandex.ru, www.rambler.ru
www.yahoo.comwww.yahoo.com, www.dmoz.orgwww.yahoo.com, www.dmoz.org, list.mail.ru,
yaca.yandex.ru
Гибридные системы – индекс + каталог.
Слайд 70Общение в реальном времени (online)
Чаты (англ. chat – болтовня) обмен текстовыми
сообщениями в реальном времени
Web-чаты (на Web-страницах): все равноправны
IRC-чаты (Internet relay Chat, 1988) «разговор» на каналах, есть операторы канала с привилегиями
Слайд 71Общение в реальном времени (online)
ICQ (англ. I Seek You), «аська», Интернет-пейджер.
Регистрация: www.mirabilis.com,
номер 23456789
Возможности:
диалог
обсуждение в группе
обмен файлами
Русская версия icq.rambler.ru
Слайд 72
Интернет-телефон
Skype (www.skype.comwww.skype.com, www.skype.ru) разговор в реальном времени
Бесплатно
Звонки Skype – Skype
Пересылка сообщений и файлов
Групповые и индивидуальные чаты
Видеоконференции
За плату
Звонки на стационарные и мобильные телефоны
Прием звонков с обычных телефонов в Skype
Отправка и получение голосовых сообщений и SMS
Слайд 73Интернет через мобильный телефон
WAP (Wireless Application Protocol)
загрузка игрушек, музыки, погоды
только сайты
операторов связи, метеосайты, электронная почта, Интернет-магазины
высокая стоимость (старые технологии)
немного возможностей
GPRS (General Packet Radio Service) или
EDGE (Enhanced Data for Global Evolution)
встроенный браузер (Opera Mini – сжатие страниц)
поддержка языка Java
встроенная программа для e-mail
можно использовать вместо модема для компьютера
Смартфоны: кроме того
проигрывание музыки, видео
съемка фото и видео
операционная система, офисные программы
Слайд 74Этика в Интернете
Терпимость:
не подавлять высказывания других
не беспокоить других и не угрожать
им
Этика доверия:
не распространять высказывания, изображения и мнения других без их согласия
не искажать факты, свои и чужие мнения
не запрашивать и не передавать информацию, созданную путем принуждения
предупреждать, если информация может быть неверно оценена наивным лицом
Слайд 75Нетикет
Нетикет (net + etiquette) – правила хорошего тона при общении в
Интернете.
Электронная почта:
тема сообщения, приветствие, подпись
не набирать предложения заглавными буквами
не посылать большие файлы без договоренности
не пересылать исполняемые файлы (*.exe)
не использовать нецензурных и жаргонных выражений
Форумы:
прочитать список вопросов и ответов (FAQ, ЧаВо)
не отклоняться от темы форума (off-topic – «вне темы»)
не набирать предложения заглавными буквами
не оскорблять участников
Чаты:
не встревать в чужой разговор
не обижаться, если он ушел