Урок 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 ScienceFoundation 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 StyleSheets (каскадные таблицы стилей), в котором с помощью специального макроязыка один раз жестко задать форматирование страницы. Другими словами, файл 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-страницы мини-игры, озвученные мультипликационные клипы и многое другое. Другими словами, MacromediaFlash способна практически на все, что доступно при применении 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. Пользователю/группе могут делегироваться права на страницы, независимо от их расположения в иерархии страниц.

Спасибо за внимание!