9-1_Компьютерные сети

Содержание

Слайд 2

Компьютерные сети

§ 1. Как работает компьютерная сеть

Компьютерные сети § 1. Как работает компьютерная сеть

Слайд 3

Что такое компьютерная сеть?

Компьютерная сеть – это группа компьютеров, соединенных линиями связи.

Линии

Что такое компьютерная сеть? Компьютерная сеть – это группа компьютеров, соединенных линиями
связи:
электрические кабели
оптическое волокно
радиоволны (в беспроводных сетях)

Слайд 4

Компьютерные сети – «за» и «против»

обмен данными между компьютерами
совместное использование ресурсов
данные
программы
внешние устройства
распределённые

Компьютерные сети – «за» и «против» обмен данными между компьютерами совместное использование
вычисления
электронная почта

затраты на сетевое оборудование
снижается безопасность данных
нужен системный администратор

Слайд 5

Системный администратор

устанавливает и настраивает ПО
устанавливает права доступа
обеспечивает защиту информации
делает резервные копии данных
восстанавливает

Системный администратор устанавливает и настраивает ПО устанавливает права доступа обеспечивает защиту информации
данные в случае сбоев
устраняет неисправности в сети

Сетевой администратор – занимается только работой сети.

Слайд 6

Типы сетей

персональные сети (PAN = Personal Area Network), радиус до 30 м (Bluetooth)
локальные сети

Типы сетей персональные сети (PAN = Personal Area Network), радиус до 30
(LAN = Local Area Network) – в одном или нескольких соседних зданиях; беспроводные – Wi-Fi
корпоративные сети – одна организация
городские сети (MAN = Metropolitan Area Network)
глобальные сети (WAN = Wide Area Network)

Слайд 7

Обмен данными

Протокол – это набор правил и соглашений, определяющих порядок обмена данными.

Пакетный

Обмен данными Протокол – это набор правил и соглашений, определяющих порядок обмена
режим

большой файл не блокирует сеть
при сбое повтор 1 пакета
пакеты могут идти разными маршрутами

Слайд 8

Пакетный режим

Состав пакета:
адрес получателя
адрес отправителя
данные
контрольная сумма

CRC-32

=?

Размер пакета: до 1,5 Кбайт

нет

передать заново

Пакетный режим Состав пакета: адрес получателя адрес отправителя данные контрольная сумма CRC-32

Слайд 9

Серверы и клиенты

Сервер ­– это компьютер, предоставляющий свои ресурсы в общее использование.

Клиент

Серверы и клиенты Сервер ­– это компьютер, предоставляющий свои ресурсы в общее
– это компьютер, использующий ресурсы сервера.

файловый сервер
сервер печати

запрос

ответ

отправить запрос
вывести ответ

получить запрос
выполнить задание
отправить ответ

почтовый сервер
сервер приложений

программа-клиент

программа-сервер

Слайд 10

Терминальный сервер

процессор
ОЗУ
долговременная память

терминалы
(«тонкие» клиенты)

управление
(клавиатура, мышь)

рабочий стол

Терминальный сервер процессор ОЗУ долговременная память терминалы («тонкие» клиенты) управление (клавиатура, мышь) рабочий стол

Слайд 11

Домашнее задание

1. Какие компьютерные сети окружают вас? Какие каналы связи они

Домашнее задание 1. Какие компьютерные сети окружают вас? Какие каналы связи они
используют?
2. Зачем нужны протоколы?
3. Может ли один компьютер выполнять роли сервера и клиента?
4. Зачем данные, передаваемые по сети, делятся на пакеты?

Слайд 12

Компьютерные сети

§ 2. Структуры сетей

Компьютерные сети § 2. Структуры сетей

Слайд 13

«Общая шина»

Шина – это линия связи, которую несколько устройств используют для обмена

«Общая шина» Шина – это линия связи, которую несколько устройств используют для
данными.

шина

простота, дешевизна
небольшой расход кабеля;
легко подключать новые рабочие станции;
сеть работает при отказе любого компьютера

Слайд 14

«Общая шина»

при разрыве кабеля вся сеть не работает
один канал связи на всех

«Общая шина» при разрыве кабеля вся сеть не работает один канал связи

низкий уровень безопасности
сложно обнаруживать неисправности
ограничение размера (не более 185 м)

Слайд 15

«Звезда»

Коммутатор (свитч) передаёт пакеты только адресату!

«Звезда» Коммутатор (свитч) передаёт пакеты только адресату!

Слайд 16

«Звезда»

сеть работает при отказе любой рабочей станции
высокий уровень безопасности
простой поиск неисправностей

«Звезда» сеть работает при отказе любой рабочей станции высокий уровень безопасности простой
и обрывов

