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

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

Вы находитесь на блоге "ArtShok. Красивое сайтостроение".
Блог в большей степени посвящен примерам и урокам по CSS, jQuery, AJAX и немного внимания будет уделено продвижению (SEO). Иначе говоря, всему тому, что поможет сделать Ваш сайт более красивым и совершенным.

Машина твоей мечты вместе с Sape!

Архив рубрики ‘HTML’


07.08

2009

Автор: ArtShok Tags: , , , ,
24 комментария

9 полезных FireFox дополнений для вебмастеров

Большинство вебмастеров давно уже отказались от IE в пользу Mozilla FireFox. И дело даже не в том, что продукция мелко-мягких постоянно глючит, сколько в том, что Лиса очень хорошо настраивается и помогает оптимизировать работу. Но суть этого поста не хаять InternetExplorer (хотя 6 версия, думаю, уже порядком всех достала), а предоставить список из 9 FireFox плаггинов, которые ощутимо облегчат вам работу с ежедневными и местами рутинными процессами, благо скачать и установить их можно бесплатно :)

1. Firebug. Самое популярное дополнение. Легко интегрируется в браузер, позволяет вживую редактировать, отлаживать и изучать CSS, HTML и Javascript на любой странице.

Firebug. 9 полезных FireFox дополнений для вебмастеров

Остальные 8 плаггинов для FireFox…

05.28

2009

Автор: ArtShok Tags: , ,
9 комментариев

Unicode символы

Неделю назад был опубликован урок о том, как красиво оформить посещенные ссылки с помощью CSS. И на пятом шаге мы использовали символы unicode в качестве элемента ссылки. Собственно как дополнение к этому уроку выкладываю список unicode символов, но не всех подрях, а наиболее интересных и которые могут пригодиться в дальнейшем. Unicode символы, таблица…

03.31

2009

Автор: ArtShok Tags: ,
Комментариев нет

«Новорождённый» HTML 5: маленький шаг в большое будущее

Сегодняшний пост является гостевым, автор статьи - компания Optimism.ru:

Email для связи: info@optimism.ru

———————-

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

Например, в Internet Explorer не поддерживается «официальный» XHTML: даже если код написан на этом языке, IE всё равно обрабатывает его тем же синтаксическим анализатором, что и устаревший HTML, лишая самого себя шанса продемонстрировать все преимущества XHTML.

Невероятно, но факт: сегодня Интернет прекрасно обходится и без новых технологий. Сайты исправно обрабатывают информацию, работают поисковые системы и сотни самых разных сервисов.
Что нам даст появление HTML 5 и кода это будет

11.11

2008

Автор: ArtShok Tags: ,
5 комментариев

Все через Alt… (доступные комбинации значков и символов)

Тема поста на сегодня “Все через Alt…”, которой я начинаю серию шпаргалок для повседневнего использования. Конечно, вряд ли вы каждый день ломаете голову как поставить ♪ или ™ и уж тем более ╞. Но по закону подлости, именно когда нам нужно вставить что-то этакое, оно не находится.
Таблица комбинаций значков и символов с Alt

10.02

2008

Автор: ArtShok Tags: , ,
11 комментариев

Как правильно поставить ссылки на Skype и ICQ

Очень часто на порталах техподдержки, бизнес-консультирования и прочего онлайн-саппорта, можно видеть ссылки на ICQ или Skype для живого общения с консультантом.

Недавно и мне понадобилось проставить такие ссылки в одном из проектов. Чтобы решить, казалось бы, такую простую задачу, пришлось поискать ответы в google и отсортировать кучу ненужной информации. Найти сразу все ответы в одном месте не получилось, поэтому восполню этот информационный пробел в своём блоге.
Как поставить ссылку на скайп и аську

09.15

2008

Автор: ArtShok Tags:
Комментариев нет

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>