Компьютерные сети. Назначение. Аппаратное и программное обеспечение.

Стр 1 из 5Следующая ⇒

Компьютерные сети. Назначение. Аппаратное и программное обеспечение.

Под компьютерной сетью понимают любое множество компьютеров, связанных между собой каналами связи для передачи данных.

НАЗНАЧЕНИЕ

n Обмен документами;

n Обмен сообщениями(речь, видео) в режиме эл. почты и/или реального времени.

n Разделение ресурсов

q единых выход в Интернет

q сетевой принтер

q общий сетевой диск для хранения документов

q единая система управления компьютерной системой

q …

n Совместная работа над приложениями;

n Работа с распределенными базами данных;

ТИПЫ

n Локальная (LAN - Local Area Networks)

n Городская (MAN - Metropolitan Area Network)

n Региональная (WAN - Wide Area Network)

n Глобальная

n Объединение сетей (Internet)

2.Сеть Интернет (история создания, структура, принцип работы, адресация ресурсов).

l Коммутация пакетов.

• Необходимые для передачи данные разбиваются на части. К каждой части присоединяется заголовок, содержащий полную информацию о доставке пакета по назначению.

l Коммутация каналов.

• На время передачи информации пара компьютеров соединяются " один-с-одним". В период соединения происходит передача всего объема информации.

1968. Проект ARPANET. Цели проекта:

• Объединение исследовательских учреждений.

• Проведение экспериментов в области компьютерных коммуникаций.

• Изучение способов поддержания связи в условиях ядерного нападения.

Разработка концепции децентрализованного (распределенного) управления военными и гражданскими объектами в период ведения войн.

В ARPANET сеть использовалась главным образом для передачи файлов и электронных сообщений.

l 1969 – разработка иерархии протоколов и их взаимодействия.

l Конец 1969 года – сеть из 4х узлов

l 1971 год – 15 узлов.

Разработка TCP/IP

l Протокол - набор правил, определяющий принципы обмена данными между различными компьютерными программами.

l В 1974 году Internet Network Working Group (INWG), созданная DARPA и (Vinton Cerf, SRI) разработала универсальный протокол передачи данных и объединения сетей Transmission Control Protocol/Internet Protocol (TCP/IP) - основа Internet.

Начало 80-х: стали бурно развиваться альтернативные сети:

l BitNet(дословная расшифровка аббревиатуры " потому что это временная сеть" )

l CSNet (компьютерная научно-исследовательская сеть)

l CDNET (канадская сеть)

l Позже к ним прибавились и другие (FidoNet etc).

l Выделение из ARPANET сети MILNET (сеть МО США)

l NSFNET (национальная научная сеть)

l 1 января 1983 – TCP/IP – основной протокол сети Интернент (считается рождением Интернета)

В 1977 году ARPANET состояла из 111 хост-компьютеров,

l 1983 году — из 4000, которые располагались по всем США, была налажена спутниковая связь с Гавайями и Европой

Глобальные вычислительные сети (структура, принцип обмена информацией, протоколы передачи данных).

Глобальная вычислительная сеть, ГВС — компьютерная сеть, охватывающая большие территории и включающая в себя большое число компьютеров.

ГВС служат для объединения разрозненных сетей так, чтобы пользователи и компьютеры, где бы они ни находились, могли взаимодействовать со всеми остальными участниками глобальной сети.

Некоторые ГКС построены исключительно для частных организаций, другие являются средством коммуникации корпоративных ЛВС с сетью Интернет или посредством Интернет с удалёнными сетями, входящими в состав корпоративных. Чаще всего ГКС опирается на выделенные линии, на одном конце которых маршрутизатор подключается к ЛВС, а на другом концентратор связывается с остальными частями ГКС. Основными используемыми протоколами являются TCP/IP, SONET/SDH, MPLS, ATM и Frame relay.

Совмещают компьютеры, рассредоточенные на расстоянии сотен и тысяч километров. Часто используются уже существующие не очень качественные линии связи. Более низкие, чем в локальных сетях, скорости передачи данных (десятки килобит в секунду) ограничивают набор услуг передачей файлов, преимущественно не в оперативном, а в фоновом режиме, с использованием электронной почты. Для стойкой передачи дискретных данных применяются более сложные методы и оборудование, чем в локальных сетях.

ОТЛИЧИЕ ОТ ЛОК. СЕТЕЙ

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

