SlideShare a Scribd company logo
1 of 37
Урок 1
Введение в курс разработки
сайтов.
Web – технологии.
План:
• История развития Интернета
• Определение сайта
• IP – адрес
• Web – технологии
• CMS системы
История развития Интернета в мире
• 1957 год – после запуска советского спутника
Министерство обороны США поручило Агентству
по перспективным научно-исследовательским
разработкам (DARPA) разработать единую
надежную компьютерную сеть на случай войны.
• 1961 год – публикация научной работы Леонарда
Клейнрока о пакетной коммутации стала основой
для специалистов DARPA.
• 2 сентября 1969 года – в Калифорнийском
университете установлен первый сервер ARPANET
(Advanced Research Projects Agency Network),
оперативная память которого составляла всего 24
Кб.
История развития Интернета в мире
• 29 октября 1969 года – был успешно запущен
первый сеанс связи между двумя первыми
серверами ARPANET, которые находились на
расстоянии в 640 километров. Сеанс вели Чарли
Клайн (Калифорнийский университет) и Билл
Дювалль (Стэнфордский институт). В 21:00 была
совершена первая попытка передать слово LOGIN,
но удалось отправить лишь три символа LOG,
после чего сеть деактивировалась. В 22:30 сеанс
был восстановлен и успешно завершен. Именно
эту дату считают днем рождения Интернета.
История развития Интернета в мире
• 1972 год – запущена первая программа
электронной почты, которая сразу стала
популярной, появляется TELNET и протокол
пересылки файлов FTP.
• 1973 год – сеть получила статус международной
благодаря подключению через телефонный кабель
с Норвегией и Великобританией.
• 1 января 1983 года – компьютерная сеть ARPANET
сменила протокол NCP на TCP/IP, успешно
применяемый и в наши дни. Кроме этого за сетью
ARPANET закрепилось понятие «Интернет», которое
мы все знаем.
История развития Интернета в мире
• 1984 год – появление NSFNet (National Science
Foundation Network), разработанного Национальным
научным фондом США. Эта сеть имела большую
пропускную способность и сразу составила
конкуренцию ARPANET.
• 1988 год – был создан протокол IRC, который помог
возникновению общения в реальном времени (чаты).
• 1989 год – британский ученый Тим Бернерс-Ли
предложил свою оригинальную концепцию создания
Всемирной паутины, разработал язык HTML, протокол
HTPP, идентификатор URL и программу визуализации
World Wide Web (WWW).
История развития Интернета в мире
• 1990 год – сеть ARPANET прекратила свое
существование, уступив место NSFNet.
• 1991 год – Всемирная паутина получила свою
общедоступность и сразу стала популярной
благодаря браузеру MOSAIC .
• 1995 год – Всемирная паутина обогнала по своей
популярности протокол пересылки файлов FTP.
• 1996 год – понятие Всемирной паутины
заменяется понятием современного Интернета.
История развития Интернета в
России
• Российский интернет появился и начал
развиваться в конце лета 1990г., тогда состоялось
его первое соединение с западом.
• На коммерческую основу он был поставлен уже
через год, в середине 1991г., его в основном
использовали западные журналисты освящавшие
события в России. Это особенно сильно сказалось
в августе во время путча, когда другие средства
коммуникация были заблокированы КГБ.
• В 1992г. началось создание первых
русифицированных страниц.
История развития Интернета в
России
• В 1994г. создается множество сайтов, появляются
хакеры.
• В 1996г. появляется первая реклама.
• К 1997г. интернет в России считали "развитым",
начали создавать первые он-лайн газеты
• 27 сентября 1997г. создается поисковая
система Yandex.ru
• В 1998г. создается почтовый сервис mail.ru
Определение
Слово Site переводится как место или
местоположение и может употребляться в
различных отраслях человеческой деятельности.
Применительно к Интернету, правильнее
употреблять слово Website, где Web – паутина
или сеть, а Site – место. Website – место в сети
Интернет.
Сайт - это место во всемирной сети (интернете),
которое имеет свой адрес, собственного хозяина
и состоит из отдельных веб-страниц, которые мы
видим как одно целое.
Все странички каждого сайта объединяются одним
корневым адресом , тематикой, системой и дизайном.
Каждая страница веб-сайта это текстовый документ,
который написан на языке программирования (HTML,
XHTML, JAVA или другие). Эти текстовые файлы
загружаются на ваш компьютер, обрабатываются
браузером и отображаются на мониторе компьютера в
виде страницы сайта. Язык программирования
позволяет редактировать текст странички, добавлять
ссылки, вставлять картинки, звуковые и видео файлы.
Страницы сайтов могут быть как простыми наборами
информации - тексты и картинки, так и сложными, с
огромным количеством функций, которые
управляются различными программами.
Адрес сайта
Как любое место на нашей планете, сайт должен
иметь свои координаты или адрес в сети, который
имеет вид www.site.ru или http://site.ru, где site –
его имя или домен второго уровня, а RU –
национальная доменная зона или домен первого
уровня. В России кроме домена первого уровня RU с
недавнего времени появился еще и домен РФ. Есть
еще домены первого уровня, которые стали общими
для всех. К ним относятся домены COM, NET, INFO и
другие. Каждый сайт в сети имеет свой уникальный
адрес. Для того чтобы ваш браузер нашел и загрузил
нужный ресурс, достаточно прописать его адрес в
адресной строке.
Адрес сайта
Домен - это уникальное обозначение,
включающие латинские буквы от A до Z для
англоязычных доменов, от А до Я для
русскоязычных доменов. Кроме того, в доменное
имя могут входить (или не входить) цифры от 0 до
9, а также символ дефиса "-".
Домен - это адрес в сети всемирной
компьютерной сети Интернет. Домен позволяет
персонализировать Ваш адрес сайта или
электронной почты.
Где расположен сайт?
www.site.ru – это виртуальный адрес сайта во
Всемирной Паутине, а где же он находится
физически. Все сайты в Интернете находятся на
веб-серверах – компьютерах, на которых
установлено специальное программное
обеспечение (ПО). Обычно такие серверы
принадлежат компаниям хостинг-провайдеров или
хостингам. Эти фирмы имеют очень мощные
компьютеры с большим количеством дискового
пространства, быстрым доступом в Сеть,
качественной защитой и охраной. Для этого даже
строят специальные здания – Дата центры.
Где расположен сайт?
Хостинг (англ. hosting) — услуга по
предоставлению вычислительных мощностей для
физического размещения информации на
сервере, постоянно находящемся в сети (обычно
Интернет). Хостингом также называется услуга по
размещению оборудования клиента на
территории провайдера с обеспечением
подключения его к каналам связи с высокой
пропускной способностью (колокация, от англ.
collocation).
Виртуальный хостинг
Несмотря на мудреное название, виртуальный
хостинг — простая и часто встречающаяся услуга.
Означает, что несколько сайтов располагаются на
жестком диске одного веб-сервера. В
зависимости от выбранного тарифного плана вам
выделяют некоторое количество гигабайт и
некоторое ограничение на использование
ресурсов. И если на чужой сектор жесткого диска
вы попасть не сможете, также как и соседи на
ваш, то вот ресурсы — память, процессор,
программное обеспечение — общие на всех.
Виртуальный хостинг
• IP-адрес на виртуальном хостинге может быть
как общим на всех, так и отдельным на каждый
веб-сайт, размещенном на веб-сервере.
• Плюс виртуального хостинга — дешевизна.
Поэтому большинство сайтов выбирают именно
этот вид хостинга.
• Минус — в возможных сбоях трансляции
вашего сайта в сети Интернет. Это может
случиться, если у кого-то из соседей по серверу
произойдет резкий перерасход ресурсов, а
система не сможет быстро отреагировать на
пиковую нагрузку. Что-то подобное происходит
во время DDos-атаки на сервер.
Виртуальный выделенный сервер
На ступеньку выше по градации видов хостинга
находится виртуальный выделенный сервер — это,
когда группа веб-сайтов находится на одном
физическом веб-сервере, но для каждого из них
создается собственный виртуальный сервер. Со
всеми вытекающими — собственный IP-адрес,
полный контроль и управление ресурсами машины
и ее конфигурацией.
Выделенный сервер
Выделенный сервер — это такой вид хостинга, при
котором на один веб-сайт выделяется один
физический сервер. Плюсом такого хостинга
становится то, что производительность вашего
сервера не зависит от загруженности других веб-
ресурсов, вы можете менять конфигурацию
сервера на ваше усмотрение, либо и вовсе
остановить компьютер на техработы. Минус ВС —
соответствующая уровню услуги высокая цена. Но,
если вы собираетесь раскрутить видео или
игровой портал или другой ресурсоемкий проект
— похоже вам не избежать покупки выделенного
сервера.
Колокация
Последний вид хостинга — колокация.
Предположим, вы обладатель физического
оборудования для создания полноценного веб-
сервера, но не имеете доступа к высокоскоростным
каналам выхода в Глобальную сеть. Тогда вы
договариваетесь с хостинговой компанией и
устанавливаете свое оборудование на площадке
хостера с условием подключения к сети. Эта услуга и
называется колокацией. Другой вариант — вы
арендуете у провайдера и оборудование и канал. Вы
не платите за отрезок: конечный пользователь —
сервер провайдера, так называемая "последняя
миля".
Как устроен сайт
Страница сайта — это текстовый документ с
программным кодом, написанным на
специальном языке программирования. Этих
языков много, они постоянно совершенствуются и
изменяются. Браузер получает код страницы в
виде HTML— документа, разбирая который он
превращает его в тексты, картинки, медиафайлы и
выводит все это на экран монитора и звуковые
колонки. Таким образом, информация становится
доступна для всех пользователей.
IP-адрес
IP-адрес (от англ. Internet Protocol Address) —
уникальный сетевой адрес узла в компьютерной
сети, построенной по протоколу IP. В
сети Интернет требуется глобальная уникальность
адреса; в случае работы в локальной сети
требуется уникальность адреса в пределах сети. В
версии протокола IPv4 IP-адрес имеет длину
4 байта.
• IPv4
В 4-й версии IP-адрес представляет собой 32-
битовое число. Удобной формой записи IP-адреса
(IPv4) является запись в виде четырёх десятичных
чисел значением от 0 до 255, разделённых точками,
например, 192.168.0.3.
• IPv6
В 6-й версии IP-адрес (IPv6) является 128-битовым.
Внутри адреса разделителем является двоеточие
(напр. 2001:0db8:85a3:0000:0000:8a2e:0370:7334).
Ведущие нули допускается в записи опускать. Нулевые
группы, идущие подряд, могут быть опущены, вместо
них ставится двойное двоеточие (fe80:0:0:0:0:0:0:1
можно записать как fe80::1). Более одного такого
пропуска в адресе не допускается.
Web-технологии
Web-технологии есть концепция работы с
информацией. Она отличается следующими
особенностями:
– техническая основа Web-технологий – локальные и
глобальные сети, часто Интернет;
– применение особого типа тонких клиентов: web-
браузеров (типы и история, современное состояние
браузеров отдаются на самостоятельное изучение);
– преимущественно текстовая и статично-графическая
подача информации (ослабление этой тенденции
связано с развитием технологий связи и ПО,
экспансией медиаконтента);
Web-технологии
– изменения в информационных источниках
мгновенно отражаются в публикациях;
– число потребителей информации практически не
ограничено. публикатор сам может задать особые
условия на доступ к публикуемой информации;
– в публикациях могут содержаться ссылки на другие
публикации без ограничения на местоположение и
источники материалов;
– активная работа поисковых машин (история,
современное состояние и роль поисковых машин
отдаются на самостоятельное изучение);
– доставка и тиражирование контента практически
бесплатны.
Привлекательность Web-технологий как средства
доставки информации во многом определяет
универсальный интерфейс между человеком и
компьютером. Каждому человеку понятны надписи,
заголовки, ссылки, картинки. Веб-интерфейс как
средство доступа к информации интуитивно понятен.
Следствием простоты веб-интерфейса является
широкая употребимость Интернета как канала
коммуникации. Браузер – программа для просмотра
веб-страниц и работы с информацией в веб-
интерфейсе. Теоретически все браузеры должны
отображать все сайты, сделанные по стандартам,
одинаково. Практически имеется множество тонкостей
и сложностей. Наиболее популярные браузеры:
Internet Explorer, Firefox, Opera, Safari, Chrome.
JavaScript/Java
JavaScript - это язык программирования,
используемый в составе страниц HTML для
увеличения возможностей. Он был разработан
фирмой Netscape на базе языка Sun's Java корпорации
Sun. JavaScript является, как бы, надстройкой
стандарта HTML и значительно расширяет
возможности html-документа, созданного с
использованием этой технологии. JavaScript
интегрируется в файл HTML в виде нескольких строчек
кода (например, это может быть функция, вызываемая
на исполнение специальной командой). Встроенный в
браузер интерпретатор JavaScript воспринимает и
скрипт, и сам HTML-код как единый документ,
обрабатывая и те, и другие данные одновременно.
CSS
Зачастую у web-дизайнера возникает необходимость
применить в процессе создания html-документа
сложное форматирование - от абзаца к абзацу менять
шрифт, расположение текста, его цвет, формировать
различные таблицы данных. Для этого надо включить
в страницу описание CSS или подключить внешний
файл, выполненный с стандарте CSS - Cascading Style
Sheets (каскадные таблицы стилей), в котором с
помощью специального макроязыка один раз жестко
задать форматирование страницы. Другими словами,
файл CSS выполняет роль некого шаблона,
применяемого для форматирования текста, таблиц и
иных элементов в документе HTML. Есть возможность
подключать один и тот же физический файл CSS к
различным web-страницам сайта.
PHP
PHP (Personal Home Page tools) - это еще один
интерпретируемый язык, напоминающий PERL,
предназначенный для придания web-страницам
элементов интерактивности. Код, написанный на
языке PHP, встраивается в документ HTML подобно
подпрограмме: в тот участок документа, где
необходимо разместить интерактивный элемент,
просто вставляется сценарий PHP. Мнемоника
данного языка базируется на синтаксисе PERL, Java и
С, благодаря чему не вызывает каких-либо
трудностей при изучении. Методики, которые
позволяют серверам корректно распознавать файлы,
содержащие скрипты PHP, различны и зависят в
первую очередь от типа конкретного сервера.
Macromedia Flash
Стандарт Flash был разработан компанией Macromedia
в 1996 году. Основное назначение данной технологии -
создание высококачественной интерактивной
анимации, которую можно представлять при
относительно небольшой размере итогового файла. С
помощью Macromedia Flash web-мастер имеет
возможность изготавливать красочные анимационные
заставки, определенные элементы которых могут
"реагировать" на движения мыши, а также в web-
страницы мини-игры, озвученные мультипликационные
клипы и многое другое. Другими словами, Macromedia
Flash способна практически на все, что доступно при
применении Java, и даже больше.
Что такое CMS?
• CMS – это система управления
контентом/содержимым сайта. Под контентом и
содержимым сайта понимают: текст, картинки,
видео – данные и файлы.
• CMS – это система, которая позволяет в удобном
виде создавать и управлять (редактировать,
удалять) текстовыми материалами и мультимедиа
документами (содержимое или контент) на сайте.
Аббревиатура «CMS» появилась от англ.
Фразы Content Management System, что и
переводится как система управления контентом.
CMS
CMS (Cистема управления контентом веб-
сайта) позволяет редактировать содержание всех
страниц веб-сайта (включая тексты, фотографии,
таблицы, флэш-анимацию и т.п.). Кроме того,
система позволяет управлять структурой веб-
сайта, то есть создавать новые разделы веб-сайта,
страницы в неограниченном количестве. Тем
самым Вы получаете полный контроль над
сайтом. При этом никаких специальных навыков,
кроме работы в Интернет, не требуется.
Основные функции CMS
1. Разработка контента. CMS осуществляет поддержку
совместной работы авторов, редакторов,
программистов и менеджеров по обновлению
содержимого сайта и предоставлению конечным
пользователям своевременной информации.
2. Управление сайтом. На этом уровне происходит
разработка самого сайта, предварительный просмотр и
публикация подготовленного контента.
3. Обеспечение доступа пользователей к информации,
содержащейся в базе данных сайта, через Интернет.
Система предоставляет средства для динамического
формирования Web-страниц в зависимости от вида
конкретных пользователей.
Особенности системы CMS
1. Создание и управление структурой и контентом
сайта.
2. Иерархическая структура страниц.
3. Генерация страниц на основе шаблонов.
4. Возможность предварительного просмотра
результатов внесенных изменений в структуру и
содержание страниц незаметно для пользователей
сайтов системы.
5. Встроенный визуальный редактор для создания
страниц в визуальном режиме с возможностью
работы с файлами. Поддерживает работу с
таблицами и изображениями.
Особенности системы CMS
6. Гибкая поддержка пользователей.
7. Доступ ко всем элементам системы CMS
(страницам, модулям, шаблонам и т.д.) основан на
делегировании соответствующих прав.
Пользователь/группа может наделяться
администраторскими правами.
8. Неавторизованный доступ запрещен.
9. Возможность создавать разделы, доступ к которым
имеют только зарегистрированные пользователи.
10. Пользователю/группе могут делегироваться права
на страницы, независимо от их расположения в
иерархии страниц.
Спасибо за внимание!

