бесплатно


Урок 1. Создание шаблона для Joomla 2.5. Введение: структура шаблона

Приветствую всех, любителей создавать сайты самостоятельно. Начинается новая серия полезных уроков. По названию вы поняли, что мы будем создавать шаблон для CMS Joomla версии 2.5, т.е. последней актуальной версии.

Серия статей написана специально для Казахстанского форума о Joomla.

Теперь по урокам создания шаблона: что необходимо знать?

Внимание! Обратите внимание на дату публикации статьи, и взгляните на актуальную версию Joomla!

В-первую, очередь мы будем использовать готовый html шаблон, из которого сделаем шаблон для джумла. (скачать искодники можно в конце статьи) Если вы хотитесвой скачайте в интернете по запросам: «скачать шаблон на html5», «бесплатный html5 шаблон» и т.д. Советую использовать html5. ;)

Также вы можете заказать дизайн и сверстать по мои урокам верстки сайта с нуля. А затем уже перейти к созданию непосредственно шаблона. Кстати, таким способом можно зарабатывать.  :neutral:

Хватит слов. Перейдем к структуре уроков. Серия уроков следующая:

  1. Введение. Что есть, что в шаблоне?
    Структура шаблона joomla 2.5
  2. Создание templateDetails.xml
  3. Создание шаблона из html и установка
  4. Добавление модулей
    Условия с позициями модулей
  5. Добавление css. Готовый шаблон.
  6. Фишки и плюшки
  7. Полезные ссылки.

Последние пункты будут добавлять по мере необходимости. В общем, в 5 уроков должны уложиться.

Внимание! В данной серии уроков (5-ти), вы узнаете только азы создания шаблона по Joomla. Вам также необходимы знания и понимания верстки сайтов.

Наш будущий шаблон (зеленый :-)  ) выглядеть будет так:

бесплатный html шаблон зеленый

Выбран этот html шаблон simplestyle_7 (посмотреть демо html шаблон):

  • Используется html 5 как нам и нужно;
  • Простота: обычный вывод статей с правым сайдбаром с оформленными модулями;
  • Есть простая типография (страница Example)
  • Лого и слоган можно сделать настраиваемыми.

С введением все. Подписывайтесь на обновления и будьте в курсе интересных материалов.

Структура шаблона Joomla 2.5

Если вы уже знакомы со структурой шаблона Joomla 1.5,  то можно пропустить данный урок.

Важно знать, что в joomla есть два вида шаблонов:

  • шаблон для сайта
  • шаблон для административной части

Шаблоны для админки находятся по пути:

   site.kz/administrator/templates/название_шаблона/

Шаблоны для сайта находятся по пути:

   site.kz/templates/название_шаблона/

Название шаблона регистр зависимое. Мы с вами рассмотрим структуру шаблона для сайта joomla.

Общая минимальная (базовая) структура выглядит следующим образом:

Структура шаблона joomla 2.5

css и images – это папки для отображения стилей и картинок соответственно. Их количество зависит от Вашей фантазии и дизайна сайта;

index.php основной файл шаблона – Главная страница сайта;

templateDetails.xml –  информационный файл – содержит данные о шаблоне, его авторе, всех файлов в шаблоне.

Но обычно структура простого шаблона такова.

Структура шаблона joomla 2.5

Папка html для настройки красоты и структуры модулей, компонентов.

Файл favicon.ico для иконки сайта.

template_preview.png  и template_thumbnail.png – превью и картинка шаблона, для отображения в «Менеджере шаблонов» в админке Joomla. В версии 1.5 была только одна картинка.

Это основные/базовые файлы шаблона joomla 2.5. Конечно, есть и другие, но сейчас в этом нет необходимости. После базового курса рассмотрим все более углубленно.

Если у вас какие-нибудь предложения по данным урокам, можете отписаться в комментариях, либо в специально созданной ветке в теме форума joomlaforum.kz.

Надеюсь, информация была полезной для вас. Не забываем делиться с друзьями и подписываться на блог. :-?

Следующий урок 2

Скачать Html шаблон