большой расход кабеля
высокая стоимость
при отказе коммутатора вся сеть не работает
количество рабочих станций ограничено количеством портов коммутатора.

Слайд 17

«Дерево» = многоуровневая звезда

«Дерево» = многоуровневая звезда

Слайд 18

«Кольцо»

«Кольцо»

Слайд 19

«Кольцо»

большой размер сети (до 20 км)
надежная работа при большом потоке данных
не нужны

«Кольцо» большой размер сети (до 20 км) надежная работа при большом потоке
коммутаторы

для подключения нового узла нужно останавливать сеть
низкая безопасность
сложность настройки и поиска неисправностей

Слайд 20

Домашнее задание

1. Какие достоинства и недостатки каждой структуры сети.
2. Почему схема «общая

Домашнее задание 1. Какие достоинства и недостатки каждой структуры сети. 2. Почему
шина>> сейчас не используется в кабельных сетях?
3. Какие достоинства и недостатки имеет схема «двойное кольцо» в сравнении с «одиночным»?
4. Какая схема обеспечивает лучшую защиту данных? Почему?

Слайд 21

Компьютерные сети

§ 3. Локальные сети

Компьютерные сети § 3. Локальные сети

Слайд 22

Что такое локальная сеть?

Локальная сеть объединяет компьютеры в одном или нескольких соседних

Что такое локальная сеть? Локальная сеть объединяет компьютеры в одном или нескольких
зданиях.

Сетевая ОС поддерживает:
сетевое оборудование
сетевые протоколы
доступ к удалённым ресурсам
Windows, Linux, Mac OS

Типы локальных сетей:
одноранговые
с выделенным сервером

Слайд 23

Одноранговые сети

Все компьютеры равноправны, каждый может выступать как в роли клиента, так

Одноранговые сети Все компьютеры равноправны, каждый может выступать как в роли клиента,
и в роли сервера.

дешевизна
простота настройки и обслуживания
независимость компьютеров друг от друга
не нужно сложное программное обеспечение

обычно до 10-15 компьютеров
сложность управления и настройки прав доступа
низкая защищенность данных
резервное копирование на каждом компьютере

Разделяемые ресурсы:

Слайд 24

Сети с выделенным сервером

Роли серверов:

файловые серверы
почтовые серверы
серверы баз данных
серверы печати
серверы приложений

обработка данных

Сети с выделенным сервером Роли серверов: файловые серверы почтовые серверы серверы баз
на серверах
через сеть передаются только нужные данные
упрощается модернизация системы
права на доступ к данным на сервере
различное оборудование и ОС на клиентах
резервное копирование данных только на серверах

высокая стоимость серверного оборудования
сложность настройки и обслуживания сервера
при отказе сервера служба не работает

Windows Server, Linux Server, FreeBSD, Solaris

Слайд 25

Терминальный доступ

терминальный сервер

клиент: клавиатура + монитор, нет винчестера
сервер: время процессора, ОЗУ, диски,

Терминальный доступ терминальный сервер клиент: клавиатура + монитор, нет винчестера сервер: время
принтеры и т.п.

дешевизна клиентов
проще администрирование
выше безопасность данных

при отказе сервера ничего не работает
ошибки в настройках влияют на всех

«тонкий» клиент

«тонкий» клиент

«тонкий» клиент

«тонкий» клиент

Слайд 26

Беспроводные сети

Bluetooth – персональные сети
до 8 устройств
радиус до 10 м
скорость до 700

Беспроводные сети Bluetooth – персональные сети до 8 устройств радиус до 10
кбит/с

WiFi (Wireless Fidelity – «беспроводная точность»)

радиус до 45 м (в помещении)
скорость до 480 Мбит/с

Слайд 27

Сетевое оборудование

Ethernet (лат. aether — эфир)

10 Мбит/с, 100 Мбит/с, 1 Гбит/с и 10 Гбит/с

разъем RJ-45

сетевая карта

сетевой

Сетевое оборудование Ethernet (лат. aether — эфир) 10 Мбит/с, 100 Мбит/с, 1
кабель «витая пара»

патч-корд

Слайд 28

Маршрутизатор

Маршрутизатор (роутер) – устройство, определяющее дальнейший маршрут движения пакетов на основе таблиц

Маршрутизатор Маршрутизатор (роутер) – устройство, определяющее дальнейший маршрут движения пакетов на основе таблиц маршрутизации.
маршрутизации.

Слайд 29

Компьютерные сети

§ 4. Глобальная сеть Интернет

Компьютерные сети § 4. Глобальная сеть Интернет

Слайд 30

Что такое Интернет?

InterNet = Interconnected Networks