More Related Content

What's hot

интернет
интернетинтернет
интернетevsyukova
 
Экология Интернета
Экология ИнтернетаЭкология Интернета
Экология ИнтернетаBashkina Ekaterina
 
C:\fake path\website
C:\fake path\websiteC:\fake path\website
C:\fake path\websiteguest56c8644
 
Введение
ВведениеВведение
Введениеmdv2485
 
800836
800836800836
800836serg32
 
интернет: история развития и его возможности
интернет: история развития и его возможностиинтернет: история развития и его возможности
интернет: история развития и его возможностиAnastasiya Belova
 

What's hot (11)

интернет
интернетинтернет
интернет
 
Экология Интернета
Экология ИнтернетаЭкология Интернета
Экология Интернета
 
C:\fake path\website
C:\fake path\websiteC:\fake path\website
C:\fake path\website
 
Введение
ВведениеВведение
Введение
 
знакомство с интернет
знакомство с интернетзнакомство с интернет
знакомство с интернет
 
World Wide Web
World Wide WebWorld Wide Web
World Wide Web
 
Bestreferat 217309
Bestreferat 217309Bestreferat 217309
Bestreferat 217309
 
800836
800836800836
800836
 
интернет: история развития и его возможности
интернет: история развития и его возможностиинтернет: история развития и его возможности
интернет: история развития и его возможности
 