с/у УтБ

Если вы делаете ремонт, то не забудьте пластиковые окна москва – отличное решение!

На десерт сегодня популярное видео интернета: “Ты кто такой, давай до свидания”:

Плагин для Фотошопа, конвертирующий стили программы в код css

И вот, наконец, для самых ленивых верстальщиков был придуман специальный плагин для Фотошопа, который конвертирует стили в css файл.

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

Отметим, что в коде используется css 3. Пример кода можно посмотреть здесь. (то что рисуют на видео).

Теперь перейдем к теме: как установить и пользоваться данным плагином.

Как установить плагин в Photoshop.

На видео видно как установить плагин. Немного прокомментирую с картинками.
1. Скачайте плагин, кликнув на главной страницы на кнопку Download for CS5, CS6 или Download for CS3, CS4 в зависимости от версии Фотошопа.
2. Запустите скаченный файл.
3. Принимайте условия.

установка плагина фотошоп css3ps

4.  Проверте, что слева от названия стоит галочка, закройте приложение.

установка плагина css3ps в photoshop

5. Откройте фотошоп, и активируйте плагин.
на Mac


установка плагина css3ps в фотошоп для конвертации css кода

на Windows

photoshopcss3ps

Как пользоваться плагином css3ps?

Очень просто. После активации появится окошко с логотипом css3ps. После создания элемента (например, квадрата с закругленными концами), выделите нужный слой (слой с квадратом с закругленными концами) и нажмите на иконку Css3ps. После этого откроется сайт с картинкой и стилем css к нему. Скопируйте и радуйтесь.

плагин css3ps

Внимание! Рисовать придется по четче и качественно. Не выдумывайте слишком сложное.

Надеюсь данный плагин поможет вам в освоении верстки сайта, и упростить вам работу.
с/у УтБ

Если вам нужен дом, квартира, то возможность купить или продать недвижимость в Донецке без комиссии реальна.

На десерт видео в теме о плагине css3ps:

Scrabber – онлайн инструмент создания скриншотов

Сегодня, я делаю обзор полезного бесплатного софта, который, надеюсь, будет вам полезен. Название данному инструменту для блоггеров – Scrabber – бесплатный онлайн сервис создания скриншотов любой области экрана.

Пользоваться данной программой могут как с операционной системой windows, так и те, кто сидит на Mac’e. Для остальных, к сожалению, пока (надеюсь) версий нету.

Очень интересно обыграна программа. Главный герой – Мистер Краб, который и «вырезает» нам с вами необходимые картинки.

scrabber онлайн инструмент для скриншотов

         Что можно делать программой scrabber:

  • Выделять область в экране и копировать на сервер, получая несколько вариантов ссылок на картинку
  • Поделиться с друзьями, коллегами в соцсетях
  • Готовые ссылки в версиях: прямая ссылка, html версия и bb код для форумов

Кому полезна программа:

  • Всем, особенно работникам интернета. :smile: Удобно показывать баги, ошибки на сайте: выделил область, отправил ссылку.

Как начать пользоваться:

Зайдите на сайт и скачайте софт, нажав «поймать скраббер» для windows или mac.

скраббер онлайн инструмент

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

Как пользоваться скраббером. Инструкция в картинках:

scrabber инструкция по установке

скраббер онлайн инструмент установка

установка скарббера на компьютер

скраббер инструкция по установке

Минусы программы или чего не хватает

Лично мне не хватает в программе:

  • Привязки к аккаунту (при смене компьютера или переустановки теряются все ваши картинки) :lol:
  • Улучшить скорость отклика программы (иногда, скорее всего провайдер шалит)
  • Возможность «вырезки» элементов при наведении, активных и т.д. (не знаю правда как это будет выглядеть)
  • Возможность регулировать водный знак Scrabber.net (иногда на полкартинки или закрывает нужное), либо отключение данной функции  :-)

Надеюсь обзор был для вас полезным и интересным, не забываем поделиться с друзьями и отписываться в комментариях. :???:

З.ы. На сайте scrabber.net, не забудьте кликнуть на дворника ;)

