Июнь 2010

Самоучитель по креативному веб-дизайну. Книга 4, стр.111

Таблица 12.3. Скорости передачи данных по соединениям основных типов







ПРАКТИКУМ

В зависимости от типа соединения в сети Web можно найти различные сайты,

которые позволяют проверить действительную скорость передачи данных. На — пример, если Web-сайт подключается в сеть с помощью модемного соединения,

посетите сайт http://www. bandwidthplace. com/speedtest И запустите Програм —

му проверки скорости передачи данных, интерфейс которой показан на рис.

12.29. Аналогично, если вы пользуетесь соединением DSL, для измерения скоро —

сти передачи данных посетите сайт http://www. dslreports. com/stets.

Глава 12. Безопасность и производительность 651







Скорость работы процессора

В компьютере процессор является той «рабочей лошадкой», которая выполня-

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

500 МГц часы выдают импульсы 500 миллионов раз в секунду. Аналогично, часы процессора с частотой 2 ГГц выдают 2 миллиарда импульсов в секунду. Как пра — вило, большинство пользователей считает, что процессор с тактовой частотой 2

ГГц в четыре раза быстрее процессора с частотой 500 МГц. К сожалению, это не так. Пусть, например, нормальная загрузка процессора составляет 20% (что на

65 2 Глава 12. Безопасность и производительность





самом деле достаточно большая цифра). При замене процессора с частотой 500

МГц процессором с частотой 2 ГГц вы увидите ускорение работы процессора только при его использовании (т. е. в течение 20% всего времени). Таким обра — зом, вместо ускорения работы сервера в четыре раза (что было бы справедливо при полной загрузке процессора) процессор с частотой 2 ГГц увеличит произво — дительность всего на 80%:

Самоучитель по креативному веб-дизайну. Книга 4, стр.112

Увеличение производительности = (Загрузка) * (Коэффициент увеличения скорости работы)

= (20%) * (4) = 80%



Объем ОЗУ сервера также имеет очень большое значение для его производи — тельности. Перед тем как процессор сможет приступить к выполнению програм — мы программа и ее данные должны быть записаны в ОЗУ. Для повышения про- изводительности сервер иметь возможность содержать в ОЗУ все постоянно выполняемые программы. В противном случае сервер будет периодически загру — жать программы с диска в ОЗУ, что представляет собой достаточно медленный процесс (механический диск работает гораздо медленнее, чем электронная па — мять ОЗУ). Большинство администраторов скажут, что чем больше объем ОЗУ сервера, тем лучше. Тем не менее, чтобы не использовать ОЗУ (и деньги) впус — тую, вы должны оценить объем неиспользуемой физической памяти (как будет показано в совете «Контроль производительности сервера»). Если объем ОЗУ сервера далек от полного использования, добавление дополнительного ОЗУ не приведет к увеличению производительности сервера.

Время доступа к диску

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

тера. Администраторы серверов повышают производительность путем добавления

в систему ОЗУ, что уменьшает количество дисковых операций. Тем не менее, в конце концов, многие серверные приложения все равно должны считывать дан — ные с диска или записывать данные на диск. За счет контроля за выполняемыми сервером дисковыми операциями вы можете определить, насколько улучшится производительность сервера при замене диска более быстрым. Для большинства серверов покупка нового, более быстрого диска вполне оправдывает себя.

Операционная система и серверные приложения

Операционная система и приложения, выполняемые сервером-, имеют очень большое влияние на производительность сервера. В сети Web можно найти нема —

ло программ тестирования, которые позволяют оценить производительность опе — рационной системы при различных загрузках. Тем не менее, в общем случае для большинства Web-сайтов все основные операционные системы предлагают более чем удовлетворительные показатели производительности. Если вы работаете с сайтом, количество посещений которого исчисляется миллионами посетителей в сутки, производительность операционной системы будет иметь для него более

Самоучитель по креативному веб-дизайну. Книга 4, стр.113

важное значение. Если же вы администрируете небольшой сайт, приоритетом для вас должна стать простота работы (т. е. должна использоваться операционная систе — ма, с которой вы хорошо знакомы), безопасность и, наконец, производительность.

Глава 12. Безопасность и производительность 653



Прокси-серверы и аппаратное обеспечение кэш-памяти

В сети Web содержимое многих HTML-страниц не меняется. Для снижения

нагрузки на сервер на многих сайтах используются прокси-серверы или устрой-’

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

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

Самоучитель по креативному веб-дизайну. Книга 4, стр.114

бенностей использования на сайте прокси-сервера или устройства кэширования

СОДерЖИТСЯ ПО адресу http://www. cache. ja. net/servers.





Создание набора Web-серверов

При увеличении Web-трафика сопровождение сайта усложняется. Поскольку