интернет
интернетинтернет
интернет
 
Net work lan
Net work lanNet work lan
Net work lan
 

Similar to Урок 1. Введение в курс разработки сайтов. Web – технологии.

Komputernie seti
Komputernie setiKomputernie seti
Komputernie setiTanuschka65
 
Обзор рекомендаций W3C
Обзор рекомендаций W3CОбзор рекомендаций W3C
Обзор рекомендаций W3CGetDev.NET
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сетиellin55
 
1. история интернета
1. история интернета1. история интернета
1. история интернетаkvg25
 
введение в интернет
введение в интернетвведение в интернет
введение в интернетUlyana1973
 
16 компьютерные сети
16 компьютерные сети16 компьютерные сети
16 компьютерные сетиAndrey77712.08
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сетиanton-mosyagin
 
презентации
презентациипрезентации
презентацииPolly Nadueva
 
информатика
информатикаинформатика
информатикаreramila
 
Vsemirnaja pautina
Vsemirnaja pautinaVsemirnaja pautina
Vsemirnaja pautinaollesya
 
Vsemirnaja pautina
Vsemirnaja pautinaVsemirnaja pautina
Vsemirnaja pautinaolmar
 
Архитектура компьютерных сетей
Архитектура компьютерных сетейАрхитектура компьютерных сетей
Архитектура компьютерных сетейMaksym Balaklytskyi
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сетиstudent_SSGA
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сетиstudent_SSGA
 