З.ы.ы. А вы какой программой пользуетесь? Как вам такой софт?

с/у УтБ

***

Одну из «вырезанных» картинок можете добавить в красивую цифровую рамку для фотографий, либо фото своих родных и любимых.

На десерт социальная реклама для водителей. Очень неплохо придумано.

10 золотых китайских cms для электронной коммерции

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

В связи с тем, что много вирусов «приходит» к нам с востока, то разработчики предусматривают безопасность как одну из приоритетных.

Внимание! Данная статья участвует в конкурсе «Золотой пост».

Конечно, все не может быть безоблачно. Одной из самых основных проблем это локализация. Мало кто понимает и способен перевести cms  на родной язык. Отсюда и слабая поддержка сообщества. Но китайские cms активно поддерживает сообщество chinascript.ru. За что им особое спасибо.

Давайте теперь рассмотрим небольшой обзор золотых cms для интернет коммерции.

Необходимые понятия:
B2B – Бизнес для Бизнеса (каталоги, электронные биржи, аукционы, электронные сообщества)
B2C – Бизнес для Потребителя (интернет магазин типа амазон)
C2C – Потребитель для Потребителя (типа молоток ру – сайт аукционов)
C2B – Потребитель для Бизнеса (потребитель устанавливает цену на товар, которые они хотят купить)

Многопользовательский магазин Brand V2.1  (B2C, C2C)– мощный многофункциональный интернет-магазин, который дает возможность создания сайта для каждого зарегистрированного пользователя. Хорошая сортировка товаров, открытый код, минимальная нагрузка на сервер, неограниченное вложение категорий, простота системы далеко не все достоинства данной системы.

Демо: http://brand.chinascript.ru

iWebShop (B2С) – доступная и простая система для создания интернет-магазина. Функционал способен создать простой частный магазинчик, который будет минимально нагружать ваш сервер. Минус отсутствует полная русская локализация.

iWebShop

Демо: http://shopdemo.jooyea.net

Официальный сайт: http://www.jooyea.net

ShopNC – многопользовательский интернет-магазин с большим функционалом. Уже шестая версия данной системы «говорит» о перспективе развития. Единственная проблема перевод на русский язык.

Официальный сайт: http://shopnc.net

ttTuangou v1.3.6 – Groupon – интернет-магазин для групповых покупок пользователей. Или проще аналог такого сайта как групон. Система работает в связке php + mysql. Распространяется бесплатно на китайском языке.

Демо: http://tg.tttuangou.net

iWebMall – система для интернет коммерции построена по принципу B2C (Бизнес для потребителей), т.е. каждый зарегистрированный пользователь выбирает быть ему продавцом или потребителем. Богатый функционал и русская локализация привлекают внимание к данной системе.

iWebMall

Демо: http://iwebmall.chinascript.ru

PHPOK3 – бесплатная система для создания корпоративных сайтов. Но функционал можно расширить до полноценного интернет – магазина. Использование сторонних модулей всегда можно настроить систему как вам необходимо. Язык – китайский.

Демо: http://www.phpok.com/cs-case.html

B2Bbuilder CMS свободно распространяемая система для электронной коммерции. Можно использовать как B2B, B2C, C2C и быть успешным в своем бизнесе, то есть все зависит от вас. Плюс ко всему имеется 100% перевод на русский язык.

Демо: http://b2bbuilder.chinascript.ru

ECMall (С2С)- систем электронной коммерции (ECMall – многопользовательский магазин). Один из мощных, но для обычного интернет-магазина он вряд ли подойдет. Так как зарегистрированный пользователь может создавать свой магазинчик. Мощный фильтр и сортировки товара привлекут вас к данной системе.

Демо: http://ecmall.chinascript.ru/

ECShop V2.7.2 (B2C)– еще один бесплатный профессиональный интернет-магазин с открытым исходным кодом.

ECShop