посетители ожидают, что ваша система будет работать 7 дней в неделю 24 часа в сутки, выполнение даже простых операций, например, установки нового про — граммного обеспечения и перезапуск системы, может стать достаточно сложной задачей. Для упрощения выполнения таких операций на некоторых сайтах ис — пользуются наборы Web-серверов, состоящие из двух и большего количества идентичных сайтов (которые администраторы называют зеркальными). Как пока — зано на рис. 12.31, набор Web-серверов использует один сервер для получения входящих сообщений. Этот сервер перенаправляет сообщения (запросы) одному

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

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

просто добавить в набор Web-серверов новый зеркальный сервер.

654 Глава 12. Безопасность и производительность





Несмотря на то что на рисунке 12.31 предполагается, что серверы в наборе находятся недалеко друг от друга, фактически они могут находиться в разных

точках земного шара. Размещая зеркальные серверы в различных регионах, вы защищаете свой сайт от таких стихийных бедствий, как пожары или наводнения. Кроме того, вы снижаете риск того, что один отказ в сети приведет к невозмож — ности посещения сайта пользователями.

Самоучитель по креативному веб-дизайну. Книга 4, стр.115







Рис. 12.31. Набор Web-серверов состоит из нескольких идентичных (зеркальных) серверов



Контроль быстродействия сервера

Большинство сетевых администраторов будут утверждать, что для увеличения производительности необходимо в качестве Web-сервера использовать более мощный компьютер/Более того, у многих администраторов сложилось твердое мнение о минимальной конфигурации Web-сервера, в частности минимальном объема ОЗУ, установленного на сервере. Тем не менее, правда заключается в том,

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

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



ПРАКТИКУМ

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

Самоучитель по креативному веб-дизайну. Книга 4, стр.116

Глава 12. Безопасность и производительность 655





1. Нажмите комбинацию клавиш CTRL+ALT+DEL. На экран выводится диа —

логовое окно Безопасность Windows.

2. В диалоговом окне Безопасность Windows щелкните на кнопке Диспетчер задач. На экране появится диалоговое окно Диспетчер задач Windows.

3. В диалоговом окне Диспетчер задач Windows выберите вкладку Быстродей- ствие. На вкладке Быстродействие выводится текущая загрузка центрально —

го процессора и параметры использования физической памяти, как пока — зано на рис. 12.32.





Кроме того, операционная система Windows 2000 позволяет контролировать

целый ряд дополнительных параметров с помощью окна «Производительность», показанного на рис. 12.33.

Для использования окна Производительность для контроля параметров быст — родействия сервера выполните следующие действия:

1. Выберите в меню Пуск | Настройка | Панель управления. Откроется окно панели управления.

2. В окне панели управления выполните двойной щелчок на пиктограмме Ад —

министрирование. Откроется окн о Администрирование.

3. В окне Администрирование выполните двойной щелчок на пиктограмме Си — стемный монитор. Откроется окно Производительность, показанное на рис.

,12.33.

656 Глава 12. Безопасность и производительность





4. Для контроля значения определенного параметра в окне Производитель —

ность щелкните на кнопке со знаком «+» , которая находится в панели ин — струментов окна. На экране появится диалоговое окно Добавить счетчики, показанное на рис. 12.34.

5. В диалоговом окне Добавить счетчики выберите объект, а затем характерис — тики объекта, которые в Windows 2000 носят название счетчиков. Щелк — ните на кнопке ОК.







Глава 12. Безопасность и производительность 65 7





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

приведен пример содержимого файла журнала IIS-сервера:



152.163.188.195 -[04/Sep/2003:22:ll:34 -0500]

«GET /bands-upl. gif HTTP/1.0″ 200 437

152.163.188.193 [04/Sep/2003:22:ll:34 -0500]

«GET /bands-overl. gif HTTP/1.0″ 200 437

152.163.188.227 [04/Sep/2003:22:11:34 -0500]

«GET /links-overl. gif HTTP/1.0″ 200 360

152.163.188.161 [04/Sep/2003:22:ll:34 -0500]

«GET /home-over2.gif HTTP/1.0″ 200 386

152.163.188.194 [04/Sep/2003:22:ll:42 -0500]

«GET /CommercialButtonOver. jpg HTTP/1.0″ 200 5889

152.163.188.197 [04/Sep/2003:22:ll:44 -0500]

«GET /emailButtonOverl. jpg HTTP/1.0″ 200 945

152.163.188.228 [04/Sep/2003:22:12:02 -0500]

«GET /gallery2.html HTTP/1.0″ 200 16808

152.163.188.164 [04/Sep/2003:22:12:16 -0500] «GET /al2.jpg HTTP/1.0″ 200 10273

152.163.188.195 [04/Sep/2003:22:12:16 -0500] «GET /aaronl. jpg HTTP/1.0″ 200 16805

152.163.188.228 [04/Sep/2003:22:13:59 -0500]