В глобальных сетях намного более важно не качество связи, а сам факт ее существования. Правда, в настоящий момент уже нельзя провести четкий и однозначный предел между локальными и глобальными сетями. Большинство локальных сетей имеют выход в глобальную сеть, но характер переданной информации, принципы организации обмена, режимы доступа к ресурсам внутри локальной сети, как правило, сильно отличаются от тех, что приняты в глобальной сети. И хотя все компьютеры локальной сети в данном случае включены также и в глобальную сеть, специфику локальной сети это не отменяет. Возможность выхода в глобальную сеть остается всего лишь одним из ресурсов, поделенным пользователями локальной сети.

КРУПНЕЙШИЕ ГВС

§ Internet

Интерне́ т — всемирная система объединённых компьютерных сетей, построенная на использовании протокола IP и маршрутизации пакетов данных. Интернет образует глобальное информационное пространство, служит физической основой для Всемирной паутины (World Wide Web (WWW) и множества других систем (протоколов) передачи данных.

§ FidoNet

FidoNet — международная любительская компьютерная сеть, построенная по технологии «из точки в точку». Изначально программное обеспечение FidoNet разрабатывалось под MS-DOS, однако в скором времени было портировано под все распространённые операционные системы.

6.Службы сети Интернет (электронная почта).

Электронная почта - это служба пересылки сообщений между зарегистрированными адресами.

MIME (Многоцелевые расширения почты Интернета.)

l Первоначально эл. Почта только для текста.

l Правила пересылки других форматов – MIME. (двоичные данные записываются в виде текстовых Base64).

l Исп. Не только в почте но и в WWW для определения типа данных.

l Вложения (attachment) или размещение объектов в теле письма.

Общепринятым в мире протоколом обмена электронной почтой является SMTP (англ Simple mail transfer protocol — простой протокол передачи почты). В общепринятой реализации он использует DNS для определения правил пересылки почты (хотя в частных системах, вроде Microsoft Exchange, SMTP может действовать исходя из информации из других источников).

Протоколы получения почты

После попадания почты на конечный сервер, он осуществляет временное или постоянное хранение принятой почты. Существует две различные модели работы с почтой: концепция почтового хранилища (ящика) и почтового терминала.

РОР3

В концепции почтового хранилища почта на сервере хранится временно, в ограниченном объёме (аналогично почтовому ящику для бумажной почты), а пользователь периодически обращается к ящику и «забирает» письма (то есть почтовый клиент скачивает копию письма к себе и удаляет оригинал из почтового ящика). На основании этой концепции действует протокол POP3.

IMAP

Концепция почтового терминала подразумевает, что вся корреспонденция, связанная с почтовым ящиком (включая копии отправленных писем), хранится на сервере, а пользователь обращается к хранилищу (иногда его по традиции также называют «почтовым ящиком») для просмотра корреспонденции (как новой, так и архива) и написания новых писем (включая ответы на другие письма). На этом принципе действует протокол IMAP и большинство веб-интерфейсов бесплатных почтовых служб. Подобное хранение почтовой переписки требует значительно бо́ льших мощностей от почтовых серверов, в результате, во многих случаях происходит разделение между почтовыми серверами, пересылающими почту, и серверами хранения писем.

Язык HTML. История развития. Структура. Синтаксис. Примеры.

HTML (HyperText Markup Language) - язык гипертекстовой разметки документов

Состояние на сейчас

n HTML+CSS (HTML 4.01, CSS 2.0 (3.0))

q CSS – ( C ascading S tyle S heets — каскадные таблицы стилей )

n XHTML (E x tensible H yper t ext M arkup L anguage — Расширяемый язык разметки гипертекста) – отвечает стандартам XML

n XML+XSL

q XML – (eXtensible Markup Language — расширяемый язык разметки)

q XSL - (Extensible Stylesheet Language) — расширяемый язык таблиц стилей

СТРУКТУРА

Любой HTML документ должен содержать следующие теги < html> < /html>, < head> < /head>, < body> < /body>, < title> < /title> . Порядок расположения тегов в HTML документе представлен ниже

< html>

< head>

< title> Название вашей страницы< /title>

< /head>

< body>

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

< /body>

< /html>

Внутри тега < head> < /head> располагается название вашего HTML документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска поисковыми машинами), помимо этого тега внутри конструкции < head> < /head> могут располагаться так называемые Мета Теги. Их назначение и описание смотри в справочнике по Мета Тегам.

ТЕГИ

n Заголовки
< H1> … < /H1>
< H2> … < /H2>
…..
< H6> … < /H6>
< H1 ALIGN=CENTER> … < /H1>

n Абзацы
< P> … < /P>
< P ALIGN=justify | right | left | center> … < /P>

* - закрывающий необязателен

n Разрыв строки
< BR>
< BR clear=right | left | all>

* - < NOBR> … < /NOBR> не переводить строку