Особенности интернет-магазина:

  • Использовано PHP, MYSQL, AJAX
  • Простая настройка системы
  • Неограниченная вложенность категорий
  • Неограниченное количество атрибутов для товаров
  • Производители товаров
  • Возможность продажи ПИН кодов
  • Импорт, экспорт товаров в таком формате как CSV
  • Проведение и добавление акций, аукционов в интернет-магазине и многое другое.

Демо: http://ecshop.chinascript.ru

PHPB2B – площадка для B2B магазина. Данный скрипт будет интересен в первую очередь для бизнеса. Для данного типа электронных коммерций считается одним из лучших.  Есть английская версия, что облегчает перевод системы.

Демо: http://phpb2b.sourceforge.net/ (на оф сайте ссылка демо)

Надеюсь данная система была вам полезна и интересна. Не забываем поделиться с друзьями ;) .

с/у УтБ

Спонсор поста – сервис SeoPult для полной автоматизации продвижения и рекламы   сайтов.

7 простых способов добавить социальные кнопки на сайт

Иногда прочитав интересный материал, Вы с удовольствием хотите поделиться с друзьями прочитанным, так? И когда на сайте отсутствуют социальные кнопки для комфортной отправки ценной информации – это плохо. Ко всему сказанному, надо добавить, что социальные сети очень неплохой источник трафика, если подходить с умом ;)

Ранее я уже рассказывал, как добавить социальные кнопки часть 1 и часть 2, в который мы использовали css спрайты. Сегодня же поговорим о сервисах и плагинах, облегчающие нам жизнь.

Пожалуй, начнем.

Social Media Widget

Social Media Widgetплагин wordpress имеющий 3 варианта размеров иконок  (16, 32, 64) социальных сетей, 4 анимации и 4 разных стиля.

social media widget социальные кнопки

Плагин поддерживает следующие соцсети:

  • Facebook
  • Google+
  • Twitter
  • MySpace
  • FriendFeed
  • Orkut
  • Hyves
  • LinkedIn
  • aSmallWorld
  • Flickr
  • Picasa Web Albums
  • YouTube
  • Skype
  • Digg
  • Reddit
  • Delicious
  • StumbleUpon
  • Tumblr
  • Buzz
  • Google Talk
  • Vimeo
  • Blogger
  • WordPress
  • Yelp
  • Last.fm
  • Pandora
  • UStream
  • IMDb
  • Hulu
  • Flixter
  • FourSquare
  • Meetup
  • Tungle.me
  • PlanCast
  • SlideShare
  • DeviantArt
  • iTunes Ping
  • Live365
  • Digital Tunes
  • Soundcloud
  • BandCamp
  • Etsy
  • Better Business Bureau
  • Merchant Circle
  • Ebay
  • Steam
  • RSS
  • E-mail

Думаю, заметен ориентир на западные сайты.

Easy buttons

Easy buttons еще один плагин социальных сетей для wordpress. Особенности:

  • 3 стиля кнопок
  • Выбор позиции Сверху (top) или снизу (bottom)
  • Социальные кнопки на выбор (некоторые можно скрыть)
  • Горизонтальная или вертикальная позиция
  • Атрибут Rel=«nofollow» в ссылках

Пример можно посмотреть на странице автора справа вверху плавающая панелька.

социальные кнопки на сайт

Share this

Share this – сервис публикации ваших статей. Имеется плагин для wordpress, joomla, друпал.

share this плагин социльных сетей wordpress

Addthis

Addthis -  сервис социальных кнопок для wordpress, joomla и других платформ. Чем то похоже с share this.

social buttons addthis социальные кнопки

Social Share Buttons for WordPress

Social Share Buttons for WordPress плагин социальные кнопки для wordpress имеет простые настройки, 9 соцсетей, 2 языка (русский и английский)

social share buttons кнопки социальных сетей добавить

Поделиться от Яндекс

Поделиться от Яндекскнопка поделиться с друзьями от Яндекс, включает в себя следующие социальные сети:

  • Я.ру
  • Вконтакте
  • Facebook
  • Twitter
  • Одноклассники
  • МойМир
  • Livejournal
  • Friendfeed
  • Мой круг

поделиться с друзьями кнопки соцсетей от яндекс

Share42.com

