Многие современные поисковые системы сочетают в себе оба вышеуказанных метода поиска и позволяют использовать наиболее подходящий. Для многих поисковая система превращается в отправную точку для работы в Интернете, средство, через которое пользователь получает доступ к нужной ему информации. Это привело к появлению web-порталов, специализированных страниц, обеспечивающих удобный интерфейс доступа к поисковым системам, а также к другим web-узлам, представляющим всеобщий интерес. web-портал можно рассматривать как «окно в World Wide Web».

Тематические порталы могут предлагать возможность поиска с классификацией. Они содержат относительно неизменный тематический список web-страниц в виде гиперссылок и учитывают число пользователей, которые воспользовались каждой из ссылок. Это число носит характер рейтинга, позволяющего оценить популярность соответствующей страницы.

Программа Internet Explorer 9.0 имеет специальные средства организации поиска без явного обращения к поисковым системам. Проще всего дать задание на поиск непосредственно с панели Адрес. Для этого надо ввести туда ключевое слово до, find или ключевую фразу или набор ключевых слов. Поиск будет произведен с помощью поисковой системы, заданной по умолчанию. Результаты поиска отображаются в виде списка ссылок.

Другая возможность поиска состоит в обращении к мини-порталу, поддерживаемому компанией Microsoft. Он организует поиск с помощью существующих систем в соответствии с предпочтениями пользователя. Для такого поиска следует открыть в браузере дополнительную панель «Поиск», щелкнув на кнопке «Поиск» на панели инструментов «Обычные кнопки». Содержание панели «Поиск» загружается с Web-узла компании Microsoft. Ключевые слова или ключевая фраза вводятся в текстовое поле на этой панели.

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

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

Выбрать используемый способ поиска можно с помощью кнопки «Настроить» на панели «Поиск». В открывшемся диалоговом окне каждая группа элементов управления соответствует определенному типу поиска и позволяет указать, какие поисковые системы должны использоваться [32].

Соединение сетей обладает громадными возможностями. Интернет предоставляет в распоряжение своих пользователей множество всевозможных ресурсов. Для того чтобы информация передавалась между компьютерами независимо от используемых линий связи, Шипа ЭВМ и программного обеспечения, разработаны специальные протоколы передачи данных. Они работают по принципу разбиения данных на блоки определенного размера (пакеты), которые последовательно отсылаются адресату. В Интернете используются два основных протокола: межсетевой протокол IP разделяет передаваемые на отдельные пакеты и снабжает их заголовками и указанием адреса получателя, а протокол управления передачей TCP отвечает за правильную доставку пакета. Так как эти протоколы взаимосвязаны, обычно говорят о протоколе TCP/IP.

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

Каждый подключенный к сети компьютер имеет свой адрес, по которому его может найти абонент из любой точки света. К адресам станций предъявляются специальные требования. Адрес должен иметь формат, позволяющий вести его обработку автоматически, и должен нести информацию о своем владельце. С этой целью для каждого компьютера устанавливаются два адреса: цифровой IP-адрес и доменный адрес. Первый из них более понятен компьютеру, второй - человеку. Оба эти адреса могут применяться равноправно.

Цифровой адрес имеет длину 32 бита. Он разделяется точками на 4 блока по 8 бит каждый, которые можно записать в виде десятичного числа, не превышающего значение 255. Адрес содержит полную информацию, необходимую для идентификации компьютера. Два блока определяют адрес сети, третий - адрес подсети и четвертый - адрес компьютера внутри заданной сети.

Доменный адрес определяет область, представляющую ряд хост-компьютеров. Этот адрес читается в обратном порядке: вначале указывается имя компьютера, а затем имя сети, в которой он находится. Для упрощения связи абонентов сети все ее адресное пространство разбито на отдельные области - домены. В системе адресов Интернета приняты домены, представленные географическими регионами. Они имеют имя, состоящее из двух букв. Существуют домены, разделенные по тематическим признакам. Такие домены имеют трехбуквенное сокращенное название.

Компьютерное имя включает как минимум два уровня доменов. Уровни отделяются друг от друга точкой. Слева указывается домен верхнего уровня. Все имена, находящиеся слева, - поддомены общего домена. Для адресации отдельных пользователей в сети их регистрационные имена указываются слева от имени компьютера. После имени пользователя ставится знак @. В Интернете могут использоваться не только имена отдельных людей, но и имена групп.