< HR>

< HR align=… size=… color=… width=… noshade>

СПИСКИ

n < OL> … < /OL> order list (упорядоченный список) *нумерованный*

n < LI> - list item – элемент списка

< OL>

< LI> Пункт первый

< LI> Пункт второй

< /OL>

n Параметры (TYPE и START)

n TYPE 1 A a I i (по умолчанию 1)

n START (по умолчанию 1)

< OL TYPE=I START=1703>

< LI> В этом году ….

< LI VALUE=2004> В этом году ….

< /OL>

*< UL> используется для маркированного списка*

Еще DL и DT (для обозначения термина и его определения) DT в данном случае термин.

ТИПЫ ТЕГОВ (СИНТАКСИС)

n Типы тегов

q Контейнеры
открывающий тег, содержимое, закрывающий тег

< ИМЯ-тега параметр1=значение параметр2 …> содержимое < /ИМЯ тега>

Если значение параметра содержит пробел - необходимо заключать в кавычки

q Автономные элементы – (без содержимого и закрывающего тега) – обычно вставка объектов.

Форматирование абзацев.

Берем теги < p> и закрывающий < /p>. Между ними пишем текст и форматируем его внутри этого тега. Выравниванием (align), цветом. Разрывом строки < BR> .

Теги заголовка: < H1> …< /H1>, < H2> …< /H2> : < H6> …< /H6>

< h1> - самый большой, < h6> - самый маленький.

align – параметр выравнивания. align= «center»/ «right»/ «left»

Пример: < H1 ALIGN= «CENTER»> … < /H1>

Теги абзаца: < P> …< /P> , добавляет пустой отступ перед строкой.

Выравнивание абзаца: align= «justify»/ «right»/ «left»/ «center»

justify= выравнивание по ширине

right= по правому краю

left= по левому краю

center= по центру

Пример: < P ALIGN= «justify»> … < /P>

По умолчанию стоит параметр align= «left», поэтому его можно не писать.

Тег разрыва строки: < BR>

Он устанавливает перевод строки в том месте, где этот тег находится. Не добавляет пустой отступ перед строкой.

Пример: Идет бычок, качается, < br> Вздыхает на ходу

Результат: Идет бычок, качается,

Вздыхает на ходу

Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега < br> можно сделать так, чтобы следующая строка начиналась ниже элемента.

clear= «all»/ «left»/ «right»/ « none »

all= Отменяет обтекание элемента одновременно с правого и левого края.

left= Отменяет обтекание с левой стороны элемента, расположенного после тега < br>

right= Отменяет обтекание с правой стороны элемента.

none = Отменяет действие атрибута.

Пример: < br clear=" all" >

Тег отображения предварительно отформатированного текста: < pre> …< /pre>

Используется, если необходимо поставить несколько пробелов и переносов строк.

Например, необходимо отобразить: Здравствуй, дорогой друг!

Без тега: Здравствуй, дорогой друг!

Использование тега: < pre> Здравствуй, дорогой друг! < /pre>

Отображение: Здравствуй, дорогой друг!

Внутри < pre> …< /pre> игнорируются теги абзацев и заголовков.

Тег < hr>: рисует горизонтальную линию, которая по своему виду зависит от используемых параметров.

Тег < hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

align - определяет выравнивание линии.

color- цвет линии.

noshade- рисует линию без трехмерных эффектов.

size- толщина линии.

width- ширина линии.

Пример: < hr align= color= size= width= noshade>

Ссылки в HTML документах.

Ссылка

q < A HREF=“URL”> ...обычно текст ссылки синий и подчеркнутый< /A>

q < A HREF=“URL” TARGET=“цель”> ... < /A> *

q Пример:

n < A HREF=“http: //www.fitim.ru”> ФИТИМ < /A>

ФИТИМ

n * В адресе могут указываться и доп. Параметры:

q < A HREF=http: //www.fitim.ru/student/index.html? lang=ru> ... < /A>

Примеры

n color: red; text-align: center;

n border: solid 0.2cm blue;

СВОЙСТВА CSS

n Шрифт (цвет, размер, тип, …)

n Текст (выравнивание, …)

n Фон (цвет, положение, рисунок, …)

n Блоки (тип, поля, …)

n Рамки (тип, толщина, цвет, …)

n Списки (тип, рисунок, …)

n Позиционирование

n Дополнительные (вид курсора, фильтры …)

Font-style

n normal

n italic

n oblique (наклонный)

(Пример) p {font-style: italic; }

f ont-variant

n normal

n small-caps
(капители, т.е. прописными буквами пишут и маленькие и большие)

Font-weight

n 100, …, 900