Share42.com – бесплатные сервис, который генерирует скрипт с выбранными Вами иконками социальных сетей и размерами. Очень

удобный и простой сервис в использовании: просто кликайте на необходимые иконки и размер. Инструкция по установке имеется на сайте. Советую если Вы хотите простой и удобный скрипт публикации ваших статей в социальных сетях.

share42.com сервис кнопок социальных сетей

Надеюсь, данные сервисы были Вам полезны. Используйте их с умом, обязательно добавляйте социальные кнопки. ;)

Всех девушек с наступающим 8 марта! Будьте также прекрасны как и весна!

УтБ поздравляет всех девушек с 8 марта

Постовой:Любите игры онлайн? Попробуйте casino онлайн.

На десерт сегодня презентация страны, в которой я живу  ;)

Топ-10 бесплатных способов увеличить посещаемость сайта

И снова приветствую вас посетитель, не бойтесь вас уже посчитали и google analytics добавил +1 к моей посещалке. :) А Вы хотите, чтоб у Вас посещаемость постоянно росла и увеличивалась? Конечно, хотите, если Вы читаете мой блог и, в частности, данную статью. Сегодня я расскажу Вам об основных методах/способах повышения посещаемости на вашем супер интересном сайте/блоге :).

Лирическое отступление.

Обычно основной поток посещений на сайт идет с поисковиков. Поэтому продвижение (имею ввиду Seo) – направленно в сторону улучшения вашего сайта под поисковые системы – ПС. Но основная речь сегодня будет идти не о поиcковиках и seo, (хотя я и включил его как один из методов), рассмотрим другие не менее интересные способы увеличить посещаемость своего сайта.

Хочу предупредить, что каждый из методов описан поверхностно. Думаю, на каждый из них можно и по статье написать.

Ну-с, поехали.

1 способ. Отличный контент.

Думаю, эту фразу вы слышите постоянно: «Главное, уникальный контент.», «уникальный текст» и т. д. и т. п. Тут просто по другому нельзя :) хороший, уникальный контент гарантирует вам популярность (может не такую большую). Другое дело если текста отличные, а руки мягко говоря не оттуда, то сами понимаете :). Сегодня, только с отличными текстами сложно заявить о себе и «уехать» далеко, но для этого и существует другие 9 способов.

Тут я много написал (примерно еще 1500 символов), но затем понял, что получается. Взять на вооружение можно такую формулу: завлекающий заголовок + полезный текст + интересная тема + красивое оформление + способ подачи = отличный контент на Вашем сайте. (выводил формулу всю ночь :) )

2 способ. Активность на форумах, социальных сетях.

Действительно отличный способ заявить о себе как о хорошем специалисте. Кто скажет, что Max, sonika плохо знают wordpress ? И как специалисты они помогают всем пользователям форума о wordpress.

facebook

Помогайте людям на форумах, где-то можно и ссылочку свою по теме дать. Начать можно и с вопросов-ответов google и mail.ru. Только не спамьте ;) Добавляйте друзей (лучше если они блоггеры ;) ), общайтесь и друзья всегда помогут.

3 способ. Постинг / Автопостинг

Неплохой способ привлечения посетителей на свой сайт. При выполнении первого способа и третьего может получится отличный результат.

Насчет, автопостинга я бы конечно так сразу не говорил, а вот грамотный постинг совсем другое:

  • социальные сети для веб-мастеров— созданы для постинга статей с блогов. Так что дерзайте ;)
  • другие сайты по типу reddit.com и digg.com в интернете, куда можно также запостить ссылку, главное правильно подать, ведь там народ особый :) и не забывайте никто не любит спам (например, отличный ресурс pikabu) Можно также использовать и форумы например, webmasters.ru, серч имеют специальный раздел «Дайджест блогосферы»сюда можно запостить анонс свой статьи.переходы на мой блог
  • Ну и конечно, обычные социальные сети: твиттер (как настроить автопостинг твиттера через feedburner), вконтакте, фейсбук и т. д. Наш третий способ будет наиболее эффективен, если будет выполняться второй метод ;)
  • Rss лента, лента последних статей. Представьте свой виджет rss ленты на серче :) пример, последние статьи блога Маула на форуме maultalk.ru

