Самоучитель по креативному веб-дизайну. Книга 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 профессионального качества в полном смысле этого слова.

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

Чтобы помочь вам в ваших начинаниях с Flash, несколько сайтов в Internet

предлагают уроки по Flash:

Flash Kit http://www. flashkit. com

Flash Planet http : //www. flashplanet. com

Faap. COm http://www. flaap. com

Macromedia http://macromedia-flash-5-infocenter. com /



Построение анимации на основе текста с помощью FlaX

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



ПРАКТИКУМ

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

7.19). ‘

Создав требуемый эффект, вы можете дать FlaX указание экспортировать ани — мацию в Flash-фильм. FlaX — простой и мощный инструмент создания анимации профессионального качества. Чтобы выгрузить FlaX, посетите Web-сайт компании

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

GoldShell (www. goldshell. com/flax).

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





Передача потокового аудио и видео

На AM-, FM — и ХМ-радиоканалах радиостанции передают сигналы всем, кто

настроил свои приемники на их волну. Аналогичным образом телевизионные

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

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





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





Более длинный перечень радиостанций можно найти на Web-сайте справочни —

ка радиостанций brs (http://web-radio. fm/). На этом сайте можно просмотреть списки радиостанций по штатам, странам или по формату (джаз, легкая музыка,

ретро, спорт, ток-шоу и так далее). * .

Чтобы обеспечить свою непревзойденность, некоторые сайты предлагают пото — ковое видео, просматривать которое можно в окне на экране, как показано на рис. 7.21. Перечень сайтов, транслирующих телепередачи в Web, можно найти по адресу http://www. tvradioworld. com, http://www. etown. edu/vl/radio. html И http://dmoz. org/Arts/Television/News/.

















$11.

Did Entertainment EditorJoel

SiegeienjoyOcean’s1i? Findout

in his review of the ail-star heist movie.

























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

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

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

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

Bit Streaming Video

Host Express. com

Prime Internet Network

Stream Audio



http://www. bitstreamingvideo. com/index. html

http://www. hostexpress. com/real. html http://www. primenetwork. net/housing. html

http://www. streamaudio. com



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

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





диа является компания RealNetworks. RealNetworks предлагает пробный сервер,

который вы можете загрузить и использовать на своей машине (пробный сервер будет работать в течение одного года, однако будет поддерживать только 25 под — ключений одновременно). Кроме того, у RealNetworks можно приобрести и пол — нофункциональный сервер потокового медиа. •



ПРАКТИКУМ

Чтобы выгрузить и опробовать сервер RealNetworks, посетите Web-сайт

RealNetworks (http://www. reai. com) и следуйте ссылкам, ведущим к «Products

And Services» («Продукция и услуги»); затем воспользуйтесь поиском, чтобы найти

бесплатные продукты («free products»). После завершения выгрузки запустите про — грамму установки, которая установит на вашей машине сервер потокового медиа. Чтобы вам было легче освоиться, в дистрибутив сервера включены несколько



Полезные ссылки
Случайные записи
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 143
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 020
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.105
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 105
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 101
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.74
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.14
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.107
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.52
  • 24.01.2010">Плагины расширений для браузера Google Chrome
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.143
  • 02.04.2012">Хакеры LulzSec Reborn рассказали о планах на будущее
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 096
  • 17.07.2010">Подбор цветовой гаммы
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.82
Опрос

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

View Results

Loading ... Loading ...