n lighter(100), normal (400), bold (700), bolder (900)

ПРИМЕР p {font-variant: small-caps; font-weight: bold}

Сокращенная запись

q p {font: oblique 12pt " Helvetica Nue", serif; }
*** если в краткой записи задается шрифт, то обязательно должен быть задан и размер шрифта.

23.Cпособы задания цвета на основе CSS.

Задание цвета

q названием (red, green …)

q номером (#FA56AC, …)

q сокращенный номер (#F0F, …) аналог #FF00FF
(т.е. для безопасной палитры цветов)

q RGB-номером rgb(255, 0, 255)

q RGB-в процентах rgb(100%, 0, 100%)

q Пример

color: rgb(50%, 0, 100%)

24.Селекторы CSS.

Селекторы

Тег, к которому относятся свойства
P {color: red}
H1, H2, H3 {align: center}

Контекстные селекторы

n UL LI {color: blue}
свойство применяется к LI, если LI вложен в тег UL

q UL LI {color: red}

q OL LI {color: green}

n OL > LI {color: blue} дочерние
свойство применяется к LI, если LI непосредственно вложено в тег OL

Блоковая модель в CSS.

Знание блоковой модели CSS позволяет нам верстать сайты без использования HTML-таблиц. В языке HTML можно создавать различные блоки: заголовки, абзацы, таблицы и пр. Мы уже знаем, что каждый элемент HTML отображается в виде структурного или строчного блока. Однако в HTML нет возможности позиционировать ( точно размещать ) созданные блоки на странице. Все они располагаются друг за другом в той последовательности, в которой указаны в коде страницы. Пожалуй, единственным исключением являются рисунки, для которых в элементе IMG можно указать выравнивание по правому или левому краю, например: < IMG src=" picture.gif" align=" right" <

В этом случае изображение как бы " вырывается" из обычного потока элементов и выравнивается по правому краю страницы, а текст и другие элементы обтекают его слева.

В CSS имеется обширный инструментарий, позволяющий не только создавать блоки на основе любых элементов HTML, но и точно позиционировать их на экране. При этом таблицами пользоваться не нужно, код страницы становится более логичным, понятным и легко читаемым. Естественно, что и размер кода при использовании CSS в большинстве случаев становится меньше.

Таким образом, формирование страницы при помощи средств CSS сводится к следующему:

создается блок и задаются его параметры;
вновь созданный блок размещается (позиционируется) на странице.

каждый блок имеет контентную часть, в которой располагается содержимое блока: текст, рисунки, таблицы, т.е. любые требуемые элементы. Естественно, внутри блока могут располагаться и другие блоки, тогда они называются вложенными в первый, а сам этот первый блок будет являться контейнером для вложенных в него блоков.

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

Контентная часть блока может быть окружена отступами, рамками и полями. Для них могут быть установлены некоторые значения или они могут быть нулевыми. Блок имеет некоторую фиксированную ширину ( width ) и высоту ( height ). Общая ширина контейнера блока складывается из собственно ширины блока, ширины левых и правых полей, толщины левой и правой границ, а также левого и правого отступов.

Все параметры полей, границ и отступов можно задать при помощи соответствующих свойств. Подробно мы их уже рассматривали ранее. Ширина контентной части блока задается при помощи свойства width, высота - при помощи свойства height. Как вы помните, поля, границы и отступы по умолчанию имеют нулевое значение, поэтому изначально ширина блока совпадает с шириной контейнера.

Если для некоторого блока не заданы явным образом ширина и высота, то они будут равны ширине контейнера этого блока. Так, если внутрь элемента BODY поместить любые другие элементы, например абзац, то ширина этого блока будет равна ширине контейнера BODY, т.е. ширине самого окна браузера.

DW. Работа с AP элементами.

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

В Dreamweaver можно использовать элементы AP при создании макета страницы. Можно размещать элементы AP впереди или позади друг друга, скрывать некоторые элементы AP, в тоже время отображая другие элементы, а также перемещать элементы AP по экрану. Можно разместить фоновое изображения в одном элементе AP, а потом поместить впереди его другой элемент AP, содержащий текст с прозрачным фоном.

Элементами AP обычно являются теги Div с абсолютным позиционированием. (Это виды элементов AP, которые Dreamweaver добавляет по умолчанию). Важно помнить, что любой элемент HTML (например, изображение) можно сделать элементом AP, назначив ему абсолютное позиционирование. Все элементы AP (а не только теги Div с абсолютным позиционированием) появляются на панели элементов AP.

Dreamweaver создает элементы AP с помощью тега Div. При рисовании элементов AP с помощью инструмента «Рисовать слой AP», Dreamweaver добавляет в документ тег Div и назначает значения Div и id. Позже можно переименовать элемент AP Div с помощью панели элементов AP или инспектора свойств. Dreamweaver также использует встроенный CSS в заголовке документа, чтобы позиционировать элементы AP Div и назначать им точные измерения.

Можно изменять свойства элементов Div AP (или любого элемента AP) на странице, в т.ч. числе координаты x, y, z-index (называемым также порядком наложения) и видимость.

Позиционирование в CSS.

Свойства позиционирования CSS позволяют позиционировать элемент. Они также могут разместить элемент за другим, и указать, что должно произойти, когда содержание элемента является слишком большим.

Элементы могут быть расположены с использованием свойств top, bottom, left, и right. Однако, эти свойства не будут работать, до тех пор пока свойство position не указано в первую очередь.

Существуют пять различных метода позиционирования:

1) Статическое позиционирование

HTML-элементы располагаются статически по умолчанию. Статически расположенные элементы всегда располагаются в соответствии с нормальным потоком на странице.

Статически расположенные элементы не зависят от свойств top, bottom, left, и right.

2)Фиксированное позиционирование