4 способ. Оптимизация под ПС

Огромный океан не рассказанного под данным методом. В общем, достигается он внутренней и внешней оптимизацией (на деле конечно звучит очень легко :) ):

аудит сайта собственными силамиВ общем, так просто все не рассказать, но часто это основной источник привлечения пользователей на свой сайт. Могу посоветовать посмотреть основные этапы действия оптимизации (то что можно сделать своими руками ) на seochecklist.ru от devaka.

И кстати, данный метод необязательно платный. Внутреннюю оптимизацию можно вполне сделать самому.

5 способ. Интересный и качественный дизайн

lazurnoe интересный дизайн сайтаСчитайте, что дизайн сайта это ваша фишка, Вас будут узнать по нему. Яркий пример, спасатель дельфинов Wildo, ему и Жак Ив Кусто завидует :)

Вспомните сайт отдыха на черном море, а кто не знает смотрим , (нажмите на чайку и Вы точно захотите поделиться с другими ) Вот так вот сотни людей заходят на сайт, потому что он им чем то интересен. Берем на вооружение. ;)

Качественный дизайн по крайней мере не отпугнет ваших посетителей :)

6 способ. Рейтинги, каталоги, комментирование

Рейтинг блогов (примеров много: blograte.ru, top.mail.ru и т.д.) еще один способ привлечь посетителей и ссылку :) Зачем рейтинг? Так именно он покажет у кого длиннее кто как работает :).

то-10 бесплатных методов повышения посещаемости

Каталоги — чтобы не говорили, но каталоги (не все конечно) дают эффект, не только в виде ссылки, но и в виде переходов. Например, с resurs.kz насчитано более 700 переходов на мой блог за пару месяцев.

Dofollow блоги — комментирование doffolow блогов убивает 2-х зайцев:

  •  способствует появлению обратных ссылок
  •  переходы на ваш сайт

Dofollow блогНапример, добавив меня в список dofollow блогов, Сосновский тем самым обеспечил меня ссылкой со своего блога + переходы (кстати, иногда относительно неплохие)

С другой стороны и все чаще подумываю о том, чтобы убрать dofollow. Но это палка о двух концах :) и тема для отдельной статьи.

Комментирование.

Взгляните на главную страницу многих блогов, и Вы увидите виджет «Топ комментаторов». Что это нам дает? Правильно переходы, а иногда и ссылка с главной страницы ;)

Не забываем также комментировать и ссылаться на другие сайты. Например,на блоге devaka.ru, есть такой блог с ответными ссылками, если Вы ссылались на его блок :)

ссылки на другие сайты

7 способ. 3-Р: Рассылка, Rss лента, Реклама

Данный способ имеет секретное название «Три Р» :)

Рассылка:

Достаточно неплохой способ привлечь посетителей, часто данным способом грешат сайты скидок :) И поверьте у них это получается сам ловился ))

Можно воспользоваться бесплатной рассылкой на сервисах subscribe.ru, unisender.com/ru, mail.ru и др.

- Rss лента :

«Заставляем» подписываться пользователей на вашу rss ленту, и они будут постоянно приходить к вам, если конечно выполняется первый способ ;)

подписать на обновления блога по rss

В последнее время медленно, но верно увеличиваются клики по ссылкам моей rss-ленты. Конечно, тут все зависит от количества подписанных на ваш сайт.

- Реклама:

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

Оффлайн реклама с грамотным подходом сделает вас и ваш сайт мега популярным :). Например, автор блога terehoff.com Алексей часто бывает на SEO конференциях, знакомится с новыми людьми и т. д., а также пишет отчеты.

8 способ. Расширение тематики

как глобатор убегал от негров в гарлемеТут все просто и очевидно. Не нужно зацикливаться только на одном :) Seo блог с легкостью может стать на время местом крутых тачек, или рассказать вам о том, как можно убежать от негров афро-американцев в Гарлеме ;)

