Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

книги хакеры / журнал хакер / специальные выпуски / Специальный выпуск 2_compressed

.pdf
Скачиваний:
15
Добавлен:
20.04.2024
Размер:
8.01 Mб
Скачать

X/WEB

0059 89

MILLENIUM

это дело вкуса. Советую попробовать ее каждому, только это... на вкус не надо. :))

Прогу можно. У нас всех можно, только снача- ла потанцуем: http://www.gamani.com/

Вес проги: 810 êèëî.

Ну, вот в принципе и все, что хотелось сказать

о такой полезной штуке, как джиф аниматоры.

Я думаю, что ты уже выбрал себе подходящую

софтину и с мечтательным выражением лица

закачиваешь ее себе на комп, попутно приду-

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

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

От винта!

90

005A

X/WEB

 

 

MILLENIUM

Corel XARA è Corel XaraWebstyle

Ramhak O`Hady (konung@ic.ru)

Corel XaraWebStyle

Çдесь все очень просто - программа имеет приятный графический èí-терфейс и кучу разных фишек для

настройки. Corel XaraWebstyle

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

Как известно, все познается в сравнении или в наглядных примерах. Сравнивать XaraWebStyle

Любой художник, который большинство своего времени проводит не за холстом с масляными красками, а за компьютером с клавиатурой и мышкой в руках, в ответ на слово “Xara” одобрительно кивнет и скажет: “Да, есть такая - у меня дома стоит. Крутейшая вещь!”. И он будет прав - практически все программные продукты от Corel`а пользуются огромной популярностью. А Xara стоит практически у всех, кто занят компьютерной графикой профессионально. И это неспроста. Corel Xara и Corel Xara Webstyle - две мощные программы для людей с разным уровнем опыта и умения обращаться с компом и компьютерной графикой. Я расскажу о каждой из них подробно, чтобы у тебя была возможность выбрать, какая из них подходит тебе лучше. Начну с той, что проще и доступней - Corel XaraWebstyle.

не с чем - это лучшее, что я когда-либо видел. А пара примеров не помешает. Например, было бы неплохо, если бы на страничке было красивое заглавие - скажем, фраза “Добро пожаловать”.

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

дит с текстом заголовка. Там же будет отображено то, что потом реально поместится в gifфайле (или jpg - кому как нравится ;-). Слева находятся кнопки опций (они одинаковы для всех режимов - создаешь ли ты заголовки или кнопки, или, может быть, разделители):

-Text. Позволяет ввести текст и выбрать шрифт, которым он будет отображен.

-Color. Цвет текста, фона или каких-либо дополнительных источников (для трехцветного текста, например).

-Texture. Самая вкусная вкусность. Можно навесить свою картинку на фон и, собственно, на текст. Таким вот макаром и возникают “каменные” надписи на “деревянных” заборах. :-)

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

-Themes. Специальная папка для удобства работы - можно организовывать все создаваемые картинки в соответствии с определенным стилем-темой (theme). Это для того, чтобы случайно на синем фоне не появлялись красные надписи ;-)

-Size è ÷óòü íèæå Save. XaraWebstyle - просто зверь. Она сама может оптимизировать палитру и урезать цвета, которые

X/WEB

005B 91

MILLENIUM

используются в изображении. При этом

та три штуки - каждому можно задать свой

шишь, что картинка хороша и ее

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

цвет, и тогда картинка может измениться до

нить). И, наконец, опция Save -

размер для картинки, и все изменения бу-

неузнаваемости. Тут же есть Shadow Color -

это буйство красок и фантазии

дут отображаться в рабочем поле немед-

öâåò òåíè, è Background Color - öâåò ôîíà

