книги хакеры / журнал хакер / специальные выпуски / Специальный выпуск 2_compressed
.pdfX/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 |
|
|