Для обработки пути поиска в доменах имеются специальные серверы имен. Они преобразуют доменное имя в специальный цифровой адрес [33].

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

1.3.2 Язык HTML и средства его формирования

Стандарт языка HTML, как и все остальные стандарты для Web, был разработан под руководством World Wide Web консорциума (W3C). Последние версии этого и других стандартов, а также проекты новых предложений можно найти на сайте консорциума по адресу http://www.3 w.org. Следует заметить, что на практике поддержка различными броузерами официального стандарта языка оставляет желать лучшего. Это выражается с одной стороны в неполной или некорректной поддержке отдельных тегов и во введении своих «фирменных» тегов с другой. Такое нестрогое следование стандарту со стороны производителей браузеров значительно усложняет процесс создания качественных web-страниц. Для создания и редактирования HTML-документов достаточно любого текстового редактора с минимальными возможностями. По мнению сторонников чистоты языка, ручное написание HTML-кода в простом текстовом редакторе является единственно правильным. Однако, в большинстве практических случаев написание исходного кода «вручную» не используется. Это связано с тем, что подобный подход требует от разработчика наличия глубоких знаний языка HTML и практических навыков разработки сайтов. Если говорить о профессиональных web-разработчиках, то они используют редактирование вручную, только в редких и сложных случаях, так как оно приводит к значительному увеличению временных затрат [34].

Большая часть документов в системе World Wide Web хранится в формате HTML. В языке HTML реализован механизм гипертекстовых ссылок, который обеспечивает связь одного документа с другими. Документы могут находиться на том же сервере, что и страница, с которой на них делается ссылка, а могут быть размещены на разных серверах. Создание тестов в такой среде позволяет работать с ними в режиме удалённого доступа.

Hyper Text Markup Language (HTML) - переводится как Язык Разметки Гипертекста. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

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

Команды в тексте HTML-документа называются тегами.

HTML-тег может содержать список атрибутов. Текст тега заключается в угловые скобки (<и >). В простейшем случае тег представляет собой имя, заключённое в угловые скобки, например, <TITLE> или <B>. Для более сложных тегов характерно наличие атрибутов, которые могут иметь конкретные значения, определяющие функции тега.

Большинство элементов языка HTML описывает части содержания документа и помещается между тегами <BODY></BODY>, то есть, внутрь структурного элемента BOBY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и ещё более мелких частей текста.

Все правила вложения элементов языка HTML можно рассматривать исключительно как «пожелания». Средство, используемое для отображения Web-документа, сделает всё возможное, чтобы истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения документа даёт только неукоснительное следование требованиям спецификации языка.

Гипертекстовая ссылка является фрагментом текста документа. Гипертекст как нельзя лучше подходит для включения элементов мультимедиа в традиционные документы. Практически, именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде HTML-страниц, не требуют разработки специальных программных средств, так как все необходимые инструменты для работы с данными (Web-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. При таком подходе от пользователя требуется выполнить только ту работу, которая непосредственно относится к тематике разрабатываемого продукта.

Гипертекст породил много специальных терминов, таких как:

- Элемент (element) - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста - возможность вложения элементов.

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

Атрибут (attribute) - параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений.

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

Фрейм - этот термин имеет два значения. Первое - область документа со своими полосами прокрутки. Второе значение - одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма).

HTML-файл или HTML-страница - документ, созданный в виде гипертекста на основе языка НТМL. Такие файлы имеют, как правило, расширения html или htm. В гипертекстовых редакторах и браузерах эти файлы имеют общее название «документ».

- Программный код или просто код-аналог понятия «текст программы».

Код HTML - гипертекстовый документ в своем первоначальном виде, когда видны все элементы и атрибуты.

Web-страница - документ, подготовленный в формате гипертекста и размещенный в World Wide Web.

- Сайт (site) - набор web-страниц, принадлежащих одному владельцу.

- Браузер (browser) - программа для просмотра web-страниц.