Similar to Урок 1. Введение в курс разработки сайтов. Web – технологии. (20)

Komputernie seti
Komputernie setiKomputernie seti
Komputernie seti
 
Обзор рекомендаций W3C
Обзор рекомендаций W3CОбзор рекомендаций W3C
Обзор рекомендаций W3C
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сети
 
1. история интернета
1. история интернета1. история интернета
1. история интернета
 
введение в интернет
введение в интернетвведение в интернет
введение в интернет
 
Интернет
ИнтернетИнтернет
Интернет
 
16 компьютерные сети
16 компьютерные сети16 компьютерные сети
16 компьютерные сети
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сети
 
презентации
презентациипрезентации
презентации
 
информатика
информатикаинформатика
информатика
 
Сервисы интернета
Сервисы интернетаСервисы интернета
Сервисы интернета
 
интернет1
интернет1интернет1
интернет1
 
Vsemirnaja pautina
Vsemirnaja pautinaVsemirnaja pautina
Vsemirnaja pautina
 
Vsemirnaja pautina
Vsemirnaja pautinaVsemirnaja pautina
Vsemirnaja pautina
 
Архитектура компьютерных сетей
Архитектура компьютерных сетейАрхитектура компьютерных сетей
Архитектура компьютерных сетей
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сети
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сети
 