Ярким, примером может быть блог Михаила Шакина, это не только блог о seo и дизайне, но и о приключениях глобатора в Америке. Кстати, многие читают именно эти статьи ;)

9 способ. Халява.

скачать беплатно или халява :)Все знают, что эта тема пройдет, так как почти все любят бесплатное, оно так и манит нас, например, Вы многие перешли почитать данную статью, потому как в заголовок я добавил словосочетание «бесплатных методов» :), а Яндекс «говорит», что запросов на бесплатное около 178 миллионов!

Вы можете написать seo программы, как юзер zver777, либо бесплатно выставить исходники интересного скрипта (плагин для WordPress, как Dimox), многие собирают «белые» каталоги и раздают. Главное, чтоб ваш продукт был нужен и полезен ;)

10 способ. Конкурсы
Конкурсы всегда привлекали посетителей и заставляли авторов «начать движение». Вот прям как эта статья, которую Вы читаете. Да, да, данная статья участвует в конкурсе «TOP-10» от Сергея Шелвина с призовым фондом в 500$!. Надеюсь на Вашу поддержку ;) Благодарите лайками и твитами :lol:

В просторах всегда идут какие-нибудь конкурсы, эстафеты, акции, которые привлекут определенное количество трафика на ваш сайт, а если Вы еще и постараетесь, то обязательно победите ;)

В конце статьи хотел бы пожелать успехов всем участникам конкурса, надеюсь статья оказалась полезной и не такой длинной, я, кстати, еще себя сдерживал :)

MarkDay.ru – сообщество оптимизаторов, вебмастеров и манимейкеров

MarkDay.ru – сообщество оптимизаторов, вебмастеров и манимейкеров.

с/у УтБ :-?

Извините, но на в разделе конкурсы нету десертных видео :(

Верстка сайта. Урок 1

Вот я снова с Вами. Немного затянул с последними выходами статей. Ну, да ладно, хватит отступлений, давайте ближе к теме.

По текущей работе мне приходится сталкиваться с версткой сайтов, в принципе сейчас я этим и занимаюсь. Поэтому Вас ожидает небольшая «Санта-Барбара» :) на тему верстка сайта, CSS и html, кроссбраузерности и многое другое не менее интересное.

Если Вас заинтересовали эти слова, милости просим. Данная статья первая из серии, поэтому начнем с общего. Все это время мы с Вами будем начинающими верстальщиками ;)

При создании сайтов в идеале участвуют 3 человека. Веб-дизайнер — рисует сайт, человек с фантазией и со знанием фотошопа и т. д. Мне не дано стать дизайнером это точно.

Верстальщик следующий человек с меньшим багажом знаний фотошопа и фантазии. Отлично знает html, css, javascript и т. д.

Веб-разработчик/Веб-программист — человек с отсутствием фантазии и фотошопа))

Вот моя таблица — участника создания полноценного сайта

Веб-дизайнер

Верстальщик

Веб-программист

Знает фотошоп

+

+

-

Есть фантазия

+

±

-

Знает языки разметки

-

+

+

Знает языки программирования

-

±

+

Как мы видим из моей придуманной таблицы верстальщик универсальный человек.

Теперь давайте о необходимых знаниях, софте и т. д.

Минимум знаний для начинающего верстальщика:

  • основы html и css – так как мы только начинаем, то базового уровня должно Вам хватить. (Мы будем рассматривать язык разметки HTML!)

  • Базовое знакомство с фотошопом/photoshop’oм — так как придется смотреть на задумки веб-дизайнера и воплощать в коде.

  • Желание и упорство — главное все делать с душой. Под плеткой никто не чему не научится.

Мой софт верстальщика