и JPG`ах. Первым можно указать

ленно! Уфф...

 

 

 

(это нужно указать, если на фон не будет поме-

количество цветов, которые может

 

 

 

 

 

щена картинка). Texture - тут все понятно,

изображение, а вторым - степень

Все прекрасно, но давай создадим-таки над-

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

есть степень фуфловости качества

пись “Добро пожаловать”. Кликаем на кнопке

текста и фона. Чтобы добавить свои, нужно их

Вот что получилось у меня:

Style - куча разных стилей и глазки разбегают-

просто туда перетащить мышкой. Любые воп-

 

ся. А ведь есть еще стили, которые лежат от-

росы, кстати, легко решаются кликом на кно-

 

дельно, а не на панельке под рабочей облас-

почке “Tell me more” (“Расскажи мне боль-

 

тью. Их, кстати, как и почти всю графическую

ше...”) в верхнем правом углу окна. Осталось

 

часть,

можно

докачивать

ñ

сайта

“навести марафет” - применим Shadow. Òàì

 

www.xara.com или брать с любых клипартов -

есть параметры, изменив которые, тень сдви-

 

все равно. Возьмем для начала стиль

нем немножко вправо и “размажем” (blur) ïî

 

Highlight. Затем кликаем Text. Вводим “Äîá-

фону. Кстати, здесь есть три варианта - тень на

 

ро пожаловать” è

указываем

шрифт. Поле

стене (то есть как она выглядит, если припод-

 

Aspect” позволяет регулировать размер тек-

нять картинку над поверхностью), тень на полу

 

ста в процентах. С этим стоит поэксперименти-

(если поставить картинку “на попа”) и без тени.

 

ровать самостоятельно. Затем опция Color -

Size - установим размер (впрочем, это уже

 

здесь как раз тот случай, когда источников све-

предпоследнее действие - когда все-таки ре-

 

92

005C

X/WEB

 

 

 

 

 

 

 

 

 

 

MILLENIUM

 

Все вышеперечисленное относится и к осталь-

ла скажу о том, что окно Xara можно развер-

конечные звезды. Можешь себе это

 

ным элементам - кнопкам, разделителям, 2D-

нуть не просто на весь экран, а сделать его Full

представить? Сатанисты будут в востор-

 

надписям. Правда, в опции Size у кнопок мож-

Screen - тогда не будет видно границ окна,

ãå. :-)

 

но зафиксировать размер - “lock button size”,

шапки и меню. Дополнительное пространство

- Blend Tool. Представь, что у тебя есть

 

чтобы получать кнопки одного размера. Иногда

никогда не помешает. Сделать это можно клик-

две фигуры - квадрат и какая-нибудь над-

 

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

нув на поверхности окна Xara (òàì, ãäå äîêó-

пись. С помощью Blend Tool можно зап-

 

их границы текстом. Очень даже ничего смот-

мент покоится пока что в полном уединении) и

росто создать “промежуточные картинки” -

 

рится. Дополнительные дизайнерские фишки

указав в выскочившем подменю опцию “Full

словно квадрат постепенно превращается

 

находятся с помощью кнопки-папки “More

Screen”.

в надпись или наоборот. Неплохо смотрит-

 

designs”.

 

 

ся при умелом обращении. Можно задать

 

 

 

Слева находится панель инструментов - там

количество промежуточных картинок и по-

 

Для создания собственной странички всего

практически все, что вообще может понадо-

лучить, например, композицию а-ля “Äâå

 

этого вполне хватает. Причем, велика вероят-

биться. Самый первый инструмент, как и поло-

тысячи Иванов Грозных убивают Билла

 

ность, если, конечно, руки не слишком кривые,

жено, - для выделения объектов. С выделен-

Гейтса”.

 

что все будет выглядеть весьма оригинально, и

ным объектом (будь то изображение, геомет-

- Fill Tool. После того как поверхности на-

 

никто даже не подумает, что вся страница бы-

рическая фигура, текст или еще какой прибам-

рисована, ее можно закрасить. Хочешь -

 

ла создана за пять минут с помощью програм-

бас) можно работать всеми остальными ин-

однородным цветом, а хочешь - изображе-

 

мы “на любителя”. Но на такое тоже должен

струментами. Вот они:

íèåì.

 

быть своего рода талант. “И достигается это

 

 

 

путем долгих и упорных тренировок(c)

 

 

 

Radagast Kary.

 

 

 

 

Если твоей задачей является создать соб-

 

 

 

ственную хоумпагу с навороченной графикой

 

 

 

и все хочется сделать быстро и без особых

 

 

 

изысканий, то XaraWebstyle - то, что нужно.

 

 

 

Нужно будет только скачать понравившиеся

 

 

 

клипарты с какого-нибудь бесплатного архива

 

 

 

и вперед.

 

 

 

 

Corel Xara 2

 

 

 

 

Если ты работал когда-нибудь с Adobe

 

 

 

Photoshop (по-моему все, кто вообще хоть

 

 

 

раз прикасался к компьютеру, слышали о

 

 

 

нем), то наверняка спотыкался на его не

 

 

 

очень понятном и неприветливом междумор-

 

 

 

дии. Конечно, какому-нибудь псилоцибино-

 

 

 

вому маньяку-дизайнеру он и удобен, но на-

- Freehand Tool. Позволяет просто рисо-

- Transparence Tool. Уже созданное

 

чинающему... да и профессионалу все равно

вать, что называется, от руки. Можно регу-

изображение можно сделать полупроз-

 

приходится привыкать к его фокусам. В этом

лировать степень сглаживания нарисован-

рачным в два счета. Кроме того, есть уй-

 

смысле (да и во всех остальных) Corel Xara

ных линий, чтобы, когда рисуешь круг, по-

ма дополнительно режимов - включая

 

2 - просто сказка. Даже всплывающие под-

лучился действительно круг, а не страшное

экзотические Fractal Plasma è Fractal

 

сказки (popup tips - не hints :-) действитель-

подобие Змея Горыныча.

Clouds. Работу первых можно себе

 

но содержат полезные подсказки, а не мусор

- Shape Editor Tool. После того как линии

приблизительно представить, если пос-

 

типа “чтобы нажать F1, найдите кнопку F2.

нанесены на “бумагу”, их можно запросто

мотреть “Итоги” на НТВ, а вторых - прос-

 

F1 находится сразу слева от нее.” Здесь все

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

то посмотрев на пасмурное небо за ок-

 

просто и со вкусом - и из-за этого все удоб-

иногда очень удобно рисовать сложные

íîì. :-)

 

но и практично. И это при том, что Xara 2

фигуры сначала просто набросав несколь-

- Mould Tool. Пригодится, если нужно

 

занимает меньше места и позволяет рабо-

ко линий, а потом уже подгонять их так, как

“закругляться”. Поможет придать любой

 

тать с плагинами для Photoshop`ы... Ладно,

