ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

Rotaban.ru - биржа банерной рекламы


17 сентября 2008

25 советов по подборке и регистрации доменов

  1. Пользуйтесь словарями, чтобы выяснить значение слова (вполне возможно, что найдете еще что-нибудь интересное).
  2. Попробуйте поработать с аббревиатурами.
  3. Носите всегда с собой блокнот и ручку, чтобы всегда была возможность записать идеи.
  4. Старайтесь не использовать без необходимости дефис и цифры.
  5. Проверьте на сколько имя читабельно.
  6. Еще 20 советов по подбору доменов

15 сентября 2008

Base Href

Base href - тэг, помогающий сократить количество повторяющегося текста в вашем документе. Определяя base href, вы даете браузеру понять, что все внутренние ссылки в документе идут как бы от начала (т.е. от заданного адреса). Это позволит нам сократить время при разработке и просмотре сайте на компьютере - вы сразу сможете проанализировать, как он будет выглядеть в сети и были ли допущены ошибки в адресации.

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

<head>
<title>Base Href</title>
<base href="http://www.yoursaitename.ru">
</head>

<body>

<p>Проверяем работу base href для ссылок</p>
<p><a href=html>Base Href</a></p>
<!-- Получаем нужную ссылку -
http://<code>www.yoursaitename.ru</code>/html.
Без base href мы были бы перенаправлены на поддерикторию.
Например, http://www.yoursaitename.ru/where-we-now/html -->

<p>Проверяем работу base href для картинок</p>
<p><img src=picture1.jpg></p>
<!-- Полный url - http://www.yoursaitename.ru/picture1.jpg.
Для проверка жмем правой кнопкой и Свойства.
Опять же без base href картинка лежала бы по адресу
http://www.yoursaitename.ru/where-we-now/picture1.jpg,
т.е. там, где ее теоретически нет -->

</body>
</html>
13 сентября 2008

Чемодан Блоггера

Итак, сегодня было анонсировано о выходе “Чемодана Блоггера”.

“Чемодан Блоггера” - это бесплатная программа для тех, у кого есть свой блог. Программа имеет функции мгновенного обновления информации в нескольких разделах, причем влияют на эти изменения сами пользователи.

Что это нам дает? С помощью Чемодана Блоггера вы можете:

  • добавлять ссылки на посты в сервисы социальных закладок
  • очень быстро делить нужной информацией с другими блоггерами
  • сообщать всем о новом конкурсе на вашем ресурсе, тем самым привлекая новых посетителей и многое другое

Более подробное описание вы можете прочитать на страницах блога Артема Беляйкина - “Каждому блоггеру - по “Чемодану“

9 сентября 2008

Как оптимизировать CSS

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

Такая оптимизация CSS выигрышная, если приходится прописывать кучу стилей к одному сайту. Если вы верстаете в DreamWeaver, то наверняка уже использовали этот метод интуитивно, когда прописывали стили, например, к шрифтам или фону - спасибо разработчикам, они позаботились о всплывающих подсказках:)

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

  1. Отбивка (Margin & Padding)
  2. Шрифты (Font)
  3. Фон (Background)
  4. Границы (Border)
  5. Списки (List)
  6. Контуры (Outline)

Подробно о каждом способе оптимизации CSS

8 сентября 2008

PNG-24, проблема отображения в IE. Как исправить?

До тех пор, пока IE 6 версии и ниже не уйдет из обихода пользователей, нам предстоит решать проблему отображения png-24 в браузере. Это актуально хотя бы потому, что, согласно статистике, больше 50% посетителей используют до сих пор эксплорер, в связи с чем не принимать их во внимание будет глупо и непредусмотрительно. Как минимум это приведет к потере посетителей, не сумевших оценить ваш дизайн и использование в нем png.

Решение проблемы png24

8 сентября 2008

Как изменить цвет полосы прокрутки

Сегодня мы рассмотрим как изменить цвет полосы прокрутки со стандартного на… желаемый:)

Безусловно, у этого метода есть свой минус - изменения будут видны только в Internet Explorer версии не ниже 5.5. Но тем не менее это даем нам дополнительный шанс, чтобы выделиться и понравиться посетителям. Ничего сложного в этом нет.
Собственно о том, как изменить стиль скролбара

6 сентября 2008

Как сделать древовидный список с помощью CSS

Сегодня мы рассмотрим урок по созданию древовидного списка, каждый из пунктов которого соединяется линиями.

Древовидный список методами CSS, оформление списка с помощью CSS

Если не засорять код чем-то лишним, то в идеале он будет выглядеть следующим образом:

   <ul class="tree">
    <li>Продукты
     <ul>
      <li>Молочные
       <ul>
        <li>Молоко</li>
        <li>Кефир</li>
       </ul>
      </li>
      .
      .
      .
   </ul>

Как оформить древовидный список с помощью css