Гипертекст (hypertext) - это особый текст, в котором есть ссылка на другую Web-страницу или документ. В данном случае приставка гипер (hyper) означает более чем или сверх, так как вы видите пред собой нечто большее, чем просто текст. В большинстве броузеров гипертекст (или гиперссылка) обычно подчеркивается и выделяется другим цветом, в отличие от остального текста. Если щелкнуть на гипертекст, то его цвет изменится. Щелчок на гиперссылке приводит к тому, что web-браузер запрашивает документ, на который указывается ссылка, а затем загружает его в окно браузера. Благодаря гипертексту web-страница приобретает свойство интерактивности. Именно гипертекст лежит в основе структуры web [35].

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

HTML является гибридом языка описания структуры документа, который позволяет задать взаимоотношения частей документа между собой и с другими документами. Документ, написанный на HTML, представляет из себя текстовый файл, который можно писать и редактировать при помощи любых текстовых редакторов. Он включает в себя:

собственно текст

специальные последовательности символов

флаги разметки.

Графическая и звуковая информация, включаемая в HTML-документ при помощи специальных команд, хранится в отдельных файлах. Программы просмотра HTML-документов, такие как, например, Netscape Navigator, интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащие HTML-документы, принято расширение.htm (на серверах с операционной системой DOS) или суффикс *.html (на серверах с операционными системами UNIX, Windows 95/NT и др.).

Текст - последовательность символов, она может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр и специальных символов (например, +, #, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл:

< (Less Than)

> (Greater Than)

& (Ampersand)

« (Double Quote)

Символ табуляции, символ возврата каретки и символ перехода на новую строку считаются эквивалентными пробелу, а несколько следующих друг за другом пробелов и / или табуляций и / или символов возврата каретки и / или символов перехода на новую строку эквивалентны ровно одному пробелу, за исключением случая предварительно отформатированного текста [36]

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

Под физическим стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. Например, все, что находится между метками <Т> и <ТТ>, будет написано жирным шрифтом. Текст между метками <I> и </I> будет написан наклонным шрифтом. Несколько особняком стоит пара меток <ТТ> и </ТТ>. Текст, размещенный между этими метками, будет написан шрифтом, имитирующим пишущую машинку.

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

Текст, расположенный между метками <UL> и </UL>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки <LI>.

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

Списки определений: <DL>… </DL>

Список определений несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term определяемый термин) и <DD> (от английского definition - определение определения).

Точно так же, как метки <LI>, метки <DT> и <DD> не имеют парных закрывающих меток.

Если определяемые термины достаточно коротки, можно использовать модификацию открывающую метку <DL COMPACTX

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

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

Форматированный текст: <PRE>… </PRE>

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

В HTML переход от одного фрагмента текста к другому задается с помощью метки вида:

<А HREF= «[адрес перехода]»>

выделенный фрагмент текста </А>

В качестве параметра [адрес перехода] может использоваться несколько типов аргументов. Самое простое - это задать имя другого HTML-документа, к которому нужно перейти.

Если в адресе перехода не указан каталог, переход будет выполнен внутри текущего каталога. Если в адресе перехода не указан сервер, переход будет выполнен на текущем сервере [37].

Из этого следует одно очень важное практическое соображение. Если вы подготовили к публикации некоторую группу HTML-документов, которые ссылаются друг на друга только по имени файла и находятся в одном каталоге на вашем компьютере, вся эта группа документов будет работать точно так же, если ее поместить в любой другой каталог на любом другом компьютере, на локальной сети или в Internet! Таким образом, у вас появляется возможность разрабатывать целые коллекции документов без подключения к Internet, и только после окончательной готовности, подтвержденной испытаниями, помещать коллекции документов в Internet целиком.

Встроить изображение в HTML - документ очень просто. Для этого нужно только иметь изображение в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением*.jpg или *.jpeg) и одну строчку в HTML-тексте.

Выбор различных цветов для оформления web-страницы может значительно улучшить внешний вид и «читабельность» документа.

Основной цветовой набор HTML-документа указывается через опции тага <BODY>. Это следующие опции: BGCOLOR= «цвет», TEXT= «цвет», LINK= «цвет», ALINK= «цвет», VLINK= «цвет». Они обозначают, соответственно, цвет фона документа, цвет текста, цвет непосещенных ссылок, цвет активной (нажатой в данный момент) ссылки, цвет посещенных пользователем ссылок. Цвета можно указывать через их имена, либо через шестнадцатиричные коды. В первом случае имена цветов такие же, как в большинстве языков программирования. Все браузеры поддерживают стандартный цветовой набор Windows.