Интернет – это глобальная сеть, объединяющая компьютерные

Что такое Интернет? InterNet = Interconnected Networks Интернет – это глобальная сеть,
сети.

взаимосвязанные сети

распределённая сеть

маршрутизаторы в узлах сети

Данные хранятся на серверах (клиент-сервер).

Провайдер – это фирма, предоставляющая пользователям выход в Интернет через её локальную сеть.

Слайд 31

Подключение к Интернету

телефонная станция

сплиттер

сплиттер

Подключение к Интернету телефонная станция сплиттер сплиттер

Слайд 32

Подключение через мобильную связь

USB-модем

3G (3rd generation = 3-е поколение) – до 10

Подключение через мобильную связь USB-модем 3G (3rd generation = 3-е поколение) –
Мбит/с

4G (4th generation) – до 1 Гбит/с

EDGE – до 474 кбит/с

5G (5th generation) – до 35 Гбит/с (Мегафон, тестирование)

Слайд 33

Протоколы Интернета (TCP/IP)

TCP (Transmission Control Protocol) – протокол управления передачей данных
установка

Протоколы Интернета (TCP/IP) TCP (Transmission Control Protocol) – протокол управления передачей данных
соединения
разбивка файла на пакеты (около 1,5 Кбайт)
доставка данных
сборка файла из пакетов

IP (Internet Protocol) – межсетевой протокол
правила построения пакета
система IP-адресов

Слайд 34

IP-адреса

3232262259
=110000001010100001101000011100112

IP-адрес содержит номер сети и код узла в этой сети.

0…255

4

IP-адреса 3232262259 =110000001010100001101000011100112 IP-адрес содержит номер сети и код узла в этой сети. 0…255 4

Слайд 35

IP-адреса

IP-адрес версии 6 (IPv6): 128-битные адреса

2001:0DB8:11A3:09D7:1F34:8A2E:07A0:765D

IP-адрес присваивается не узлу, а каналу связи

IP-адреса IP-адрес версии 6 (IPv6): 128-битные адреса 2001:0DB8:11A3:09D7:1F34:8A2E:07A0:765D IP-адрес присваивается не узлу,
(интерфейсу).

маршрутизатор

Слайд 36

Доменные имена

1984 г. DNS = Domain Name System, система доменных имён

www.google.ru

173.194.71.94

Домен –

Доменные имена 1984 г. DNS = Domain Name System, система доменных имён
это группа символьных адресов в Интернете.

Слайд 37

Домены верхнего уровня

Домены верхнего уровня

Слайд 38

Преобразование адресов

Сервер DNS преобразует доменный адрес в IP-адрес.

www.google.com

запрос серверу DNS для получения

Преобразование адресов Сервер DNS преобразует доменный адрес в IP-адрес. www.google.com запрос серверу
IP-адреса сайта www.google.com
ожидание ответа
запрос Web-страницы по полученному IP-адресу 172.194.71.104

DNS-сервер
193.124.85.210

Слайд 39

Домашнее задание

1. Как вы думаете, можно ли использовать технологию «клиент-сервер» в одноранговых

Домашнее задание 1. Как вы думаете, можно ли использовать технологию «клиент-сервер» в
сетях?
2. Почему существует две беспроводные технологии: Bluetooth и Wi-Fi?
3. Можно ли сказать, что в беспроводных сетях используется структура «общая шина»? Обоснуйте свой ответ.
4. Как защищается информация в беспроводных сетях?

Слайд 40

Преобразование адресов

173.194.71.99
173.194.71.103
173.194.71.104
173.194.71.105
173.194.71.106 173.194.71.147

ycad-ba.narod.ru
csmsoft.narod.ru
opera-site.narod.ru
detki-help.narod.ru
seasoft.narod.ru

2ip.ru/domain-list-by-ip

193.109.247.225

www.google.com

2ip.ru/lookup

Преобразование адресов 173.194.71.99 173.194.71.103 173.194.71.104 173.194.71.105 173.194.71.106 173.194.71.147 ycad-ba.narod.ru csmsoft.narod.ru opera-site.narod.ru detki-help.narod.ru

Слайд 41

Компьютерные сети

§ 5. Службы Интернета

Компьютерные сети § 5. Службы Интернета

Слайд 42

Всемирная паутина (WWW)

1991 г.: WWW = World Wide Web – система обмена

Всемирная паутина (WWW) 1991 г.: WWW = World Wide Web – система
данными в виде гипертекста.

WWW (World Wide Web) – служба для обмена информацией в виде гипертекста.
Гипертекст – текст, содержащий активные ссылки (гиперссылки) на другие документы.
Гипермедиа – документ, который включает текст, рисунки, звуки, видео, причём каждый элемент может быть гиперссылкой.