Элемент с фиксированной позицией позиционируется относительно окна браузера.

Он не будет двигаться, даже если окно прокручивается. Фиксированно расположенные элементы могут перекрываться другими элементами.

3) Относительное позиционирование

Относительно расположенный элемент распологается относительно его нормального положения.

Относительно позиционированные элементы, размещаются на основе своей же позиции, обычный сдвиг относительно своего нормального расположения. Это похоже на то, как если бы вы добавили элементу внешние отступы с помощью свойства margin.

4) Абсолютное позиционирование

Абсолютно-расположенный элемент расположен относительно к первому элементу родителя, который имеет положение, отличное от статического. Если такой элемент не найден, содержащим блоком будет < html>

Абсолютное позиционирование удаляет элемент из общего потока документа. Что касается элементов вокруг, то в этом случае они просто игнорируют искомый.

5) Z-index:

Страница сайта двумерна. У неё есть ширина и высота. Z-index добавляет третье измерение, глубину.Чем выше этот индекс тем выше на странице расположен элемент. С помощью него мы можем добиться чтобы один элемент располагался поверх другого. По умолчанию, его значение - ноль. Отрицательные значения также допустимы.

Автоматические фрагменты

Вы определили фрагмент, который хотели бы иметь в виде отдельного изображения (и файла). Поскольку фрагменты могут быть только прямоугольной формы, программа автоматически создала еще два фрагмента.
Пользовательские (созданные пользователем) и автоматические фрагменты имеют для Photoshop разные свойства.
Для первых программа не может изменить расположение и размер, а за размером и размещением автоматических фрагментов она следит сама. Если вы поменяете размер пользовательского фрагмента, то все соседние автоматические фрагменты сами изменятся таким образом, чтобы не возникало " дырок" и перекрываний.
Автоматические фрагменты имеют в левом верхнем углу пиктограммы серого цвета, а пользовательские - других цветов. Отображаются автоматические фрагменты более приглушенными цветами, чем пользовательские.

Выберите на палитре инструментов инструмент Slice Select (Выделение фрагмента). Он применяется для уточнения размеров и положения фрагментов.
Щелкните курсором мыши в пределах созданного вами фрагмента, чтобы выделить его. Изображение внутри выделенного фрагмента, будь он автоматическим или пользовательским, всегда показывается в оригинальной цветовой гамме. Его рамка приобрела восемь манипуляторов, которые служат для масштабирования.
Перетащите правый боковой манипулятор рамки немного вправо. Фрагмент увеличился по горизонтали. Автоматический фрагмент справа стал более узким, а фрагмент снизу - шире. Photoshop самостоятельно изменил их размеры так, чтобы количество фрагментов оставалось прежним. Верните пользовательскому фрагменту исходный размер. Программа снова скорректирует автоматические фрагменты.
Щелкните курсором мыши в пределах правого автоматического фрагмента. Изображение внутри фрагмента стало ярким, фрагмент выделен. Обратите внимание, что рамка автоматического фрагмента не имеет манипуляторов, поскольку его размер устанавливается программой.
В Photoshop автоматический фрагмент можно легко преобразовать в пользовательский. Выберите команду Promote to User-slice (Преобразовать фрагмент в пользовательский) из меню Slices (Фрагменты) или контекстного меню, открывающегося щелчком правой кнопки мыши в пределах автоматического фрагмента.
Фрагмент приобрел манипуляторы масштабирования, и пиктограммы в его левом верхнем углу перекрасились в синий цвет.