«GET /phone-_.jpg HTTP/1.0″ 200 3870



Если количество посещений сайта достаточно велико, журнальный файл так — же будет иметь большой объем. Чем больше объем файла журнала, тем сложнее получить полезную информацию путем его простого просмотра.

Самоучитель по креативному веб-дизайну. Книга 3, стр.1

Глава 7. Анимация, звук и видео 36 7





ПРАКТИКУМ

Формально для отображения Flash-фильма HTML-код использовать не нужно — в том смысле, что большинство браузеров просто откроют и воспроизведут Flash- фильм, если вы наберете адрес самого файла фильма в адресной строке браузера. Однако без HTML-кода, определяющего размеры Flash-фильма, фильм автомати — чески примет высоту и ширину окна браузера. В большинстве случаев будет луч — ше, если определять размеры фильма будете вы, а не посетитель. Встраивая Flash — фильм в HTML-документ, следует принять во внимание различия между браузерами Netscape Navigator и Internet Explorer. Основное различие состоит в том, для воспроизведения в Internet Explorer (и Netscape Navigator 6) вставка Flash —

фильма производится с помощью дескриптора, а для Netscape Navigator

версии 4 Flash-фильмы вставляются с помощью дескриптора . При откры — тии приведенного ниже HTML-кода в Internet Explorer браузер игнорирует деск —

риптор , подготовленный для Netscape Navigator. Аналогично, если вы от — кроете следующий HTML-код в Netscape Navigator, браузер будет игнорировать дескриптор , предусмотренный для Internet Explorer:



codebase=»http://download. macromedia. com/pub/shockwave/cabs/flash/

swflash. cab#version=5,0,0,0″

width=»800″

height=»600″



param name=»quality» value=»high»>



width=»800″

height=»600″

type=»application/x-Shockwave-flash»

pluginspage=»http://www. macromedia. com/shockwave/download/

index. cgi? Pl Prod Version=ShockwaveFlash»>





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

Самоучитель по креативному веб-дизайну. Книга 3, стр.2

ре пользователя, приведенный выше HTML-код задает местонахождение ресурса, откуда браузер может загрузить модуль. Если у пользователя нет модуля воспроиз — ведения Flash, браузер выведет на экран диалоговое окно, предоставляя пользова —

телю возможность выгрузить и установить модуль. Установив модуль, посетители смогут с его помощью просматривать в будущем и другие Flash-анимации. В при —

веденном выше HTML-коде атрибуты codebase и piuginspage сообщают браузеру местонахождение ресурса, откуда посетитель может выгрузить модули для браузе — ров Internet Explorer и Netscape Navigator соответственно. Помещая Flash-анима — цию на Web-сайт, структурируйте HTML-код так, как показано выше, чтобы дать пользователю возможность выгрузить требуемый модуль.

368 Глава 7. Анимация, звук и видео





Атрибуты в приведенном выше HTML-коде выполняют следующие функции:



• widt h И height. Ширин а (width ) И ВЫСОТа (height ) Flash-фиЛЬМа МОГут ВЫ —

ражаться в виде отношения в процентах к ширине и высоте окна браузера

ИЛИ В ПИКСеЛЯХ (дескрипторы И ).



• movie. Местонахождение Flash — фильма, который требуется воспроизвести

(деСКрИПТОр ) .



• data. Местонахождение Flash-фильма, который требуется воспроизвести

(деСКрИПТОр ) .



• ciassid. Идентифицирует элемент управления ActiveX, воспроизводящий

Flash-фильмы (дескриптор ct>). ^ H



• codebase. Местонахождение элементов управления ActiveX. Позволяет брау — зеру выгрузить проигрыватель при отсутствии последнего (дескриптор

).



• src. Идентифицирует местонахождение Flash-фильма (дескриптор

).



• piuginspage. Местонахождение подключаемого модуля Flash. Позволяет браузеру выгрузить проигрыватель при отсутствии последнего (дескриптор

).



• quality. Задает качество Flash-фильма; возможные значения — High (высо- кое), Medium (среднее), Low (низкое) (дескрипторы И ).



• bgcolor. Задает фоновый цвет Flash-фильма (не HTML-страницы) (дескрип —

торы И ).



• type. Сообщает браузеру, какой подключаемый модуль использовать для воспроизведения Flash-фильма.

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

фильм будет воспроизведен и сколько раз он будет воспроизведен. Приведенный выше код дает Web-браузеру указание отобразить и воспроизвести фильм

splash. swf в заданной области 800 на 600 пикселей.



Создание Flash-фильма с чистого листа

Работая с Flash, вы, в известном смысле, становитесь кинорежиссером. Скажем, например, Голливудская кинокомпания принимает решение создать новый фильм; одним из первых дел компания наймет режиссера. Режиссер, в свою оче- редь, работает с актерами, командой звукооператоров, художниками-декораторами

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