Слайд 43

Веб-сайты

Сайт (веб-сайт) – это группа веб-страниц, которые расположены на одном сервере, объединены

Веб-сайты Сайт (веб-сайт) – это группа веб-страниц, которые расположены на одном сервере,
общей идеей и связаны с помощью гиперссылок.

Веб-сервер – это программа, которая обеспечивает работу сайтов: приём запросов и выдачу ответов по протоколу HTTP или HTTPS.

Браузер – это программа для просмотра веб-страниц на экране.

Слайд 44

Адрес документа в Интернете

URL (Uniform Resource Locator) – универсальный адрес документа в

Адрес документа в Интернете 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

скачать файл

протокол

Слайд 45

Веб 2.0

Идея – привлечение пользователей к наполнению сайтов информацией и совместной деятельности.
требуется

Веб 2.0 Идея – привлечение пользователей к наполнению сайтов информацией и совместной
регистрация (через e-mail)
«личная зона» пользователя

Социальные сети

Площадки для блогов

ВКонтакте (vk (vk. (vk.com)

Одноклассники (www (www. (www.odnoklassniki (www.odnoklassniki. (www.odnoklassniki.ru)

Facebook (www (www. (www.facebook (www.facebook. (www.facebook.com)

wwwwww.www.livejournalwww.livejournal.www.livejournal.com

wwwwww.www.blogspotwww.blogspot.www.blogspot.com

Вики-системы

Википедия (ru.wikipedia.org)

Слайд 46

Веб 2.0

расширение возможностей пользователей
сотрудничество на расстоянии

потеря контроля над данными
опасность взлома
манипуляции на

Веб 2.0 расширение возможностей пользователей сотрудничество на расстоянии потеря контроля над данными
основе изучения профиля
уменьшение «личного пространства»

Слайд 47

Как работает электронная почта?

почтовый сервер

почтовый сервер

коммерческое «at», 1971 год, Р. Томлисон
«собака» (Россия)
«кошечка»

Как работает электронная почта? почтовый сервер почтовый сервер коммерческое «at», 1971 год,
(Польша)
«роза» (Турция)
XVI век: вес 10 кг, объем 15 л

@

vasya@ mail.ru

почтовый ящик

почтовый сервер

SMTP

 POP3,
IMAP

SMTP

 POP3,
IMAP

Слайд 48

Сообщение электронной почты

[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
О покупке слона

Кому (To):
От кого (From):
Ответить (Reply To):
Копия (CC):
Скрытая

Сообщение электронной почты john@gmail.com vasya@mail.ru vasya@mail.ru boss@mail.ru john2@gmail.com О покупке слона Кому
копия (BC):
Тема (Subject):

заголовок письма

Здравствуйте, Джон!
Нет ли у вас желания купить
слона?
С уважением, Василий Рогов,
генеральный директор,
ООО «Слонопотам»,
г. Солнечный, ул. Слоновья, 2
тел. +7 (1812) 111-22-33
факс +7 (1812) 111-22-34
http://slonopotam.ru

приветствие

основной текст

подпись

контактная информация

Слайд 49

Этикет при работе с электронной почтой

точно формулируйте тему письма
начинайте с приветствия, заканчивайте

Этикет при работе с электронной почтой точно формулируйте тему письма начинайте с
подписью
пишите грамотно
не используйте жаргон (может быть непонятен)
не отправляйте пустых писем (пишите комментарий к посылаемым файлам)
не пишите всеми заглавными буквами (= крик)
подтверждайте получение письма, если не можете сразу ответить

Привет, Сеня!
Посылаю эссе в приложении. Что ты об этом думаешь?
Серафим.

Привет, Серафим!
Эссе получил. Подробнее отвечу завтра, когда прочитаю.
Сеня.

Слайд 50

Почтовые программы

Почта Windows

Microsoft Outlook (в составе Microsoft Office)

TheBat (www (www. (www.ritlabs (www.ritlabs. (www.ritlabs.com)

Apple

Почтовые программы Почта Windows Microsoft Outlook (в составе Microsoft Office) TheBat (www
Mail (www (www. (www.apple (www.apple. (www.apple.com)

создание, отправка и прием сообщений
автоматическая проверка почты
сортировка сообщений
ведение адресной книги

Mozilla Thunderbird (www(www.(www.mozilla(www.mozilla-(www.mozilla-russia(www.mozilla-russia.(www.mozilla-russia.org)

бесплатно!

Слайд 51

Файловые архивы

FTP-сервер – это программа, которая обеспечивает обмен файлами: приём запросов и

Файловые архивы FTP-сервер – это программа, которая обеспечивает обмен файлами: приём запросов
выдачу ответов по протоколу FTP.

FTPS = File Transfer Protocol Secure – c шифрованием

Возможности
скачивание файлов c сервера (download)
загрузка файлов на сервер (upload), в том числе загрузка Web-сайтов

Распространение программ:
freeware (бесплатные)
shareware (условно-бесплатные)
демо-версии
бета-версии

Слайд 52

FTP-серверы

Права доступа
login: кодовое имя пользователя
password: пароль
Анонимный вход (в браузерах – автоматически)
login:

FTP-серверы Права доступа login: кодовое имя пользователя password: пароль Анонимный вход (в
anonymous
password: любой
Поиск файла на FTP-сервере
dirinfo, readme, index
ftpsearch.com
www.filesearch.ru

ftp:// user : asd @ files.example.com

ftp:// files.vasya.ru

Слайд 53

FTP-клиенты

FileZilla (filezilla-project.org)
кроссплатформенная!

бесплатно!

FTP-клиенты FileZilla (filezilla-project.org) кроссплатформенная! бесплатно!

Слайд 54

Форумы

Форумы – это специальные веб-сайты, предназначенные для публичного общения посетителей в форме

Форумы Форумы – это специальные веб-сайты, предназначенные для публичного общения посетителей в
обмена сообщениями.

аватар

ник (псевдоним)

цитата

Слайд 55

Форумы

Тред (нить, thread) цепочка связанных сообщений, которая содержит вопрос, ответы на него

Форумы Тред (нить, thread) цепочка связанных сообщений, которая содержит вопрос, ответы на
и комментарии.
Топик (topic) – тема обсуждения.
Топик-стартер – тот, кто начал тему.
Оффтопик (off-topic) – высказывание не по теме.
Бан (ban) – лишение права отправлять сообщения.
FAQ (Frequently Asked Questions)
ЧаВо (Часто задаваемые вопросы) – список самых частых вопросов новичков и ответы на них.
Модератор – имеет право удалять сообщения за:
оффтопик
оскорбление участников
нецензурную брань

Слайд 56

Общение в реальном времени (онлайн)

Mail.ru Агент (www (www. (www.mail (www.mail. (www.mail.ru)

Kopete (для

Общение в реальном времени (онлайн) Mail.ru Агент (www (www. (www.mail (www.mail. (www.mail.ru)
Linux)

iChat (для компьютеров Apple)

Viber (www.viber.com)

Skype (www.skype.com/ru )

чат (обмен текстовыми сообщениями)
голосовая и видеосвязь
обмен файлами
конференции
звонки на мобильные и стационарные телефоны
отправка SMS

WhatsApp (www.whatsapp.com)

Telegram (telegram.org)

Слайд 57

Облачные хранилища данных

Объём?
Скорость чтения и записи?

доступ с любого компьютера
совместная работа с данными
клиент

Облачные хранилища данных Объём? Скорость чтения и записи? доступ с любого компьютера
не беспокоится о хранении данных
синхронизация данных на разных устройствах

нужен быстрый Интернет
скорость работы ниже
безопасность под угрозой!

2 Гбайт

15 Гбайт

40 Гбайт

Слайд 58

Информационные системы

Погода
pogodapogoda.yandex.ru
gismeteo.ru

Расписание транспорта
rasprasp.yandex.ru
www.tutu.ru
+ покупка билетов
+ электронный

Информационные системы Погода pogodapogoda.yandex.ru gismeteo.ru Расписание транспорта rasprasp.yandex.ru www.tutu.ru + покупка билетов
билет (e-ticket)

Карты
mapsmaps.yandex.ru
maps.google.ru

Слайд 59

Домашнее задание

1. Вспомните, зачем данные, которые передаются по Интернету, разбиваются на пакеты.
2.

Домашнее задание 1. Вспомните, зачем данные, которые передаются по Интернету, разбиваются на
Какова роль маршрутизаторов?
3. Какими способами можно подключить ноутбук к Интернету?Если все варианты доступны, какой вы выберете? Почему?
4. Приведите пример, когда компьютер может иметь несколько IР-адресов.
5. Сколько битов в памяти нужно выделить для хранения IР-адреса?
6. Зачем нужны доменные адреса?

Слайд 60

Компьютерные сети

§ 6. Веб-сайты

Компьютерные сети § 6. Веб-сайты

Слайд 61

Основные определения

Веб-страница – это гипертекстовый документ в Интернете.
Веб-сайт – группа веб-страниц, которые

Основные определения Веб-страница – это гипертекстовый документ в Интернете. Веб-сайт – группа
объединены общей темой и оформлением, связаны гиперссылками.
Веб-сервер – это программа, которая принимает запросы по протоколу HTTP (или HTTPS) и отвечает на них – возвращает веб-страницы и дополнительные данные (рисунки, звуковые файлы, видеофайлы).
Браузер – это программа для просмотра веб-страниц на экране монитора.

Слайд 62

Что такое веб-страница?

запрос на каждый файл!

HTML = Hypertext Markup Language (язык разметки гипертекста)

Кроссбраузерность:

Что такое веб-страница? запрос на каждый файл! HTML = Hypertext Markup Language
сайт должен одинаково отображаться в любом браузере.

Слайд 63

Какие бывают веб-страницы?

статические – готовые файлы *.htm, *.html
динамические – полностью или частично

Какие бывают веб-страницы? статические – готовые файлы *.htm, *.html динамические – полностью
создаются на сервере в момент запроса *.php, *.asp, *.pl, *.cgi, *.shtml …

быстро загружаются
почти не нагружают сервер

невозможна работа с базами данных (в т.ч. гостевые книги, комментарии, Веб 2.0)

работа с базами данных

загружаются медленнее
дополнительная нагрузка на сервер

Слайд 64

Веб-программирование

серверные программы (back-end) выполняются на сервере, языки PHP, Python, JavaScript, Perl, …
клиентские

Веб-программирование серверные программы (back-end) выполняются на сервере, языки PHP, Python, JavaScript, Perl,
программы (front-end) – на языке JavaScript, выполняются в браузере.

Скрипт (сценарий) – это программа для автоматизации действий пользователя.

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

Слайд 65

Системы управления сайтами

CMS = Content Management System, система управления содержимым сайта.

Функции:
создание разделов

Системы управления сайтами CMS = Content Management System, система управления содержимым сайта.
сайта
создание страниц
база данных пользователей
управление доступом
обеспечение навигации и поиска

Слайд 66

Как разместить сайт?

На своём компьютере:
постоянно включенный компьютер
стабильный скоростной канал связи
«белый» IP-адрес;
установка и

Как разместить сайт? На своём компьютере: постоянно включенный компьютер стабильный скоростной канал
настройка веб-сервера
защита сайта от взломщиков, вредоносных программ и сетевых атак – самостоятельно

Хостинг — услуга по размещению сайта (данных) на постоянно работающем сервере.

Бесплатные хостинги
ucoz.ru
webservis.ru
www.hostinger.ru
www.holm.ru
www.hut.ru
wallst.ru

оплата – реклама

Слайд 67

Тарифный план

Тарифный план ⇒ стоимость
ограничение объема данных (файлов и почты)
ограничение трафика
ежедневно:

Тарифный план Тарифный план ⇒ стоимость ограничение объема данных (файлов и почты)
100 пользователей
10 страниц по 100 Кбайт
в месяц: ≈ 3 Гбайт
поддержка баз данных (да/нет/количество)
поддержка серверных скриптов (PHP)

≈100 Мбайт

Слайд 68

Загрузка файлов на сайт

создание страниц в конструкторе: *.ucoz.ru
FTP

локальный компьютер

каталог на сайте

пароль

логин

сайт

FileZilla (filezillafilezilla-filezilla-projectfilezilla-project.filezilla-project.org)

Загрузка файлов на сайт создание страниц в конструкторе: *.ucoz.ru FTP локальный компьютер

Слайд 69

Домашнее задание

1. Почему при совершении денежных операций через Интернет не используется протокол

Домашнее задание 1. Почему при совершении денежных операций через Интернет не используется
НТТР?
2. Как вы думаете, можно ли передавать по Интернету секрет­ную информацию? Если да, какие правила нужно соблюдать?
3. Может ли работать сайт без неб-сервера? Почему?
4. Вася не хочет регистрироваться на почтовом сервере. Сможет ли он отправить сообщение по электронной почте?
5. Какие информационные системы вы использовали? Какие ис­пользуют ваши родственники?
6. Для вашего места жительства сравните прогнозы погоды на неделю, полученные с помощью разных сайтов. Как вы ду­маете, почему они различаются?
7. Используя информационные системы Интернета, оцените вре­мя, за которое вы можете быстрее всего добраться в выбран­ный город. Какой транспорт вы можете использовать? Сколь­ко это будет стоить?
8. Варфоломей планирует лететь на самолёте из Нижнего Нов­города в Анапу 25 июля, так чтобы 26 июля начать культур­ный отдых на море. Используя информационные системы в Интернете, предложите ему возможные варианты перелёта.
9. Используя сервисы для работы с картами, проложите мар­шрут из школы домой и определите его длину.

Слайд 70

Компьютерные сети

§ 7. Язык HTML

Компьютерные сети § 7. Язык HTML

Слайд 71

Первая веб-страница



Тэг – команда языка HTML

открывающий тэг

закрывающий тэг



Первая страница

Первая веб-страница Тэг – команда языка HTML открывающий тэг закрывающий тэг Первая

Привет!



Первая страница


Привет!

контейнер (парный тэг)

Слайд 72

Заголовки

заголовок документа

заголовок раздела

– заголовок документа

– заголовок раздела

– заголовок подраздела

Заголовки заголовок документа заголовок раздела – заголовок документа – заголовок раздела –
– заголовок параграфа

Глава 1. Информация


1.1 Что такое информация?


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

Слайд 73

Выравнивание заголовков

Глава 1. Информация


left,
center,
right

атрибут (свойство)

Выравнивание заголовков Глава 1. Информация left, center, right атрибут (свойство)

Слайд 74

Абзацы (параграфы)

И вечный бой! Покой нам только снится
Сквозь кровь и пыль...
Летит, летит

Абзацы (параграфы) И вечный бой! Покой нам только снится Сквозь кровь и
степная кобылица
И мнёт ковыль...

Слайд 75

Абзацы (параграфы)

И вечный бой! Покой нам только снится


Сквозь кровь и пыль...


Летит, летит

Абзацы (параграфы) И вечный бой! Покой нам только снится Сквозь кровь и
степная кобылица


И мнёт ковыль...


paragraph – абзац

интервал

Слайд 76

Выравнивание абзацев


Молекула воды испарилась из кипящего чайника и, подлетая к потолку,

Выравнивание абзацев Молекула воды испарилась из кипящего чайника и, подлетая к потолку,
лоб в лоб столкнулась с неизвестно как
прокравшейся на кухню молекулой
водорода. Кто быстрей отлетел?


left, center, right, justify

Решение:
align="left"

Слайд 77

Переход на новую строку

И вечный бой! Покой нам
только снится
Сквозь кровь и

Переход на новую строку И вечный бой! Покой нам только снится Сквозь
пыль...
Летит, летит
степная кобылица
И мнёт ковыль...

break – разрыв

Слайд 78

Специальные символы (HTML entities)

Специальные символы (HTML entities)

Слайд 79

Применение специальных символов

Дом сдали в 2011 году.

А.С. Пушкин

Пёс весил 12 кг.

Неразрывный пробел ( )

год

инициалы

единицы измерения

Из

Применение специальных символов Дом сдали в 2011 году. А.С. Пушкин Пёс весил 12 кг. Неразрывный
дома вышел А.С. Пушкин – солнце
русской поэзии.

не отрывать:

Слайд 80

Применение специальных символов

Вышел А.С. Пушкин — солнце русской поэзии.

Длинное тире (—)

Вышел А.С. Пушкин

Применение специальных символов Вышел А.С. Пушкин — солнце русской поэзии. Длинное тире (—) Вышел
– солнце русской поэзии.

не начинать строку с тире!

Короткое тире (–)

Дорога Васюки–Васютино строилась
в 2007–2013 годах.

Слайд 81

Применение специальных символов

Угловые скобки (< >)

Верно ли, что X < Y?


X

Применение специальных символов Угловые скобки (&lt; &gt;) Верно ли, что X X
< Y

это начало тэга?

Слайд 82

Гиперссылки (локальные)

Переход на
новую страницу.

anchor
(якорь)

hyper reference (гиперссылка)

страница в

Гиперссылки (локальные) Переход на новую страницу . anchor (якорь) hyper reference (гиперссылка)
том же каталоге:

во вложенном каталоге:

Информация.

в родительском каталоге:

Информация.

в соседнем каталоге:

Информация.

Слайд 83

Как записать гиперссылки от show.htm?

Как записать гиперссылки от show.htm?

Слайд 84

Куда переход?

...
...
...
...
...
...

Куда переход? ... ... ... ... ... ...

Слайд 85

Гиперссылки (внешние)


Информация
.

на URL:

на главную страницу сайта:

Информация.

для скачивания архива:


Скачать
.

для запуска

Гиперссылки (внешние) Информация . на URL: на главную страницу сайта: Информация .
почтовой программы:

Напишите мне!

Слайд 86

Маркированные списки


  • Вася

  • Петя

  • Коля


unordered list (неупорядоченный список)

list item (элемент списка)

изменение маркера:

Маркированные списки Вася Петя Коля unordered list (неупорядоченный список) list item (элемент
type="disc">
...

disc ∙
circle ○
square ■

Слайд 87

Нумерованные списки


  1. Вася

  2. Петя

  3. Коля


ordered list (упорядоченный список)

изменение нумерации:


    ...

1, i, I,

Нумерованные списки Вася Петя Коля ordered list (упорядоченный список) изменение нумерации: ...
a, A

Слайд 88

Многоуровневые списки


  1. Россия

  2. Украина



  • Москва

  • Санкт-Петербург



  • Киев

  • Одесса


Многоуровневые списки Россия Украина Москва Санкт-Петербург Киев Одесса

Слайд 89

Форматы рисунков

GIF (Graphic Interchange Format)
сжатие без потерь (LZW)
прозрачные области
анимация
только с палитрой (2…256

Форматы рисунков GIF (Graphic Interchange Format) сжатие без потерь (LZW) прозрачные области
цветов)
рисунки с четкими границами, мелкие рисунки

JPEG (Joint Photographer Expert Group)
сжатие с потерями
только True Color (16,7 млн. цветов)
нет анимации и прозрачности
рисунки с размытыми границами, фото

PNG (Portable Network Graphic)
сжатие без потерь
с палитрой (PNG-8) и True Color (PNG-24)
прозрачность и полупрозрачность (альфа-канал)
нет анимации
плохо сжимает мелкие рисунки

Слайд 90

Форматы рисунков

SVG (Scalable Vector Graphics, масштабируемые векторные изображения)


x="0"

Форматы рисунков SVG (Scalable Vector Graphics, масштабируемые векторные изображения) x="0" y="10" stroke-width="1"
y="10"
stroke-width="1" stroke="rgb(0,0,0)"
fill="rgb(255,255,255)"/>
stroke-width="1" stroke="rgb(0,0,0)"
fill="rgb(0,0,255)"/>
stroke-width="1" stroke="rgb(0,0,0)"
fill="rgb(255,0,0)"/>

Слайд 91

Рисунки в документе





из той

Рисунки в документе из той же папки: из другой папки: с другого
же папки:

из другой папки:

с другого сервера:

image (изображение)

source (источник)

Слайд 92

Выравнивание


left

right

top

bottom
(по умолчанию)

middle

Выравнивание left right top bottom (по умолчанию) middle

Слайд 93

Отступы



vspace
(vertical space)

hspace
(horizontal space)

Отступы vspace (vertical space) hspace (horizontal space)

Слайд 94

Другие атрибуты

Фото: Ладога title="Ночь на Ладоге" width="800"
height="600">

надпись на

Другие атрибуты title="Ночь на Ладоге" width="800" height="600"> надпись на месте рисунка, если
месте рисунка, если его нет

размеры позволяют:
растянуть – сжать
не портить дизайн, если рисунка нет

всплывающая подсказка

Слайд 95

Рисунок-гиперссылка


alt="Бесплатная почта" border="0">




локальная ссылка:

ссылка на

Рисунок-гиперссылка alt="Бесплатная почта" border="0"> локальная ссылка: ссылка на другой сервер: иначе будет
другой сервер:

иначе будет синяя рамка вокруг

если не вплотную к , будет «хвост»

не будет «хвоста»

Слайд 96

Вставка векторных рисунков

data="test.svg"
width="48" height="48"
align="left">

тип нестандартных данных

имя

Вставка векторных рисунков data="test.svg" width="48" height="48" align="left"> тип нестандартных данных имя файла размеры выравнивание
файла

размеры

выравнивание

Слайд 97

Домашнее задание

1. Как вы думаете, почему рисунки на веб-сайте обычно сохра­няют в

Домашнее задание 1. Как вы думаете, почему рисунки на веб-сайте обычно сохра­няют
отдельной папке?
2. Можно ли просматривать веб-страницу без браузера?
3. Как вы думаете, почему разные браузеры могут по-разному показывать одну и ту же веб-страницу?
4. Почему большие сайты делают на основе динамических стра­ниц?
5. Как вы думаете, какие недостатки имеют системы управления сайтом?
6. За счёт чего зарабатывают бесплатные хостинги?
7. Найдите в Интернете информацию о том, люди каких специальностей участвуют в создании веб-сайтов.
8. Создайте сайт вашего класса на бесплатном хостинге, который использует CMS (на пример UCOZ.COM)

Слайд 98

Конец фильма

ПОЛЯКОВ Константин Юрьевич
д.т.н., учитель информатики
ГБОУ СОШ № 163, г. Санкт-Петербург
[email protected]
ЕРЕМИН

Конец фильма ПОЛЯКОВ Константин Юрьевич д.т.н., учитель информатики ГБОУ СОШ № 163,
Евгений Александрович
к.ф.-м.н., доцент кафедры мультимедийной дидактики и ИТО ПГГПУ, г. Пермь
[email protected]
Имя файла: 9-1_Компьютерные-сети.pptx
Количество просмотров: 60
Количество скачиваний: 0