Еще один важный момент верстальщика — его софт/программы.

  • Фотошоп/photoshop — отличный графический редактор, используемый веб-дизайнером, поэтому и верстальщик должен иметь данную программу для просмотра и использования частей сайта. Программа платная.

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

  • Notepad++  по-моему лучшая альтернатива Notepad – Блокноту. Для начинающих особо рекомендую: помогает набить руки для набора и для быстрого набора. Программа бесплатна. Я проводил сравнения Notepad и  Sublime text, сейчас пользуюсь последним.

    Notepad++

  • phpDesigner (любая другая IDE, например, webStorm) – платная программа для программирования, отлично подойдет для верстки сайтов. Основные плюсы- это удобность использования, много настроек и функций, а также подсветка кода: ошибок, выделение текущего фрагмента и т. д. Программа платная.phpdesigner программа верстки сайта

  • Еще сотни других программ о которых в принципе говорит не стоит, так как каждый выбирает для себя. Посмотрите в гугл по фразе «Текстовый редактор», «html/css/php редакторы» и т. д.

  • А также оочень важный момент — актуальные браузеры. По этой теме будет отдельная статья плюс расскажу о софте для браузеров.

Ну и на последок, хорошие ресурсы по данной теме.

Htmlbook.ru – наверное самый/один из самых полезных ресурсов по html и css. Если Вы начинаете, то однозначно необходимо начинать с этого ресурса.

validator.w3.org сервис проверки Валидности html кода.

jigsaw.w3.org/css-validator css валидатор.

Что и где читать будет в отдельном посте.

И в принципе, никто google и yandex не отменял ;)

с/у  УтБ

На десерт видео – примерно так я устаю от верстки:)

Шпаргалка: теги WordPress

Наше у себя в папках интересные файлы. Выкладываю. Может кому и пригодиться. В архиве файл pdf  – Краткий справочник по WordPress и картинка (обои для рабочего стола) с основными тегами вордпресса.

скачать [Download not found]

с/у УтБ

Ох, уж эти питомцы ))) всегда могут поднять настроение ;)

Приглашаю в Google+

Поступательные и «захватнические»:) действия google привели нас к появлению Google+ социальная сеть. Пока работает в тестовом режиме, но уже сейчас можно туда попасть, если знать кого и как попросить. Подробнее о функциях Вы можете прочитать на странице Проект Google+: интернет-версия живого общения

google+

А вот основные функции на сегодня:

+Круги: делитесь самым интересным с теми, кто вам важен

Аналог связей с людьми в других социальных сетях, определяем их близость к Вам: родственники, друзья и т.д.

+Темы: обсуждайте с друзьями то, что вам интересно

Аналог тематических лент, которые генерируются автоматические на основе вашего запроса. Интересное решение.

+ВидеоВстречи: видеться с друзьями и близкими стало намного проще

Он же Видеочат

+Мобильная версия: делитесь своими впечатлениями

Естественно мобильная версия всего этого

+Места (Добавление своего местоположения)

+Быстрая загрузка

+Чат

+Вы: главное во всех сервисах Google

Ну как без этого))

Итого, что мы имеем? Огромный ажиотаж, отсутствие регистрации, версия в тесте. Функции мы встречали уже где-то, но гугл как всегда все исполнил в своем стиле и сказать надо очень даже хорошо. Надеемся увидеть много новых интересных функций.

Всем кому необходимо приглашение пишите в комментариях свой майл, отправлю;) Посмотрите сами.

с/у УтБ

UPD: Внимание! Если Вы не хотите стать жертвами спамеров шифруйте свой mail: типа mail{@}gmail.com

Установка кнопки “Читать” от twitter’a

Сегодня я расскажу Вам о новой кнопик “Читать” от твиттера. Известный микроблоговый сервис Твиттер в наличии имел такие кнопки как «Твитнуть» и «Войти».

Сейчас же есть новая кнопка “Читать” известная в народе как Зафолловить.  Твиттер кнопка добавляется здесь. там же Вы можете прочитать надпись:

Добавьте кнопку «Читать» на ваш веб-сайте, чтобы быть ближе к аудитории и привлечь ещё больше посетителей.

Сложности особой в установке кнопки “Читать” нет. Пройдя по ссылке выбираем параметры  по вкусу: имя пользователя, цвет фона, счетчик читателей, и язык.

Все! Копируем получившийся код и устанавливаем в необходимое место :)

З.Ы. Не забываем зафолловить меня @gtalk.kz