надо, этой тулсой.

фигуре какую-либо примитивную форму.

 

хватит нахваливать коня, пора ему и зубы

- Pen Tool. Очень удобная вещь для тех, у

Если просто круги и квадраты не впечат-

 

смотреть. :-)

 

кого слишком кривые руки и мыши, чтобы

ляют, можно тут же включить Shape

 

 

 

использовать Freehand Tool.

Editor Tool и создать такую форму, какая

 

Все рабочие панели Xara`ы настраиваются и

- Rectangle Tool. Рисуем прямоугольники

необходима. Можно поиграться с перспек-

 

могут содержать в себе кнопки практически на

- можно закруглять концы (для кнопок в са-

тивой - “положить” изображение на бок

 

все случаи жизни. Естественно, что, не зная

мый раз такая тулса).

или растянут вдоль.

 

назначения всех этих кнопок, трудно собрать

- Ellipse Tool. Думаю, понятно. :-)

- Text Tool. Удобная тулса для ввода тек-

 

для себя удобную панельку, где все нужное бы-

- Quick Shape Tool. Это объединение

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

 

ло бы “под рукой”. Поэтому для начала неболь-

двух предыдущих с уклоном в сторону

или даже перевернутый вверх тормашка-

 

шое вступление о том, что где лежит. Но снача-

абстракционизма. Можно рисовать 99-

ìè.

 

 

 

 

X/WEB

005D

93

MILLENIUM

 

 

 

 

 

 

- Push Tool. Если отключены полосы прок-

структуры клипарта, чтобы не мучаться по-

нальное “OK”. Накладываем текст поверх

рутки, можно пользоваться этим, чтобы ра-

том с поиском нужного изображения. Тут

кнопки. Теперь было бы неплохо сделать так,

ботать со всей страницей, а не только его

же можно запросто скачать доступные на

чтобы вся эта хрупкая композиция не разва-

видимой частью.

сервере www.xara.com бесплатные на-

лилась при переносах, поворотах и т.д. Это

- Zoom Tool. Лупа - как лупа. Ничего осо-

боры клипарта.

 

можно легко сделать, создав группу (group).

бенного.

- Fill gallery. Практически то же самое, что

Для этого нужно выделить все изображе-

 

и Bitmap gallery, но связанное с изображе-

ния/фигуры и нажать ctrl+G. Все, теперь

Опять же лучше рассказывать на примерах,

ниями, предназначенными исключительно

кнопка полностью готова. Можно запросто

поэтому давай создадим какую-нибудь над-

для “заливки” фигур и фона.

 

таскать ее за “воротник” по всей странице и

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

 

 

 

растягивать - все элементы кнопки будут пов-

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

Теперь набросим на эту кнопку нормальное

торять те же действия.

 

ми углами, воспользуемся Rectangle Tool.

заполнение (fill) - чтобы выглядела как подо-

 

 

 

Кликаем... Наверху на одной из панелей появи-

бает всем благородным кнопкам. Давим

Немножко повеселимся - создаем 99-конечную

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

ctrl+shift+I - выбираем какой-нибудь gif/jpg

звезду побольше. Накладываем на нее (зали-

Их можно (и нужно!) изменять, чтобы получить

файл (вообще-то форматов Xara поддержи-

ваем) изображение красной розы. Убираем

должный эффект. ;-) Щелкнем на Curved cor-

вает туеву хучу). Кликаем на Bitmap gallery

границу. Ууу... Всего пара-тройка действий, а

ners - сглаженные углы. И нарисуем прямоу-

- по умолчанию эта кнопка находится среди

эффект уже неплохой. Щелкаем на Shape

гольник. У каждого угла нарисованы три квад-

других Galleries на панели в правом верхнем

Editor Tool. Изменяем немножко луч, оттащив

ратика - перемещая их мышкой, можно изме-

углу окна - открывается окошко, в котором

его на несколько пикселей в сторону - все лучи

нять вид углов. Если хочется изменить вид

представлены все изображения, добавленные

изменятся, представив очень даже неплохую

только одного, нужно воспользоваться Shape

извне. Чтобы назначить нашей кнопке запол-

вариацию для логотипа какой-нибудь фирмы,

Editor Tool.

нение, выберем кнопку, вернемся в окошко

торгующей цветами, или сервера виртуальных

 

Bitmaps Gallery и выберем изображение.

цветов.

 

 

В верхнем правом углу лежит по дефолту па-

Вверху этого маленького окошка есть кнопки

 

 

 

нелька с кнопками всяких Galleries (íàáî-

Insert (сделать копию изображения в доку-

Вот что получилось у меня в результате всех

ðîâ):

ìåíò), Fill (то, что нам нужно - заполнить фи-

этих манипуляций:

 

 

 

гуру изображением), Transp (задать проз-

 

 

 

- Color gallery. Нужно подобрать цвет?

рачность изображением - например, можно

 

 

 

Без проблем. Несколько встроенных стан-

вырезать куски из фигуры), Background (çà-

 

 

 

дартных палитр плюс возможность быстро

äàòü

фон этим изображением),

Trace

 

 

 

сделать все самому.

(Bitmap Trace - позволяет перегнать изоб-

 

 

 

- Layer gallery. Документ в Xara создает-

ражение с заданной четкостью из растрового

 

 

 

ся приблизительно так же, как и в

- побитового - в векторное, над которым мож-

 

 

 

Photoshop`е - с использованием слоев.