Цвет кодируется последовательно из трех пар символов. Каждая пара представляет собой шестнадцатеричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF).

Кроме того, метка <BODY> может включать атрибут background = «[имя файла]», который задает изображение, служащее фоном для текста и других изображений. Как любое другое изображение, фон должен быть представлен в формате GIF (файл с расширением *.gif.) или JPEG (файл с расширением *.jpg или *.JPEG). Браузеры заполняют множественными копиями изображения-фона все пространство окна, в котором открыт документ, подобно тому, как при строительстве большие пространства стен покрывают маленькими (и одинаковыми) плитками.

Важно отметить, что цвет фона и изображение-фон никак не отображается на бумаге при выводе HTML-документа на печать. Таблица может помочь расположить текст в несколько колонок.

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

Таблица начинается с метки <TABLE> и заканчивается меткой </TABLE>.Метка <TABLE> может включать несколько атрибутов:

ALIGN - Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: ALING=LEFT (выравнивание влево), ALING=CENTER (выравнивание по центру), ALTNG=RIGHT (выравнивание вправо).

WIDTH - Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах по ширине страницы (например, WIDTH=80%).

BORDER - Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например, BORDER=4). Если атрибут не установлен, таблица показывается без рамки.

CELLSPACING - Устанавливает расстояние между рамками ячеек таблицы в пикселах (например, CELLSPACING =2).

CELLSPACING - Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например, CELLSPACING =10).

Таблица может иметь заголовок (<CAPTION>… </CAPTION>), хотя заголовок не является обязательным. Метка <CAPTION> может включать атрибут ALING. Допустимые значения: <CAPTION ALING=TOP> (заголовок помещается над таблицей) и <CAPTION ALING=BOTTOM> (заголовок помещается под таблицей).

Каждая строка таблицы начинается с метки <TR> и заканчивается меткой </TR> [38].

2. Подбор пакета методик для исследования особенностей социальной перцепции и разработка web-сайта «Особенности сойиальной перцепции у подростков»

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

2.1 Обоснование выбора пакета методик для исследования особенностей социальной перцепции подростков

Для исследования особенностей социальной перцепции подростков современная психодиагностика предлагает ряд методик. Разработанные тесты позволяют качественно исследовать особенности социальной перцепции в подростковом возрасте, в частности они направлены на изучение таких механизмов социальной перцепции как эмпатия, то есть способность проникнуться эмоциональным состоянием другого человека, «социальная рефлексия», то есть познание себя гипотетическими глазами другого, а также, каузальная атрибуция, то есть приписывание причин и мотивов поведения окружающим.

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

Для исследования выше обозначенных механизмов были выбраны следующие психодиагностические методики: Тест «эмпатические способности» В.В. Бойко, «Диагностика уровня развития рефлексивности» А.Е. Карпова, «Методика изучения фрустрационных реакций» С. Розенцвейга.

Также для более целостного понимания феномена социальной перцепции, в частности особенностей подросткового возраста, нами было воспроизведено исследование, проводимое Бодалевым А.А. и описанное им в труде «Восприятие и понимание человека человеком».

Методика заключалась в следующем: испытуемых мы разделили на три группы по 11 человек, перед каждым учащимся стояла задача описать внешне всех остальных одноклассников в своей группе, причем так, чтобы, если понадобится, только по одним «словесным портретам» можно было разыскать тех, кто описывается.

Для выявления особенностей проявления эмпатических способностей у подростков, нами был применен Тест «эмпатические способности» В.В. Бойко, который также позволяет прогнозировать и их возможное развитие. Данный тест состоит из 36 суждений, позволяющих не только диагностировать общий уровень эмпатии, но и развитие различных компонентов данного социально-психологического феномена: рационального, эмоционального, интуитивного каналов; установок, способствующих или препятствующих эмпатии, проникающей способности и идентификации в эмпатии.

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

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

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

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

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

6. Идентификация - важное условие успешной эмпатии. Это умение понять другого на основе сопереживаний, постановки себя на место партнера. В основе идентификации легкость, подвижность и гибкость эмоций, способность к подражанию [6].

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

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

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

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