Internet.pptx
Internet.pptxInternet.pptx
Internet.pptx
 
Web tehn
Web tehnWeb tehn
Web tehn
 
Present.pps
Present.ppsPresent.pps
Present.pps
 

More from oksikboss

3 класс (урок 17)
3 класс (урок 17)3 класс (урок 17)
3 класс (урок 17)oksikboss
 
3 класс (урок 16)
3 класс (урок 16)3 класс (урок 16)
3 класс (урок 16)oksikboss
 
3 класс (урок 15)
3 класс (урок 15)3 класс (урок 15)
3 класс (урок 15)oksikboss
 
3 класс (урок 14)
3 класс (урок 14)3 класс (урок 14)
3 класс (урок 14)oksikboss
 
3 класс (урок 20)
3 класс (урок 20)3 класс (урок 20)
3 класс (урок 20)oksikboss
 
3 класс (урок 8)
3 класс (урок 8)3 класс (урок 8)
3 класс (урок 8)oksikboss
 
3 класс (урок 9)
3 класс (урок 9)3 класс (урок 9)
3 класс (урок 9)oksikboss
 
3 класс (урок 7.1)
3 класс (урок 7.1)3 класс (урок 7.1)
3 класс (урок 7.1)oksikboss
 
3 класс (урок 7)
3 класс (урок 7)3 класс (урок 7)
3 класс (урок 7)oksikboss
 
3 класс (урок 5)
3 класс (урок 5)3 класс (урок 5)
3 класс (урок 5)oksikboss
 
3 класс (урок 2)(1)
3 класс (урок 2)(1)3 класс (урок 2)(1)
3 класс (урок 2)(1)oksikboss
 
3 класс (урок 1)(1)
3 класс (урок 1)(1)3 класс (урок 1)(1)
3 класс (урок 1)(1)oksikboss
 
2 класс (урок 1)
2 класс (урок 1)2 класс (урок 1)
2 класс (урок 1)oksikboss
 

More from oksikboss (13)

3 класс (урок 17)
3 класс (урок 17)3 класс (урок 17)
3 класс (урок 17)
 
3 класс (урок 16)
3 класс (урок 16)3 класс (урок 16)
3 класс (урок 16)
 
3 класс (урок 15)
3 класс (урок 15)3 класс (урок 15)
3 класс (урок 15)
 
3 класс (урок 14)
3 класс (урок 14)3 класс (урок 14)
3 класс (урок 14)
 
3 класс (урок 20)
3 класс (урок 20)3 класс (урок 20)
3 класс (урок 20)
 
3 класс (урок 8)
3 класс (урок 8)3 класс (урок 8)
3 класс (урок 8)
 
3 класс (урок 9)
3 класс (урок 9)3 класс (урок 9)
3 класс (урок 9)
 
3 класс (урок 7.1)
3 класс (урок 7.1)3 класс (урок 7.1)
3 класс (урок 7.1)
 
3 класс (урок 7)
3 класс (урок 7)3 класс (урок 7)
3 класс (урок 7)
 
3 класс (урок 5)
3 класс (урок 5)3 класс (урок 5)
3 класс (урок 5)
 
3 класс (урок 2)(1)
3 класс (урок 2)(1)3 класс (урок 2)(1)
3 класс (урок 2)(1)
 
3 класс (урок 1)(1)
3 класс (урок 1)(1)3 класс (урок 1)(1)
3 класс (урок 1)(1)
 
2 класс (урок 1)
2 класс (урок 1)2 класс (урок 1)
2 класс (урок 1)
 

