2007 Октябрь | Окно в мир дизайна и компьютерной графики

11.jpg

Сложность такого рода иллюстраций заключается в том, что создание небольших превью требует или специализированного программного обеспечения или долгой возни в Photoshop’е.
Я практически полностью автоматизировал процесс используя программу для обработки видео (Adobe Premiere) дабы получить 400 превью и потом использовал инструмент Контрольный лист в Photoshop чтобы собрать их в один файл. Достоинство этого метода заключается в том, что каждый кадр будет отличаться от предыдущего, хоть и будет похож на него.
В добавок так как превьюшки создаются из серии видео кадров, так же возможно придать определенную тематику общей картине, используя эту раскадровку. Итак, начнем.

Дальше »

Красивая и приятная тема для WordPress от ThemePorter. Работает на версиях WordPress 2.x(на других не проверялось)

  • У темы фиксированный размер
  • Тема готова для виджетов
  • Сайдбар находится слева

Демо можно посмотреть здесь(откроется в новом окне)

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 72kb
Скачать

Красивая и стильная тема для блога на базе WordPress. Напоминает дизайн Mozilla Firefox. Сайдбар находится справой стороны. Демо можно посмотреть здесь(откроется в новом окне)

  • Поддерживаемые броузеры: Firefox, IE и Opera
  • Версии WordPress: WordPress 2.x

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 25kb
Скачать

screenshot1.jpg

Картинка кликабельна. Красивая и приятная тема для WordPress. Идет для версии WordPress 2.x. Состоит из двух колонок, строгая в цветах тема, с поддержкой виджетов. Демо можно посмотреть здесь(откроется в новом окне)

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 77kb
Скачать

Приятная тема с хорошим дизайном, также тема поддерживает календарь. Самое печальное в данной теме, это то, что разработчик темы защитил файл footer.php(то есть превратил php код в набор символов и букв). Автор темы: makequick.com. Демо версию можно посмотреть здесь(откроется в новом окне)

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 144kb
Скачать

Красивая тема от justskins для WordPress. Идет под версии WordPress 2.x. Сайдбар(sidebar), находится справой стороны. Демо можно посмотреть здесь(откроется в новом окне)

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 102kb
Скачать

Хорошая и красивая тема для WordPress. Состоит из трех колонок, фиксированный размер, готова для виджетов и сайдбар(sidebar) находится справа. Идет для версии WordPress 2.x. Демо можно посмотреть здесь(откроется в новом окне)

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 150kb
Скачать

Тема состоит из двух колонок, готова для виджетов, сайдбар находится слевой стороны. Красивая тема подойдёт для научных и персональных блогов.

Демо(откроется в новом окне)

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 75kb
Скачать

Очень красивая, воздушная и поэтическая тема для WordPress, под названием Dreamy с поддержкой виджетов и подстраниц. Работает на версиях WordPress 2.x

Демо(откроется в новом окне)

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 147kb
Скачать

В этом примере рассказывается о том, что при наведении на картинку курсор мыши, ее прозрачность становилась 80%-ной(чтобы она была потусклее), а на неактивной картинке оставалась 100%-ной. Пример можно посмотреть здесь, не работает в InternetExplorer. Далее следует небольшое описание как это сделать.

Создайте файл css.css и вставьте в него следующий код:

a img:hover {
filter:alpha(opacity=80); ..-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}

Затем создайте файл index.html и вставьте в него следующий код

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=window-1251″ />
<title>Прозрачность картинки при наведении на нее курсора мыши через CSS</title>
<link rel=”stylesheet” type=”text/css” href=”css.css” />
</head>

<body>

<p><a href=”http://flashripper.net/demoblog/” target=”_blank”><img src=”16r.gif” border=”0″/></a></p>

<p><a href=”http://flashripper.net/demoblog/” target=”_blank”><img src=”18r.gif” border=”0″ /></a></p>

<p><a href=”http://flashripper.net/demoblog/” target=”_blank”><img src=”17r.gif” border=”0″ /></a></p>

</body>
</html>

На этом все, теперь вам осталось только вставить свои изображения и наслаждаться полученным результатом.
Дополнительно:

Если вам нужно переместить пользователя с одной страницы на другую, то прочитать как это сделать можно в этой статье. Пример выполнения данного скрипта вы можете посмотреть здесь.

Для начала, создайте файл index.htm и вставьте в него следующий код:

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Language” content=”ru”>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″ />
<title>Редирект</title>
<script type=”text/JavaScript”>
<!–
function MM_goToURL() {
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+”.location=’”+args[i+1]+”‘”);
}
//–>
</script>
</head>

<body onload=”MM_goToURL(‘parent’,'http://www.flashripper.net/demoblog/’);return document.MM_returnValue”>
<p>
<img border=”0″ src=”i2.gif” width=”13″ height=”13″ align=”left”><font size=”2″>Подождите,
сейчас вы будете перемещены на страницу блога…</font></p>
</body>
</html>

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

Дополнительно:

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

Для начала создадим файл index.htm и вставьте в него следующий код:

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>popup</title>
<script>
<!–
function newwindow() {
cX=(screen.width-430)/2;
cY=(screen.height-380)/2;
w=window.open(‘newwindow.htm’,'_blank’,'width=430,height=380, scrollbars=yes,left=’+cX+’,top=’+cY+’,screenX’+cX+’,screenY=’+cY);
}
–>
</script>
</head>

<body>
<a href=”javascript:newwindow()”>Новое окошко</a>
</body>

</html>

Теперь разберём одну строчку:

w=window.open(‘newwindow.htm’,'_blank’,'width=430,height=380, scrollbars=yes,left=’+cX+’,top=’+cY+’,screenX’+cX+’,screenY=’+cY);

newwindow.htm – страница, которая будет открыта
_blank – обозначает, что страница будет открыта в новом окне
width=430,height=380 – размер и ширина нового окна

Теперь создадим файл newwindow.htm и вставьте в него следующий код:

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>popup</title>
</head>

<body>
<font size=”2″>Пример нового окошка</font>.<span lang=”en-us”>
<a href=”http://flashripper.net”><font size=”2″>http://flashripper.net</font></a><font size=”2″>
<br>
</font></span>
<font size=”2″>
<br>
<a href=”javascript:close()”>Закрыть окно</a></font>
</body>

</html>

Вот вроде и все!
Дополнительно:

На сайте Viki.Works есть расширение для Dreamweaver, под названием DW extension for wordpress template build, которое должно облегчить пользователям этой программы создание новых тем для Wordpress.

 

Установка: скачайте расширение с официального сайта, а потом просто два раза кликнете по файлу *.mxp, в программу Dreamweaver добавиться еще одна дополнительная вкладка, под названием Wordpress, на которой и находятся все инструменты для создания тем.

Расширение можно скачать здесь

Вы создали новый оригинальный проект, разместили на хорошем хостинге, проверили каждую страницу сайта на ошибки, поставили счетчики, но они показывают только Ваши заходы, а также заходы Ваших друзей, коллег и людей, которых вы просили об этом. Что делать в такой ситуации? Неужели ничего нельзя сделать? Можно!
Прочитав эту статью вы узнаете о первом и последующих шагах в нелёгком деле раскрутки сайта в Интернете.

Итак, если Вы уверены, что Ваш сайт может увлечь людей, пришедших на него, то можно начинать…

1. Размещение описания сайта в рассылках-обзорах Сети. Такие рассылки Вы можете найти в разделе “Интернет”-”Обзоры” на http://subscribe.ru ; в разделе “Интернет” на http://content.list.ru/cat_5.html ; на сервисе http://maillist.ru . В случае благоприятного стечения обстоятельств описание Вашего сайта увидят до 100 тысяч подписчиков этих рассылок. При составлении письма ведущему рассылки не следует ограничиваться только фразой “Эй, ты глянь мой линок!!” (прим.автора – это реальный пример одного из писем полученного мной недавно). Помимо ссылки на сайт обязательно включите описание сайта составленного так чтобы выставить на первый план особое содержание сайта, его изюминку. Велика вероятность, что оно в таком виде будет использовано ведущим рассылки. В случае попадания в обзор Вы можете реально получить от 150 до ….. новых посетителей только за один день. Не делайте все в один день, Вам нужен не взрыв на сутки, а постоянная подпитка, пока не заработают другие приемы.

2. Регистрация в каталогах и поисковых системах. Этот метод обеспечит Вас постоянным траффиком, но произойдет это не так быстро. Примерно, этот процесс растягивается на 2-3 месяца. Следует различать каталоги и поисковые системы. Каталог – это подобие телефонной книги в Сети редактируемая людьми которые заходят на сайт, редактируют описание и добавляют описание в каталог. Поисковая система – это автоматический механизм основанный на анализе содержания каждой страницы и ранжирования результатов поиска. Здесь людей-редакторов уже нет. При регистрации в каталогах Ваша главная задача – составить грамотное описание сайта, которое бы обьективно отражало содержание сайта, и не содержало бы различных призывов. Например: “Самый крутой сайт заходи сюда не пожалеешь!!!!!!!!” При регистрации Вашего сайта в поисковых системах обратите внимание на конкретные рекомендации по обеспечению высокой позиции Вашего сайта. Не верьте тому, что добавление тегов keywords и description выведет сайт на первые позиции по всем этим словам.

3. Обмен ссылками с другими сайтами. Этот метод принесет Вам целевую аудиторию, но в тоже время потребует очень серьезной работы по отбору сайтов. Обычно ссылки располагаются в 2-х местах: на главной странице сайта (обычно внизу), а также на отдельной странице “Ссылки”. Таким образом Вы сможете иметь возможность предлагать обмен ссылками разным сайтам в зависимости от количества посещений. Не секрет что можно договорится с заметно более крупным сайтом на обмен на условиях: Вы на главной странице, а они на странице “Ссылки”. Старайтесь отбирать сайты по качеству контента, а не по посещаемости, большая посещаемость может быть “подкрученной”.

4. Баннерная реклама. На Западе это давно прошедший этап развития интернета. Применять баннерную рекламу имеет смысл только для более-менее раскрученных проектов. Если Ваша посещаемость находится на уровне 5-10 человек в день, то мгновенный показ вряд ли привлечет новых посетителей, попытайтесь сначала поработать без показа баннеров, чтобы создать актив показов. Существует 2 класса сетей: Общие и специализированные. Точность воздействия на потенциального посетителя обеспечивается наличием таргетинга, т.е. возможности выбора категории сайтов где будет показываться Ваш баннер. Проблемой специализированных сетей является выгорание баннеров, т.е. снижение результативности по привлечению посетителей. (показатель CTR – отношение количества нажатий на баннер к числу его показов). Наилучшим выбором будет сочетание баннеров общей сети и специализированной.

5. Подпись к сообщениям почты. Вам следует добавить адрес и краткое описание сайта в Вашу подпись в е-мейл сообщениях. Прием не так эффективен, как остальные, но если Вы регулярно участвуете в дискуссионных листах,- эффект может быть более существенным.

6. Web-Кольца. Это разновидность обмена ссылками. Смысл его в том, что Вы размещаете на своем сайте набор ссылок вида ” Next” “Previous” “+5″ -”5″ что обеспечивает целевую аудиторию с других сайтов участвующих в кольце. К сожалению в Рунете web-кольца практически не работают.

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

8. Открытие собственной рассылки. Любой грамотно раскручиваемый сайт рано или поздно подходит к осознанию наличия собственной рассылки. В Рунете существует немало сервисов которые предоставляют такую возможность: http://content.list.ru http://maillist.ru http://subscribe.ru http://virtuals.atlant.ru . Для пробы сил как нельзя лучше подходит http://content.list.ru. Старайтесь сделать содержание рассылки оригинальным, не ограничивайтесь только новостями сайта. Это поможет Вам создать целевую аудиторию для своего сайта.

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

Красивая тема для WordPress от Dezinerfolio.com. Идет под версии WordPress 2.x(под другими версиями я не пробовал ее). Полностью на русском языке, переведены все мелочи, которые совершенно не нужно было переводить.

Демо

 

Автор перевода: FlashRipper
Размер архива с русской темой составляет: 67kb
Скачать

Сервис регистрации в каталогах