Шкальные оценки выполняют вспомогательную роль в интерпретации основного показателя - уровня эмпатии. Суммарный показатель может изменяться от 0 до 36. По предварительным данным считают: 30 баллов и выше - очень высокий уровень эмпатии; 29-22 - средний; 21-15 - заниженный; менее 14 баллов - очень низкий.

Для выявления уровня рефлексивности нами была применена методика «Диагностика уровня развития рефлексивности» А.В. Карпова, которая базируется на теоретическом конструкте, конкретизирущем общую трактовку рефлексивности, а также ряд иных существенных особенностей данного свойства. Рефлексия является одним из механизмов социальной перцепции, в частности под рефлексией понимают познание самого себя в процессе общения [8].

В социальной психологии под рефлексией понимается осознание действующим индивидом того, как он воспринимается партнером по общению. Это уже не просто знание или понимание другого, но знание того, как другой понимает меня, своеобразный удвоенный процесс зеркальных отражений друг друга, «глубокое, последовательное взаимоотражение, содержанием которого является воспроизведение внутреннего мира партнера по взаимодействию, причем в этом внутреннем мире в свою очередь отражается внутренний мир первого исследователя» [9].

Представление о другом человеке тесно связано с уровнем собственного самосознания. Связь эта двоякая: с одной стороны, богатство представлений о самом себе определяет и богатство представлений о другом человеке, с другой стороны, чем более полно раскрывается другой человек (в большем количестве и более глубоких характеристик), тем более полным становится и представление о самом себе [10].

В тесте предлагается дать ответы на несколько утверждений опросника. В бланке ответов напротив номера вопроса нужно поставить цифру, соответствующую варианту ответа, где 1 - абсолютно неверно; 2 - неверно; 3 - скорее неверно; 4 - не знаю; 5 - скорее верно; 6 - верно; 7 - совершенно верно.

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

Подсчитываются баллы, переводятся по ключу в стены. При интерпретации результатов целесообразно исходить из дифференциации индивидов на три основные категории. Результаты методики, равные или большие, чем 7 стенов, свидетельствуют о высокоразвитой рефлексивности. Результаты в диапазоне от 4 до 7 стенов - индикаторы среднего уровня рефлексивности. Наконец, показатели, меньшие 4-х стенов, - свидетельство низкого уровня развития рефлексивности.

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

Для выявления типов каузальной атрибуции была выбрана экспериментально-психологическая методика изучения фрустрационных реакций С. Розенцвейга. Под каузальной атрибуцией интерпретацию субъектом своего восприятия причин и мотивов поведения других людей, полученную на основе непосредственного наблюдения, анализа результатов деятельности и прочего путем приписывания личности, группе людей свойств, характеристик, которые не попали в поле восприятия и как бы домысливаются им [11].

«Методика изучения фрустрационных реакций» впервые описана в 1944 году С. Розенцвейгом под названием «Методика рисуночной фрустрации» (Фрустрация (от лат. frustratio - обман, тщетное ожидание) - негативное психическое состояние, обусловленное невозможностью удовлетворения тех или иных потребностей). Стимулирующая ситуация этого метода заключается в схематическом контурном рисунке, на котором изображены два человека или более, занятые еще не законченным разговором. Изображенные персонажи могут различаться по полу, возрасту и прочим характеристикам. Общим же для всех рисунков является нахождение персонажа во фрустрацнонной ситуации.

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

Ситуации, представленные в тексте методики, можно разделить на две основные группы:

1. Ситуации «препятствия». В этих случаях какое-либо препятствие, персонаж или предмет, обескураживает, сбивает с толку словом или еще каким-либо способом. Сюда относятся 16 ситуаций - рисунки номер 1, 3, 4, 6, 8,9,11,12,14,15,18,20,22,23,24.

2. Ситуации «обвинения». Субъект при этом служит объектом обвинения. Их восемь: рисунки номер 2,5,7,10,16,17,19,21.

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

Процедура эксперимента организуется согласно приложенной к набору рисунков инструкции.

Каждый ответ оценивается с точки зрения двух критериев: направления реакции и типа реакции [12].

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

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

З. Импунитивные реакции (фрустрирующая ситуация рассматривается как малозначащая, как отсутствие чьей-либо вины или как нечто такое, что может быть исправлено само собой, стоит только подождать и подумать).

