Архив

Архив Июль 2009

Преобразование писель-точки-проценты для css

26 июля 2009 Comments off

Для дизайнеров, программистов и веб-мастеров необходимо знать что такое точка, пиксель, дюйм. Эти понятия используются в во всех графических работах.
При создании дизайна веб-страницы в css прописываются размеры шрифтов. Часто шрифты пишут в пикселях (px) и в точках (pt – point).

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

Но некоторые все же делают шаблоны с размерами в поинтах.

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

Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

Значения в таблице аппроксимированы к ближайшим целым числовым значениям.

40 полезных советов, что следует и не следует делать в SEO оптимизации

24 июля 2009 Comments off

Советы СЕО оптимиации

20 полезных советов. Что следует делать в SEO.

1. Делайте изменения, которые нравятся пользователям. Делайте для пользователей, тогда они потянутся к вам.
2. Создайте удобную навигацию по сайту.
3. Учтите, что каждая страница вашего может быть точкой входа пользователя (клиента)
4. Нормально именуйте каждую страницу и часть контента, желательно теми словами, которыми описывают это пользователи.
5. Будьте внимательны к деталям, пересмотрите все так, как это бы сделала поисковая машина.
6. Постоянно добавляйте контент, который будет интересен пользователям в данную минуту.
7. Информируйте поисковые системы о новых страницах вашего сайта, добавляйте их в sitemap, делайте удобную индексацию для поискового робота.
8. Используйте текст чтобы описывать вставленные картинки или видео.
9. Обменивайтесь в вашими коллегами опытом и повышайте технические знания сео своей команды.
10. Используйте статистику для изучения действия seo-оптимизации.
11. Упрощайте ваш код (если вы программист), чтобы он был меньше и был легко читаемым.
12. Определите для себя главные страницы, которые требуют больше всего трафика по определенным ключевым словам.
13. Создавайте прямые ссылки с релевантных сайтов.
14. Намечайте карту сайта, перед тем как устанавливать новый шаблон на сайт.
15. Используйте иерархическое построение карты сайта где это необходимо.
16. Используйте css стили и скрипты JavaScript, чтобы улучшить ваш сайт.
17. Знайте, что быстро достичь результата в сео очень сложно, поисковые системы постепенно изменят свои выдачи. Если сайт быстро выбился в топ, то также быстро он может от туда слететь.
18. Рассмотрите ваши результаты работы, из этого можно сделать выводы, какие инструменты продвижения использовать а какие нет.
19. Учтите, что все кто занимается тем же что и вы могут быть вашими партнерами.
20. Периодически читайте новые сообщения на блогах, форумах. Будьте в курсе динамики событий. Читать далее…

Все праздничные логотипы Google 2007

18 июля 2009 Comments off

Логотипы поисковика GoogleКаждый год дизайнеры поисковой системы Google по их хорошей традиции создают новые праздничные логотипы. Причем на разных доменах висят разные изображения. Больше всего логотипов я нашел на домене .com. Конечно эти логотипы больше рассчитаны на американцев, например день независимости, логотип дня благодарения и т.п.

Ниже вы увидите все логотипы Google.com за 2007-й год с пояснениями значения дат.

Логотип Google - новый год

1 января – поздравление с новым годом.

День Мартина Лютера Кинга

День Мартина Лютера Кинга младшего Читать далее…

Набор portable soft для программиста и дизайнера

15 июля 2009 Comments off

portable-softДля работы в интернете, мне, как веб-программисту и дизайнеру самоучке, необходимо иметь определенный набор программ. Без некоторых программ просто как без рук, почти невозможно нормально работать, не говоря же о полноценной работе.

Часто бывает что на чужих компьютерах, за которые мы садимся чтобы зайти в интернет, бывает в лучшем случае только MS Office, IE7.

Как для простого человека и владельца сайта, необходимы следующие инструменты: пару броузеров, почтовый клиент, ftp-клиент, офисные программы, icq-клиент.

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

Для дизайнера уже сложнее, в ручную с файлом изображения почти ничего не сделаешь. Стандартный Paint имеет мало возможностей, хотя даже Paint может послужить инструментом для уменьшения картинок без потери качества. Photoshop – самый главный и полнофункциональный инструмент для дизайнера, но portable версии не существует, да и размер у него не маленький. В походных условиях, вдалеке от родного ноутбука и домашнего компьютера дизайнеру потребуется совершать скорей всего только небольшие действия над изображениями, для таких целей есть несколько отличных portable программ, о которых я напишу ниже.

Основной portable soft для работы в интернете

БРОУЗЕРЫ:

Firefox Portable Edition

firefox-portable

Это один из самых популярных броузеров. Им очень удобно пользоваться, особенно учесть то, что все закладки будут исправно сохраняться на ваш usb-носитель. Также вы можете устанавливать любые полезные дополнения (plugins). Читать далее…

Создание своего автономного блога

13 июля 2009 Comments off

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

Приступим к описанию физической стороны сайта:

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

Все шаги для создания своего блога:

Сразу имеется ввиду, что блог будет находится на своем хостинге, а не в готовой системе блогов. Читать далее…