Урок 1. Введение в курс разработки сайтов. Web – технологии.

  • 1.
  • 2. Урок 1 Введение в курс разработки сайтов. Web – технологии.
  • 3. План: • История развития Интернета • Определение сайта • IP – адрес • Web – технологии • CMS системы
  • 4. История развития Интернета в мире • 1957 год – после запуска советского спутника Министерство обороны США поручило Агентству по перспективным научно-исследовательским разработкам (DARPA) разработать единую надежную компьютерную сеть на случай войны. • 1961 год – публикация научной работы Леонарда Клейнрока о пакетной коммутации стала основой для специалистов DARPA. • 2 сентября 1969 года – в Калифорнийском университете установлен первый сервер ARPANET (Advanced Research Projects Agency Network), оперативная память которого составляла всего 24 Кб.
  • 5. История развития Интернета в мире • 29 октября 1969 года – был успешно запущен первый сеанс связи между двумя первыми серверами ARPANET, которые находились на расстоянии в 640 километров. Сеанс вели Чарли Клайн (Калифорнийский университет) и Билл Дювалль (Стэнфордский институт). В 21:00 была совершена первая попытка передать слово LOGIN, но удалось отправить лишь три символа LOG, после чего сеть деактивировалась. В 22:30 сеанс был восстановлен и успешно завершен. Именно эту дату считают днем рождения Интернета.
  • 6. История развития Интернета в мире • 1972 год – запущена первая программа электронной почты, которая сразу стала популярной, появляется TELNET и протокол пересылки файлов FTP. • 1973 год – сеть получила статус международной благодаря подключению через телефонный кабель с Норвегией и Великобританией. • 1 января 1983 года – компьютерная сеть ARPANET сменила протокол NCP на TCP/IP, успешно применяемый и в наши дни. Кроме этого за сетью ARPANET закрепилось понятие «Интернет», которое мы все знаем.
  • 7. История развития Интернета в мире • 1984 год – появление NSFNet (National Science Foundation Network), разработанного Национальным научным фондом США. Эта сеть имела большую пропускную способность и сразу составила конкуренцию ARPANET. • 1988 год – был создан протокол IRC, который помог возникновению общения в реальном времени (чаты). • 1989 год – британский ученый Тим Бернерс-Ли предложил свою оригинальную концепцию создания Всемирной паутины, разработал язык HTML, протокол HTPP, идентификатор URL и программу визуализации World Wide Web (WWW).
  • 8. История развития Интернета в мире • 1990 год – сеть ARPANET прекратила свое существование, уступив место NSFNet. • 1991 год – Всемирная паутина получила свою общедоступность и сразу стала популярной благодаря браузеру MOSAIC . • 1995 год – Всемирная паутина обогнала по своей популярности протокол пересылки файлов FTP. • 1996 год – понятие Всемирной паутины заменяется понятием современного Интернета.
  • 9. История развития Интернета в России • Российский интернет появился и начал развиваться в конце лета 1990г., тогда состоялось его первое соединение с западом. • На коммерческую основу он был поставлен уже через год, в середине 1991г., его в основном использовали западные журналисты освящавшие события в России. Это особенно сильно сказалось в августе во время путча, когда другие средства коммуникация были заблокированы КГБ. • В 1992г. началось создание первых русифицированных страниц.
  • 10. История развития Интернета в России • В 1994г. создается множество сайтов, появляются хакеры. • В 1996г. появляется первая реклама. • К 1997г. интернет в России считали "развитым", начали создавать первые он-лайн газеты • 27 сентября 1997г. создается поисковая система Yandex.ru • В 1998г. создается почтовый сервис mail.ru
  • 11. Определение Слово Site переводится как место или местоположение и может употребляться в различных отраслях человеческой деятельности. Применительно к Интернету, правильнее употреблять слово Website, где Web – паутина или сеть, а Site – место. Website – место в сети Интернет. Сайт - это место во всемирной сети (интернете), которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим как одно целое.
  • 12. Все странички каждого сайта объединяются одним корневым адресом , тематикой, системой и дизайном. Каждая страница веб-сайта это текстовый документ, который написан на языке программирования (HTML, XHTML, JAVA или другие). Эти текстовые файлы загружаются на ваш компьютер, обрабатываются браузером и отображаются на мониторе компьютера в виде страницы сайта. Язык программирования позволяет редактировать текст странички, добавлять ссылки, вставлять картинки, звуковые и видео файлы. Страницы сайтов могут быть как простыми наборами информации - тексты и картинки, так и сложными, с огромным количеством функций, которые управляются различными программами.
  • 13. Адрес сайта Как любое место на нашей планете, сайт должен иметь свои координаты или адрес в сети, который имеет вид www.site.ru или http://site.ru, где site – его имя или домен второго уровня, а RU – национальная доменная зона или домен первого уровня. В России кроме домена первого уровня RU с недавнего времени появился еще и домен РФ. Есть еще домены первого уровня, которые стали общими для всех. К ним относятся домены COM, NET, INFO и другие. Каждый сайт в сети имеет свой уникальный адрес. Для того чтобы ваш браузер нашел и загрузил нужный ресурс, достаточно прописать его адрес в адресной строке.
  • 14. Адрес сайта Домен - это уникальное обозначение, включающие латинские буквы от A до Z для англоязычных доменов, от А до Я для русскоязычных доменов. Кроме того, в доменное имя могут входить (или не входить) цифры от 0 до 9, а также символ дефиса "-". Домен - это адрес в сети всемирной компьютерной сети Интернет. Домен позволяет персонализировать Ваш адрес сайта или электронной почты.
  • 15. Где расположен сайт? www.site.ru – это виртуальный адрес сайта во Всемирной Паутине, а где же он находится физически. Все сайты в Интернете находятся на веб-серверах – компьютерах, на которых установлено специальное программное обеспечение (ПО). Обычно такие серверы принадлежат компаниям хостинг-провайдеров или хостингам. Эти фирмы имеют очень мощные компьютеры с большим количеством дискового пространства, быстрым доступом в Сеть, качественной защитой и охраной. Для этого даже строят специальные здания – Дата центры.
  • 16. Где расположен сайт? Хостинг (англ. hosting) — услуга по предоставлению вычислительных мощностей для физического размещения информации на сервере, постоянно находящемся в сети (обычно Интернет). Хостингом также называется услуга по размещению оборудования клиента на территории провайдера с обеспечением подключения его к каналам связи с высокой пропускной способностью (колокация, от англ. collocation).
  • 17. Виртуальный хостинг Несмотря на мудреное название, виртуальный хостинг — простая и часто встречающаяся услуга. Означает, что несколько сайтов располагаются на жестком диске одного веб-сервера. В зависимости от выбранного тарифного плана вам выделяют некоторое количество гигабайт и некоторое ограничение на использование ресурсов. И если на чужой сектор жесткого диска вы попасть не сможете, также как и соседи на ваш, то вот ресурсы — память, процессор, программное обеспечение — общие на всех.
  • 18. Виртуальный хостинг • IP-адрес на виртуальном хостинге может быть как общим на всех, так и отдельным на каждый веб-сайт, размещенном на веб-сервере. • Плюс виртуального хостинга — дешевизна. Поэтому большинство сайтов выбирают именно этот вид хостинга. • Минус — в возможных сбоях трансляции вашего сайта в сети Интернет. Это может случиться, если у кого-то из соседей по серверу произойдет резкий перерасход ресурсов, а система не сможет быстро отреагировать на пиковую нагрузку. Что-то подобное происходит во время DDos-атаки на сервер.
  • 19. Виртуальный выделенный сервер На ступеньку выше по градации видов хостинга находится виртуальный выделенный сервер — это, когда группа веб-сайтов находится на одном физическом веб-сервере, но для каждого из них создается собственный виртуальный сервер. Со всеми вытекающими — собственный IP-адрес, полный контроль и управление ресурсами машины и ее конфигурацией.
  • 20. Выделенный сервер Выделенный сервер — это такой вид хостинга, при котором на один веб-сайт выделяется один физический сервер. Плюсом такого хостинга становится то, что производительность вашего сервера не зависит от загруженности других веб- ресурсов, вы можете менять конфигурацию сервера на ваше усмотрение, либо и вовсе остановить компьютер на техработы. Минус ВС — соответствующая уровню услуги высокая цена. Но, если вы собираетесь раскрутить видео или игровой портал или другой ресурсоемкий проект — похоже вам не избежать покупки выделенного сервера.
  • 21. Колокация Последний вид хостинга — колокация. Предположим, вы обладатель физического оборудования для создания полноценного веб- сервера, но не имеете доступа к высокоскоростным каналам выхода в Глобальную сеть. Тогда вы договариваетесь с хостинговой компанией и устанавливаете свое оборудование на площадке хостера с условием подключения к сети. Эта услуга и называется колокацией. Другой вариант — вы арендуете у провайдера и оборудование и канал. Вы не платите за отрезок: конечный пользователь — сервер провайдера, так называемая "последняя миля".
  • 22. Как устроен сайт Страница сайта — это текстовый документ с программным кодом, написанным на специальном языке программирования. Этих языков много, они постоянно совершенствуются и изменяются. Браузер получает код страницы в виде HTML— документа, разбирая который он превращает его в тексты, картинки, медиафайлы и выводит все это на экран монитора и звуковые колонки. Таким образом, информация становится доступна для всех пользователей.
  • 23. IP-адрес IP-адрес (от англ. Internet Protocol Address) — уникальный сетевой адрес узла в компьютерной сети, построенной по протоколу IP. В сети Интернет требуется глобальная уникальность адреса; в случае работы в локальной сети требуется уникальность адреса в пределах сети. В версии протокола IPv4 IP-адрес имеет длину 4 байта.
  • 24. • IPv4 В 4-й версии IP-адрес представляет собой 32- битовое число. Удобной формой записи IP-адреса (IPv4) является запись в виде четырёх десятичных чисел значением от 0 до 255, разделённых точками, например, 192.168.0.3. • IPv6 В 6-й версии IP-адрес (IPv6) является 128-битовым. Внутри адреса разделителем является двоеточие (напр. 2001:0db8:85a3:0000:0000:8a2e:0370:7334). Ведущие нули допускается в записи опускать. Нулевые группы, идущие подряд, могут быть опущены, вместо них ставится двойное двоеточие (fe80:0:0:0:0:0:0:1 можно записать как fe80::1). Более одного такого пропуска в адресе не допускается.
  • 25. Web-технологии Web-технологии есть концепция работы с информацией. Она отличается следующими особенностями: – техническая основа Web-технологий – локальные и глобальные сети, часто Интернет; – применение особого типа тонких клиентов: web- браузеров (типы и история, современное состояние браузеров отдаются на самостоятельное изучение); – преимущественно текстовая и статично-графическая подача информации (ослабление этой тенденции связано с развитием технологий связи и ПО, экспансией медиаконтента);
  • 26. Web-технологии – изменения в информационных источниках мгновенно отражаются в публикациях; – число потребителей информации практически не ограничено. публикатор сам может задать особые условия на доступ к публикуемой информации; – в публикациях могут содержаться ссылки на другие публикации без ограничения на местоположение и источники материалов; – активная работа поисковых машин (история, современное состояние и роль поисковых машин отдаются на самостоятельное изучение); – доставка и тиражирование контента практически бесплатны.
  • 27. Привлекательность Web-технологий как средства доставки информации во многом определяет универсальный интерфейс между человеком и компьютером. Каждому человеку понятны надписи, заголовки, ссылки, картинки. Веб-интерфейс как средство доступа к информации интуитивно понятен. Следствием простоты веб-интерфейса является широкая употребимость Интернета как канала коммуникации. Браузер – программа для просмотра веб-страниц и работы с информацией в веб- интерфейсе. Теоретически все браузеры должны отображать все сайты, сделанные по стандартам, одинаково. Практически имеется множество тонкостей и сложностей. Наиболее популярные браузеры: Internet Explorer, Firefox, Opera, Safari, Chrome.
  • 28. JavaScript/Java JavaScript - это язык программирования, используемый в составе страниц HTML для увеличения возможностей. Он был разработан фирмой Netscape на базе языка Sun's Java корпорации Sun. JavaScript является, как бы, надстройкой стандарта HTML и значительно расширяет возможности html-документа, созданного с использованием этой технологии. JavaScript интегрируется в файл HTML в виде нескольких строчек кода (например, это может быть функция, вызываемая на исполнение специальной командой). Встроенный в браузер интерпретатор JavaScript воспринимает и скрипт, и сам HTML-код как единый документ, обрабатывая и те, и другие данные одновременно.
  • 29. CSS Зачастую у web-дизайнера возникает необходимость применить в процессе создания html-документа сложное форматирование - от абзаца к абзацу менять шрифт, расположение текста, его цвет, формировать различные таблицы данных. Для этого надо включить в страницу описание CSS или подключить внешний файл, выполненный с стандарте CSS - Cascading Style Sheets (каскадные таблицы стилей), в котором с помощью специального макроязыка один раз жестко задать форматирование страницы. Другими словами, файл CSS выполняет роль некого шаблона, применяемого для форматирования текста, таблиц и иных элементов в документе HTML. Есть возможность подключать один и тот же физический файл CSS к различным web-страницам сайта.
  • 30. PHP PHP (Personal Home Page tools) - это еще один интерпретируемый язык, напоминающий PERL, предназначенный для придания web-страницам элементов интерактивности. Код, написанный на языке PHP, встраивается в документ HTML подобно подпрограмме: в тот участок документа, где необходимо разместить интерактивный элемент, просто вставляется сценарий PHP. Мнемоника данного языка базируется на синтаксисе PERL, Java и С, благодаря чему не вызывает каких-либо трудностей при изучении. Методики, которые позволяют серверам корректно распознавать файлы, содержащие скрипты PHP, различны и зависят в первую очередь от типа конкретного сервера.
  • 31. Macromedia Flash Стандарт Flash был разработан компанией Macromedia в 1996 году. Основное назначение данной технологии - создание высококачественной интерактивной анимации, которую можно представлять при относительно небольшой размере итогового файла. С помощью Macromedia Flash web-мастер имеет возможность изготавливать красочные анимационные заставки, определенные элементы которых могут "реагировать" на движения мыши, а также в web- страницы мини-игры, озвученные мультипликационные клипы и многое другое. Другими словами, Macromedia Flash способна практически на все, что доступно при применении Java, и даже больше.
  • 32. Что такое CMS? • CMS – это система управления контентом/содержимым сайта. Под контентом и содержимым сайта понимают: текст, картинки, видео – данные и файлы. • CMS – это система, которая позволяет в удобном виде создавать и управлять (редактировать, удалять) текстовыми материалами и мультимедиа документами (содержимое или контент) на сайте. Аббревиатура «CMS» появилась от англ. Фразы Content Management System, что и переводится как система управления контентом.
  • 33. CMS CMS (Cистема управления контентом веб- сайта) позволяет редактировать содержание всех страниц веб-сайта (включая тексты, фотографии, таблицы, флэш-анимацию и т.п.). Кроме того, система позволяет управлять структурой веб- сайта, то есть создавать новые разделы веб-сайта, страницы в неограниченном количестве. Тем самым Вы получаете полный контроль над сайтом. При этом никаких специальных навыков, кроме работы в Интернет, не требуется.
  • 34. Основные функции CMS 1. Разработка контента. CMS осуществляет поддержку совместной работы авторов, редакторов, программистов и менеджеров по обновлению содержимого сайта и предоставлению конечным пользователям своевременной информации. 2. Управление сайтом. На этом уровне происходит разработка самого сайта, предварительный просмотр и публикация подготовленного контента. 3. Обеспечение доступа пользователей к информации, содержащейся в базе данных сайта, через Интернет. Система предоставляет средства для динамического формирования Web-страниц в зависимости от вида конкретных пользователей.
  • 35. Особенности системы CMS 1. Создание и управление структурой и контентом сайта. 2. Иерархическая структура страниц. 3. Генерация страниц на основе шаблонов. 4. Возможность предварительного просмотра результатов внесенных изменений в структуру и содержание страниц незаметно для пользователей сайтов системы. 5. Встроенный визуальный редактор для создания страниц в визуальном режиме с возможностью работы с файлами. Поддерживает работу с таблицами и изображениями.
  • 36. Особенности системы CMS 6. Гибкая поддержка пользователей. 7. Доступ ко всем элементам системы CMS (страницам, модулям, шаблонам и т.д.) основан на делегировании соответствующих прав. Пользователь/группа может наделяться администраторскими правами. 8. Неавторизованный доступ запрещен. 9. Возможность создавать разделы, доступ к которым имеют только зарегистрированные пользователи. 10. Пользователю/группе могут делегироваться права на страницы, независимо от их расположения в иерархии страниц.