и операторами для того, чтобы создать фильм. В Flash вы режиссер, а актеры — это элементы Flash-фильма. В качестве актеров (элементов) может выступать текст, ап —

пликация, фотоизображения, а также звуки и видео.

Глава 7. Анимация, звук и видео 369





Если у вас нет Flash, можно выгрузить 30-дневную пробную версию программ —

ного обеспечения из Web-сайта Macromedia (http://www. macromedia. com/

downloads). Открыв Flash в первый раз, вы увидите сцену, окруженную рабочей

областью. В сцену и рабочую область вы будете помещать «кусочки» (элементы)

анимации. Собственно говоря, воспринимайте сцену как экран, на который «про- ецируется» ваш фильм. Когда элементы находятся на сцене, их видно в фильме; когда же они находятся в рабочей области, они «за сценой» и, следовательно, не видны, как было показано на рис. 7.16.

Прямо над сценой расположена временная шкала Flash. Каждый элемент Flash — фильма имеет временную шкалу, которая сообщает программе, когда элемент по —

является на сцене и когда он исчезает, то есть покидает сцену. Во временную шка —

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

на сцену слева, пройти по ней и выйти справа, как показано на рис. 7.17.





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

1. Начните с открытия в Flash нового документа (File | New (Файл | Создать));

назовите его bounce.

2. Выберите на временной шкале Frame 1 (Кадр 1) (см. предыдущую иллюстра — цию).

3. С помощью инструмента рисования Oval (Овал) из панели инструментов на — рисуйте кружок в верхнем правом углу сцены. Нарисовать правильный круг можно, удерживая во время рисования клавишу SHIFT (цвет кружка значе — ния не имеет).

4. Выберите на временной шкале Frame 2 (Кадр 2) и добавьте опорный кадр

(Insert | Keyframe (Вставить |.Опорный кадр)). В кадре 2 появится маленькая

черная точка, указывающая, что кадр является опорным.

5. С помощью инструмента Move (Переместить) (черная стрелка) из панели инструментов перетащите кружок в центральную нижнюю часть сцены. По — скольку вы перемещаете опорный кадр в кадр 2, вы на самом деле переме — щаете копию мяча. Теперь у вас имеется один мяч в верхнем правом углу и один внизу по центру.

Самоучитель по креативному веб-дизайну. Книга 3, стр.4

37 0 Глава 7. Анимация, звук и видео





6. Выберите на временной шкале Frame 3 (Кадр 3) и добавьте опорный кадр

(Insert | Keyframe (Вставить | Опорный кадр)). В кадре 3 появится маленькая черная точка, обозначающая еще один опорный кадр.

7. Перетащите кружок, находящийся внизу, в верхний правый угол сцены. По — скольку вы перемещаете опорный кадр в кадр 3, вы перемещаете копию мяча. Теперь у вас имеется три мяча: слева вверху (кадр 1), внизу в центре (кадр 2) и вверху справа (кадр 3).



Чтобы просмотреть отдельные мячи в каждом кадре, щелкните на черных точ- ках кадров 1, 2 и 3. При выборе определенного кадра мячи появляются (по одно — му) на сцене, как показано на рис. 7.18.





Для предварительного просмотра этой простой анимации выберите в меню

Window | Toolbars | Controller (Окно | Панели инструментов | Контроллер) в Windows —

версии или Window | Controller (Окно | Контроллер) в Macintosh-версии. Откроется окно контроллера с элементами управления, похожими на органы управления ви — деомагнитофона. Чтобы просмотреть анимацию, щелкните на кнопке Play (Вос — произвести) в окне контроллера (стрелка вправо). Если вы хотите увидеть фильм,

Глава 7. Анимация, звук и видео 37 1





воспроизводимый в Flash Player, выберите в меню Control | Test Movie (Управление |

Тест фильма). Flash экспортирует фильм в Flash-файл (.swf) и откроет его в Flash

Player.

Чтобы сохранить фильм для использования в Internet, выберите в меню File | Export Movie (Файл | Экспорт фильма). Выберите в качестве формата Flash Player и

дайте файлу имя с расширением .swf. Например, фильм с прыгающим мячом

можно было бы назвать bounce. swf.

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

изображений для создания всех кадров между опорньгми кадрами й получения плавной анимации. Кроме того, можно добавить больше слоев в палитру времен- ной шкалы и добавить другие объекты, такие как текст и изображения, для созда — ния более сложной презентации. Flash — средство разработки мультимедиа для Internet профессионального качества в полном смысле этого слова.



Полезные ссылки
Случайные записи
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 044
  • 24.07.2011">Управляйте мобильными с помощью компьютера
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.18
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.15
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 032
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.82
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 112
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.60
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 059
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 085
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 139
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 135
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 021
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 013
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.129
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...