но извращаться каким угодно способом со

 

 

 

Layer gallery позволяет изменять нас-

всеми инструментами Xara), Plug-ins (òî,

 

 

 

тройки каждого слоя, переставлять их мес-

что можно делать над самим изображением.

 

 

 

тами, удалять, добавлять новые и т.д.

Сюда же можно подключать плагины от

 

 

 

- Frame gallery. Анимацию Xara поддер-

Adobe Photoshop`û).

 

 

 

 

живает в полной мере (в отличие от

 

 

 

 

 

 

Photoshop`û). Frames (кадры) - это и ес-

Заодно можно назначить фон странице - впос-

 

 

 

ть кадры анимационных файлов. Каждому

ледствии можно будет генерировать прозрач-

 

 

 

кадру можно задать свое время отображе-

ные gif`ы, которые лягут на выбранный фон так,

 

 

 

ния и тип вывода на экран. Комбинируя их,

словно они там и были.

 

 

 

 

можно существенно уменьшить размеры

 

 

 

 

 

 

gif-файла, что немаловажно при работе с

Теперь немного прозрачности - кликаем на

 

 

 

WWW.

Transparence Tool. Протягиваем прямую

 

 

 

- Bitmap gallery. Все растровые (бито-

вдоль всего прямоугольника слева направо.

 

 

 

вые) изображения отображаются здесь. С

Вуаля! Осталось только убрать белую линию

 

 

 

ними можно вытворять все, что душе угод-

границы - это можно сделать кликнув правой

 

 

 

íî... :-)

кнопкой мыши на диагональную сеточку вни-

 

 

 

- Line gallery. Все линии, которые ри-

зу слева. Там же находится вся используемая

 

 

 

сует художник в Xara, могут иметь соб-

палитра. Клик левой кнопкой приведет к за-

В принципе не стоит рассматривать Xara è

ственную толщину, могут отображаться

полнению фигуры указанным цветом. А сеточ-

XaraWebstyle êàê

отдельные программные

пунктиром нескольких типов и даже выг-

ка - цвет просто не отображается. Сделаем

продукты. Смесь результатов от них может

лядеть как стрелы. :-)

копию уже созданного фона для кнопки. Раз-

оказаться гораздо эффектней, чем изображе-

- Fonts gallery позволяет быстро подоб-

вернем ее по горизонтали с помощью кнопки

ние, созданное в одной только Xara èëè â îä-

рать нужный шрифт. Весь список Installed

Flip horizontally” на верхней панели (выглядит

íîé XaraWebstyle. В общем, эксперименти-

Fonts отображается визуально, то есть,

как два прямоугольных треугольника). Нало-

ровать, экспериментировать и еще раз экспе-

найдя Courier New, ты увидишь, как он

жим друг на друга немного отступив с края...

риментировать, как завещал нам Кевин Мит-

выглядит.

Уже неплохо. Нужно добавить надпись. Для

ник. Желаю удачи в экспериментах с Xara è

- Clipart gallery. Все изображения, храня-

этого,

естественно, воспользуемся

Text

XaraWebstyle.

 

 

щиеся на диске, можно организовать в

Tool. Укажем шрифт и размер. Введем ба-

 

 

 

94

005E

X/WEB

 

 

MILLENIUM

РЕСУРСЫ ВЕБ-МАСТЕРА

M.j.Ash (m.j.ash@xakep.ru)

БЕСПЛАТНЫЕ ГРАФИКА И ШРИФТЫ

Íачнем с того, что графическое оформление твоей веб-странички должно радовать глаз. Кстати, о са-

мом слове “веб-страничка”... Ты не находишь, что оно звучит как-то несолидно? Так не пойдет! С этого момента твое лихое на- чинание я буду называть Интернет-проектом. Итак, твой первый Интернет-проект не должен выглядеть так же отвратно, как плохо застиранные памперсы. Какой оптимальный рецепт? Этого, увы, никто не знает. Сейчас я просто подскажу тебе пару реальных сайтов, которые с радостью вывалят на тебя тонны высококачественных фотографий. И, заметь, этими фотографиями ты сможешь пользоваться совершенно честно и открыто. А тем, кто гордо украшает свои личные хоум пэйджи фотографиями из фирменной библиотеки изображений и, по наивности душевной, думает, что об этом никто и не догадывается, я советую тебе писать в гостевые книги всякие гадости...

Впрочем, не будем отвлекаться! Давай лови первый URL:

FreeFoto.Com

http://www.freefoto.com

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

FreeFoto.Com - это один из самых больших ар-

раздел Animals или же воспользуйся поиском

хивов в Интернете, битком набитый классными

по сайту. Хотя за изображением кита или бело-

фотками. На этом сайте собрано более 6000

го медведя все же лучше сразу иди на:

фотографий. Они разбиты на 30 разделов и 299

 

 

 

подразделов. Основная их тема: человек и все,

NOAA Central Library

что его окружает. Но это не значит, что если те-

http://www.photolib.noaa.gov

бе вдруг понадобится фотография одиноко

 

 

 

 

 

 

бредущего по пустыне верблюда, то тебе при-

NOAA - это сокращение от National Oceanic and

дется идти на другой сайт. Просто загляни в

Atmospheric Administration. Сам понимаешь, что

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

X/WEB

005F

95

MILLENIUM

 

 

 

тельный размер архива - 10000 оцифрованных

что тебе придется обходиться одним только

фото. Все они разложены по разделам-альбо-

поисковым механизмом.

 

 

мам. Кроме того, система поиска позволяет

 

 

 

быстро находить интересующие тебя сюжеты.

ArtToday

 

 

 

http://www.arttoday.com

 

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

Philip’s House of Stock Photography

 

http://db.photo.net/stock

Эй, я вижу, ты заскучал! Тебе нужны не заго-

 

 

 

товки, которые придется долго править в Фото-

 

 

 

 

Сайт всего одного профессионального фотог-

шопе. Тебе готовые элементы графического

 

рафа, но поскольку 6000 собранных в одном

оформления веб-сайтов сразу подавай?!! Если

месте высококачественных фотографий гово-

так, то наша следующая остановка - сайт

 

рят сами за себя, я и его решил включить в

ArtToday. Здесь после бесплатной регистрации

 

этот обзор. Все фотки этого сайта, как, впро-

тебе откроется библиотека из 43 тысяч графи-

 

чем, и те, что ты можешь взять на предыдущих

ческих изображений, включая 20 тысяч аними-

 

двух - бесплатны для некоммерческого исполь-

рованных гифов, 8 тысяч иконок, полторы ты-

 

зования. То есть ты можешь смело лепить их на

сячи маркеров (bullets), 3 тысячи бэкграундов,

 

свою веб-страничку... Пардон - Интернет-

 

 

 

 

проект. Большой минус Philip’s House of Stock

 

 

 

 

 

 

 

Photography в том, что фотки здесь раскиданы

 

 

 

 

по СD с ничего не говорящими именами, так

 

 

 

 

 

 

 

 

 

 

 

 

96

0060

X/WEB

 

 

 

 

MILLENIUM

столько же кнопок... и еще много-много всего.

элементов, тебе придется слегка попотеть.

 

Имеется поиск, предпросмотр. Это по-настоя-

 

Logotypes library

щему ценное для начинающего веб-мастера

1-Click-Clipart

http://www.logotypes.ru

место. Хотя что-то подсказывает мне, что тебя,

http://www.1-click-clipart.com

 

как начинающего, больше всего интересуют

 

Вторым - большое (около трех тысяч) собрание

файлы GIF c анимацией? Понимаю! Даю допол-

А вот на этом сайте, а также на Сlipart.Com

логотипов и товарных знаков в векторном фор-

нительный линк:

(www.clipart.com) можно найти рейтинги наби-

мате Adobe Illustrator с возможностью поиска и

 

той халявной графикой мест. С их помощью

предпросмотра.

Animation Factory

легко узнать, какой сайт действительно крут, а

 

http://www.animfactory.com

какой - всего лишь наглые потуги Васи Пупы-

Àbsolute Background Textures Archive

 

рышкина. Только не стоит западать исключи-

http://www.grsites.com/textures

12 тысяч анимированных гифов ждут тебя по

тельно на голые цифры! Сам подумай, что луч-

 

этому адресу. Культовое место. И хотя поиск

ше: маленький вкусный пирожок с мясом или

Третьей в моем списке будет хорошо структу-

отсутствует, разбивка по категориям просто

доверху набитое объедками помойное ведро?

рированная коллекция текстурок от Аbsolute

великолепна. Многие анимации - трехмерные.

Короче, мой тебе совет: ищи небольшие автор-

Background Textures Archive. На данный момент

Для каждого изображения приводятся его раз-

ские коллекции веб-графики - не ошибешься! А

в ней 3141 экспонат. И последним следует:

меры и вес. Как и на ArtToday, все изображения

это тебе образец:

 

выполнены единой группой художников. Поэто-

 

FreeButtons.Com

му они все довольно качественные, профес-

ProDraw Graphics

http://www.freebuttons.com

сиональные. Оно и понятно! Ведь цель этих

http://www.prodraw.net

 

двух сайтов: показав часть своих богатых кол-

 

С его огромной библиотекой кнопок, точного

лекций, заставить веб-мастера захотеть боль-

На этом сайте тебя ждет отличная библиоте-

размера которой не знает даже ее хозяин. Уф!

шего и оплатить полный доступ. Совсем другое

ка иконок, выполненных в едином стиле, ко-

С графикой все! На первое время этого должно

дело - полностью бесплатные сайты.

торую ты можешь забрать целиком, скачав

тебе хватить. А сейчас давай-ка мы с тобой

 

один двухмегабайтный архивчик. Кроме того,

озаботимся другой животрепещущей темой -

Absolute Web Graphics Archive

тут хранится неплохой набор профессиональ-

шрифтами.

http://www.grsites.com/webgraphics

но заделанных батонов (Buttons:) и 3D image-

 

 

й. Этот сайт из тех, что ты должен посетить в

Шрифтовой проект ‘ВЕДИ’

Возьмем, к примеру, один из лучших сайтов

первую очередь.

http://vedi.d-s.ru

в этой категории - Absolute Web Graphics

 

 

Archive. Его коллекция также довольно вну-

STUFF - Banner Warehouse

Я полагаю, приятель, что ты не так глуп, чтобы

шительна: более 10000 графических элемен-

http://www.stuff.uk.com/banners

пользоваться в своем веб-творчестве содержи-

тов. Но трудность в том, что все они пона-

 

мым компакта с лихим названием “Лучшая

дерганы из различных источников, так что,

А теперь я представлю тебе подборку узкоспе-

только что стыренная у фирмы ParaType тысяча

прежде чем ты наберешь для своего сайта

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

русских шрифтов”. Тем более что в русской

полный комплект похожих друг на друга и

идет Banner Warehouse с его семью сотнями

части Интернета давно уже окопался симпатич-

соответствующих выбранному тобой стилю

баннерозаготовок.

ный проект “Веди”, где пылится вагон и ма-

X/WEB 0061 97

MILLENIUM

ленькая

тележка

совершенно

бесплатных

зайн, протестируй свой софт, выкинь большую

vasya.newmail.ru. Кроме того, тут ты получишь в

шрифтов. Причем - самых разных. Начиная от

часть старья, а для оставшихся прог сделай

придачу 3 почтовых ящика, грабить содержи-

оригинальных разработок и заканчивая руси-

нормальные комментарии и скриншоты. И ты

мое которых можно любым почтовым клиентом

фицированными версиями наиболее интерес-

увидишь, я первый скажу, что ты крут и пожму

по протоколу POP3. Эээ... Правда, это пока

ных шрифтов зарубежных авторов.

 

тебе лапу. Эээ... А чего это я на тебя набро-

все, что Новая почта предлагает в плане допол-

 

 

 

 

сился? Ты-то наверняка сделал все как надо! И

нительного сервиса.

 

 

БЕСПЛАТНОЕ МЕСТО ДЛЯ ИНТЕРНЕТ-ПРОЕКТА

мне уже давно пора рассказывать о том, где

 

 

 

 

 

 

 

 

можно бесплатно пристроить твой HTML-до-

i-Connect

 

 

 

У тебя была Идея. Ты любовно собрал необхо-

мик! Начнем с

 

 

 

 

 

http://home.i-connect.com

 

димые материалы. По моим наводкам подоб-

 

 

 

 

 

 

 

 

 

 

 

 

рал для своего первого проекта приятное гра-

Chat.ru

 

 

 

 

 

 

А вот это уже интересно. На этом серваке поль-

фическое оформление. На ходу осваивая пре-

http://www.chat.ru

 

 

 

 

зователю, зарегистрировавшемуся под именем

мудрости HTML, ты реализовал все свои задум-

 

 

 

 

 

 

 

 

vasya, выдадут 10 Mб под веб-страницы

ки в виде набора связанных между собой веб-

Это классика. После регистрации ты получаешь

(vasay.i-connect.com, vasay.i-connect.ru), почто-

страниц. И что же у тебя получилось? Тешу се-

на этом сервере 10Мб для хранения файлов

âûé ÿùèê íà 10Ìá vasay@i-connect.com

бя надеждой, что не еще одна страничка юного

(7Мб для страниц на сервере и 3Мб для поч-

(прием почты - по POP3), а также неограничен-

“кулхацкера”. Ну, ты их, наверное, и сам не раз

ты), независящий от провайдера почтовый

ное количество e-mail-адресов вида: webmas-

встречал в Сети: черный фон, до боли знако-

ящик, а также Гостевую книгу, которую можно

ter@vasay.i-connect.com, postmaster@vasya.i-

мые анимированные гифы (вращающийся че-

использовать как веб-конференцию. Если ты

connect.com

èëè

äàæå

root@vasya.i-

реп, пылающий факел и линия, истекающая

зарегистрируешься под именем vasya, то твои

connect.com. Управление веб-страничками ве-

кровью), десяток древних полуразложившихся

страницы

будут

доступны

ïî

адресам:

дется по FTP-протоколу. Кстати, на i-Connect

программ... Один раз я пытался вразумить од-

www.chat.ru/~vasya, vasya.chat.ru, vasya.euro.ru

можно попробовать задействовать в своем

ного владельца такой вот странички. Я написал

или vasya.pochta.org. Есть он-лайн-редактор, с

проекте CGI-скрипты. Для этого их, правда,

ему в гостевой книге: “Приятель, мне напле-

помощью которого ты можешь быстро слепить

придется сначала выслать на имя администра-

вать, что веб-мастер из тебя никакой и что все

свою первую веб-страницу. Но знай - такой

тора сервера для проверки. И, если проверка

твои супер-проги давно устарели (кстати, а по-

фишкой не воспользуется ни один уважающей

эта покажет, что они безопасны, и у админа бу-

чему под словами “навороченный троян” у тебя

себе веб-мастер... Файлы на Chat.ru можно за-

дет хорошее настроение, то, возможно, их да-

скрывается эмулятор ZX-Spectrum-а?), но о

ливать как при помощи браузера, так и по FTP.

же разместят на сервере.

 

том, что все архивы на твоей страничке зара-

 

 

 

 

 

 

 

 

 

 

 

 

жены WinCIH-ом, хотя бы это ты должен

Новая почта

 

 

 

 

 

Agawa

 

 

 

знать?!!” И ты знаешь, что я обнаружил в “Но-

http://www.newmail.ru

 

 

 

 

http://hosting.agava.ru

 

востях” этого сайта на следующий день? “Ура!

 

 

 

 

 

 

 

 

 

 

 

 

Ура! В моей коллекции появился вирус ВинЧих!

7 метров под страничку - маловато будет? Тог-

Хе-хе. А теперь я покажу тебе, к чему ты дей-

Брать здесь...” И все зараженные файлы так и

да иди и получи на сервере “Новая почта” 16

ствительно должен

стремиться. Записывай:

остались на своих местах. Тьфу! Только ты не

Мбайт дискового пространства с возможнос-

неограниченное место для Web-сайта, домен

подумай - я ничего не имею против “хакерских”

тью ftp-доступа. Твои странички в этом случае

третьего уровня, запуск твоих CGI-скриптов,

страниц! Просто ты сработай нормальный ди-

будут

откликаться

íà

vasya.hotmail.ru

è

доступ к базе

данных (MySQL), форвардинг

98

 

0062

 

X/WEB

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

MILLENIUM

всей почты домена на твой e-mail, FTP-доступ и

:) а полазай в Сети, сбегай на www.citycat.ru -

твоем сайте баннера, не так ли? :) Да и ты, на-

доступ к лог-файлам сервера. Записал? А те-

подпишись на специализированную рассылку

верное, хочешь знать не только то, сколько раз

перь прикинь - все это действительно может

“Бесплатное качественное место для вашего

просматривали твои веб-страницы, но и то, от-

обломиться тебе совершенно бесплатно. Поч-

сайта” и, как минимум, зайди на сайт

куда приходили к тебе посетители, сколько из

ти. В качестве оплаты от тебя попросят лишь

FreeWebspace.net и узнай, какие предложения

них мазохистов, припершихся уже второй раз

разместить рекламный баннер внизу или ввер-

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

за день, и т.д. и т.п. Короче говоря, счетчик

ху твоих страниц. Это как раз то, о чем говорит-

 

должен еще уметь выдавать статистику посе-

ñÿ

на ProNet в статье “Тепленькое местечко”

БЕСПЛАТНЫЕ СЧЕТЧИКИ

щений. А значит, он должен быть не простой, а

(pro.net.ru/fiction/place.shtml - обязательно по-

 

продвинутый. От какой-нибудь известной фир-

читай!). Но... Для этого требуется, чтобы у те-

Стало быть, нашлись добрые люди, которые

мы, которой все доверяют. Например:

бя на руках был полностью готовый веб-проект,

согласились совершенно без-воз-мез-дно

 

 

 

 

интересный не только черно-белыми фотками

пристроить у себя на сервере твой Интернет-

Rambler Top100

 

твоего любимого пса Набалдашника, насилую-

проект? Это хорошо. Значит, теперь о том, что

http://counter.rambler.ru/top100

щего соседский матричный принтер.

ты “чиста веб-мастер”, будут знать не только

 

 

 

 

 

 

 

 

 

твои приятели по курсам кройки и шитья. Что

Счетчик Rambler-а является самым авторитет-

FreeWebspace.net

 

 

ж, раз ты теперь почетный сайтовладелец, то,

ным в Рунете. Каждый новый сайт спешит укра-

http://www.freewebspace.net

 

значит, следующим твоим действием должно

сить им свои веб-страницы. Оно и

 

Эй! Это кто это там со свирепым прищуром

стать навешивание на веб-страницы своего

понятно: счетчик Rambler-а довольно неплохой

приготовился метнуть в меня тяжелый пред-

любимого детища огромного числа самых раз-

- быстрый и надежный. Если ты выберешь этот

мет? Да, я действительно не включил в эту

нообразных счетчиков. Ведь именно вдумчивое

счетчик, то и глазом не успеешь моргнуть, как

статью многие известные серверы, которые с

и каждодневное снятие показаний с этих счет-

окажешься

â

популярнейшем

рейтинге

удовольствием приютят твой первый веб-сайт.

чиков - и есть то, чем все начинающие сайтов-

Rambler Top 100. И хотя я что-то сомневаюсь в

Это не значит, что я не знаю о существовании

ладельцы любят заниматься чаше всего. А ты

том, что твой сайт сразу прыгнет на первые

XOOM

(www.xoom.com)

èëè

Angelfire

думал, что они все работают не покладая рук,

строчки “хит-парада”, тем не менее, на некото-

(angelfire.com). Просто я стараюсь помочь на-

раз за разом обновляя информацию на своих

рый приток посетителей ты можешь смело рас-

чинающему юзеру как можно скорее превра-

веб-страничках? Хе-хе, наивняк. Итак, счетчи-

считывать даже болтаясь в замыкающей двад-

титься в продвинутого веб-мастера. А инструк-

ки... Ты, конечно, можешь выбрать какого-ни-

цатке. А теперь о грустном: так уж получается,

ция по эксплуатации на русском языке на пер-

будь примитивного уродца от владельца твоего

что именно этот счетчик выдает самые низкие

вых порах изрядно облегчает этот процесс. Но,

бесплатного хостинга, но это не есть круто.

цифры посещаемости, сопровождая их не са-

с другой стороны, выбор бесплатного хостинга

Вряд ли его показаниям поверят твои будущие

мой полной статистикой.

 

- дело серьезное. Так что ты не ограничивайся

рекламодатели (ты же, разумеется, плани-

TopList

 

 

 

только одним источником информации (мной),

руешь жить безбедно, за счет вывешенного на

http://top.list.ru