Реакции различаются, также с точки зрения их типов:

1. Тип реакции «с фиксацией на препятствии» (в ответе испытуемого препятствие, вызвавшее фрустрацию, всячески подчеркивается или интерпретируется как своего рода благо, а не препятствие, или описывается как не имеющее серьезного значения).

2. Тип реакции «с фиксацией на самозащите» (главную роль в ответе испытуемого играет защита себя, своего «Я», и субъект или порицает кого-то, или признает свою вину, или же отмечает, что ответственность за фрустрацию никому не может быть приписана).

3. Тип реакции «с фиксацией на удовлетворении потребности» (ответ направлен на разрешение проблемы; реакция принимает форму требования помощи от других лиц для решения ситуации; субъект сам берется за разрешение ситуации или же считает, что время и ход событий приведут к ее исправлению).

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

Для обозначения направления реакции пользуются буквами Е, I, М: Е - экстрапунитивные реакции; I - интропунитивные; М- импунитивные. Типы реакций обозначаются следующими символами: ОD - «с фиксацией на препятствии», ЕD - «с фиксацией на самозащите», NР - «с фиксацией на удовлетворении потребности» [13].

Для указания, что в ответе доминирует идея препятствия, добавляется значок «прим» (Е', I', М'). Тип реакции «с фиксацией на самозащите» обозначается прописными буквами без значка. Тип реакции «с фиксацией на удовлетворении потребности» обозначается строчными буквами е, i, т.

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

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

Второй этап состоит в изучении оценок шести факторов в таблице профилей. Оценки, касающиеся направлений реакций (Е, I, М), имеют значения, вытекающие из теоретических представлений о фрустрации.

В целом, можно добавить, что на основании протокола обследования можно сделать выводы относительно некоторых аспектов адаптации испытуемого к своему окружению. Методика ни в коем случае не дает материала для заключения о структуре личности. Можно лишь с большей долей вероятности прогнозировать эмоциональные реакции испытуемого на различные трудности или помехи, которые встают на пути к удовлетворению потребностей, к достижению целей [15].

2.2 Программные средства для создания web-сайта «Особенности социальной перцепции у подростков»

2.2.1 Профессиональный редактор Adobe Dreamweaver CS3

Adobe Dreamweaver CS3 (правопреемник Macromedia Dreamweaver) - html редактор, занимающий лидирующие позиции в своей нише. Огромный выбор всевозможных инструментов, удобный интерфейс, тонкие настройки, позволяющие подогнать программу под нужды веб мастера - результат многолетней работы программистов компании Macromedia, а в наши дни - Adobe. [39]

Dreamweaver является удобным и простым в использовании инструментом, облегчающим процесс создания HTML-страниц, их редактирования и управления большим количеством связанных друг с другом документов. В данном учебном пособии рассматриваются основы работы с пакетом Adobe Dreamweaver CS3. К сожалению, ввиду ограниченности своего объема, пособие не охватывает всех возможностей и настроек программы. Основное внимание уделяется инструментам и приемам работы, позволяющим создавать качественные образовательные ресурсы. Вы научитесь создавать и форматировать web-страницы, использовать интерактивные элементы, познакомитесь со средствами автоматизации разработки и управления файлами сайта.

Dreamweaver относится к так называемым «визуальным» редакторам, т.е. сразу можно увидеть на экране (хотя бы приблизительно) результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник.

Редактор подходит как профессионалам в сфере верстки и разработки сайтов, так и новичкам, во многом благодаря возможностям визуального редактора (WYSIWYG). Начинающий пользователь может создавать страницы практически без знания html - добавляя элементы страницы и указывая их параметры с помощью встроенного мастера. На примере создания таблицы с помощью мастера видно, что работать с редактором просто даже новичку.

Adobe Dreamweaver включает самые прогрессивные возможности и технологии, с помощью которых можно создавать динамичные и современные веб-сайты, соответствующие сегодняшним стандартам. Данное приложение позволяет не только с легкостью проектировать дизайн сайта, используя визуальные методы, но и предоставляет необходимые средства для продуктивной разработки веб-приложений [40.

Тут присутствует полная поддержка формата CSS, с функцией проверки его совместимости с различными браузерами, функциональный редактор кода веб-страниц и возможность работать с такими технологиями, как: XML, JavaScript, PHP, Adobe ColdFusion, ASP и ASP.NET. В новой версии появилась среда для разработки Ajax-приложений, которые могут выполнять самые разные функции (получение информации из RSS каналов и баз данных, создание визуальных эффектов и многое другое), добавлена возможность создания сайтов на основе тегов DIV, реализована тесная интеграция с другими программами Adobe, например, с программой Adobe Device Central CS3, которая поможет создать и протестировать работу веб-сайта для мобильных устройств, а также внесены многие другие нововведения и улучшения.

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

Работа в Adobe Dreamweaver CS3 тесно интегрирована с такими приложениями, как Adobe Flash CS3 Professional, Adobe Fireworks CS3, Adobe Photoshop CS3, Adobe Contribute CS3 и Adobe Device Central CS3 (управление мобильным содержанием).

Широкий набор рабочих инструментов, охватывающих все возможности каскадных таблиц стилей CSS.

Разнообразные опции оптимизации работы с программным кодом: нумерация строк, подсветка синтаксиса, комментарии и пр.
Поддержка всех современных языков программирования и технологий: HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP, Adobe ColdFusion®, ASP, ASP.NET и JSP.

К ключевым возможностям Dreamweaver относят: генерацию валидного html кода, работу в нескольких режимах - визуальном, текстовом и совмещенном, проверку (валидацию) на соответствие спецификации html, подсветку ошибок, использование регулярных выражений, Ftp менеджер - загрузку и редактирование страниц на сервере, быстрые вставки html тегов и их атрибутов, настраиваемую подсветку тегов и сворачивание кода в блоки.

С помощью Dreamweaver очень просто разрабатывать каскадные таблицы стилей (CSS). Мастер сам предложит возможные варианты, остается только выбрать необходимый [41].

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

По использованию редактора Dreamweaver написаны целые книги и самоучители, настолько широк спектр всех его возможностей. Немудрено, что один из лидеров на рынке программного обеспечения как Adobe, выкупила редактор и выпустила уже обновленную версию с новым названием Dreamweaver CS3. На сегодняшний день популярными остаются три версии: dreamweaver cs, dreamweaver, dreamweaver mx.

Внешний вид программы является стандартным для операционной системы Windows. После запуска Dreamweaver открывается окно с возможностью выбора дальнейших действий пользователя.

2.2.2 Многофункциональный графический редактор Adobe Photoshop CS3

Adobe Photoshop - многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном, работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. В настоящее время Photoshop доступен на платформах Mac OS X/Mac OS и Microsoft Windows. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версии CS 2 возможен запуск под Linux с помощью альтернативы Windows API - Wine 0.9.54 и выше.

Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe ImageReady (программа упразднена в версии CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т.д. для телевидения, кинематографа и всемирной паутины. Основной формат Photoshop, PSD, может быть экспортирован и импортирован во весь ряд этих программных продуктов. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями [42].

Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. В более ранней версии была включена специальная программа для этих целей - Adobe ImageReady, которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в нотации самой программы - режим изображения): RGB, LAB, CMYK, Grayscale, Bitmap, Duotone, Indexed, Multichannel.

Поддерживается обработка изображений, как с традиционной глубиной цвета 8 бит, так и с повышенной 16 и 32 бит. Возможно сохранение в файле дополнительных элементов, как то: направляющих (Guide), каналов (например, канала прозрачности - Alpha channel), путей обтравки (Clipping path), слоёв, содержащих векторные и текстовые объекты. Файл может включать цветовые профили (ICC), функции преобразования цвета (transfer functions), пропорции пиксела (Pixel Aspect Ratio).

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

Photoshop v. 10.0, датируемый апрелем 2007, имеет название «Photoshop CS3». Аббревиатура «CS3» означает, что продукт интегрирован в третью версию пакета программ «Adobe Creative Suite». В предыдущих продуктах - Photoshop CS и CS 2 c целью отличия от прежних версий и укрепления принадлежности к новой линейке продуктов, был изменён символ программы: вместо изображения глаза, которое присутствовало в версиях с 3-й по 7-ю, в стилевом решении использовалось изображение перьев. В Photoshop CS3 в иконке приложения и экране-заставке используются буквы из названия продукта «Ps» на синем градиентном фоне. Список нововведений включает в себя новый интерфейс, увеличенную скорость работы, новый Adobe Bridge, новые фильтры и инструменты, а также приложение Device Central, позволяющее осуществлять предварительный просмотр работы в шаблонах популярных устройств, например мобильных телефонов [43].

Последние версии включают в себя Adobe Camera RAW - плагин, разработанный Томасом Кноллом, который позволяет читать ряд RAW-форматов различных цифровых камер и импортировать их напрямую в Photoshop. Предварительная версия плагина была также доступна для Photoshop 7.0.1 по цене 99 долларов США [42].

Хотя Photoshop практически монополизирует профессиональный рынок, его цена привела к появлению конкурирующих программных продуктов, занимающих среднюю и низшую ценовую нишу рынка, некоторые из которых, к примеру, GIMP, совершенно бесплатны. Для завоевания этой части рынка и для противостояния необычайно высоким показателям нелегального использования своих профессиональных продуктов без лицензии, Adobe представил программы среднего и низшего класса Photoshop Elements и Photoshop Album, первая из которых является урезанной версией Photoshop стоимостью менее 100 $, а вторая распространяется бесплатно и служит для организации и элементарной обработки фотографий. Продукт нацелен на любительский рынок, так как ограниченная функциональность делает Photoshop Elements неподходящим для подготовки изображений к печати. Программа Adobe Photoshop Lightroom (стоимостью около 300 $) служит исключительно для «проявки» цифровых негативов, простой ретуши фотоснимков и организации их каталога [43].

3. Описание структуры web-сайта «Особенности социальной перцепции у подростков» и результаты исследования

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

При прохождении преддипломной практики в МОУ СОШ №12 города Красноярска нами был подобран пакет методик для исследования особенностей социальной перцепции подростков.

В исследовании были использованы следующие методики:

1 Тест «эмпатические способности» В.В. Бойко.

2 «Диагностика уровня развития рефлексивности» А.В. Карпова.

3 «Методика изучения фрустрационных реакций» С. Розенцвейга.

Также для более целостного понимания феномена социальной перцепции, в частности особенностей подросткового возраста, нами было воспроизведено исследование, проводимое Бодалевым А.А. и описанное им в труде «Восприятие и понимание человека человеком». Методика заключалась в следующем: испытуемых разделили на три группы по 11 человек, перед каждым учащимся стояла задача описать внешне всех остальных одноклассников в своей группе, причем так, чтобы, если понадобится, только по одним «словесным портретам» можно было разыскать тех, кто описывается.

В исследовании приняли участие 33 человека, учащиеся девятых классов.

Тест «Эмпатические способности» В.В. Бойко диагностирует как общий уровень эмпатии, так и развитие различных компонентов данного феномена.

Исследование общего уровня эмпатии по методике «Эмпатические способности» Бойко В.В. привело к следующим результатам: средний уровень эмпатии выявлен у 20 девятиклассников (61%), что говорит об их стремлении эмоционально откликнуться на проблемы окружающих людей. Их можно охарактеризовать как людей не только стремящихся к пониманию окружающих, но также и имеющих определенный опыт в общении.

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

Очень высокий уровень эмпатии выявлен у одного испытуемого из тридцати трёх (3%), что говорит о высокой степени познания и понимания подростком окружающих людей, их эмоционального состояния посредством сопереживания, вчувствования, проникновения в субъективный мир других людей. Он более внимательно относится к эмоциональному состоянию окружающих, всегда старается помочь, разделяет с ними их радость, также старается утешить близких людей, тонко чувствует их психоэмоциональное состояние (рисунок 1).

Рисунок 1 - Уровень эмпатии

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

При более детальном изучении компонентов эмпатии, нами были получены следующие результаты: у 19 человек (58%) наиболее выраженным компонентом эмпатии является «интуитивный канал», который позволяет им предвидеть поведение партнеров по общению, действовать в условиях дефицита исходной информации о них, опираясь на опыт, хранящийся в подсознании. На уровне интуиции замыкаются и обобщаются различные сведения о партнерах.

У 5 подростков (15%) доминирующим компонентом эмпатии является «идентификация», это означает, что они обладают умением понять другого на основе сопереживаний, постановки себя на место своего партнера. Для них характерна легкость, подвижность и гибкость эмоций, способность к подражанию.