Сайтостроение \ Мини-курсы

резиновая верстка сайта

От автора: 5 бесплатных уроков по резиновой верстке сайта. Это прям-таки то, что никак не дает покоя всем тем, кто имеет свой сайт или только планирует его создать. В общем – мастхэв (должен изучить абсолютно каждый, кто не хочет, чтобы его сайты разлетались как им вздумается при различных разрешениях экрана). Никакой воды, лишь практический опыт.

Техника 1. Ширина элемента и свойство float.

Тема: HTML&CSS

Время ролика: 00:22:38

Cложность: средняя

Прикладные программы: Dreamweaver CS4

Автор: Бернацкий Андрей

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

Продолжить чтение

Верстка \ HTML&CSS

ошибки верстки сайта

Изучаем ошибки при верстке сайтов

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Здравствуйте, уважаемый читатель! Меня зовут Бернацкий Андрей.

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

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

А какие трудности испытываете Вы при создание сайта, при его верстке?

Мне будет очень интересно послушать Ваши истории. Пишите их в комментариях, и я Вам обязательно отвечу!

Давайте подискутируем!

Верстка \ Адаптивная верстка

Большие меню, маленькие экраны: адаптивная многоуровневая навигация

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

Продолжить чтение

Web-программирование \ PHP

Генерация прайс-листа в формате Excel при помощи PHP

От автора: очень часто при разработке веб-приложений возникает задача создать прайс-лист товаров либо услуг какой то кампании в формате таблиц Microsoft Excel. Но при этом необходимо предусмотреть, чтобы он свободно генерировался на основе данных, хранящихся в базе данных.

Продолжить чтение

Javascript & Ajax \ jQuery

Управление виджетом слайдер библиотеки jQuery UI при помощи колесика мыши

От автора: в сегодняшнем уроке я хотел бы рассмотреть очень интересный плагин библиотеки jQuery под названием jquery.mousewheel, который позволяет совершать какие-то действия при вращении колесика мыши. Другими словами, он позволяет нам обрабатывать событие вращения колесика мыши по своему усмотрению.

Продолжить чтение

Верстка \ HTML&CSS

Симпатичная галерея для сайта за 20 минут

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

Для показа мы воспользуемся бесплатным шаблоном, в котором создадим еще одну страницу под нашу галерею. Сразу стоит отметить, что задача, которую мы решим в уроке, на самом деле может быть выполнена средствами PHP гораздо менее рутинно… но это уже тема отдельного урока.

Продолжить чтение

CMS \ Wordpress

Как установить и грамотно настроить плагин All in One Seo на WordPress

От автора: в этом уроке, мы с Вами рассмотрим установку и настройку WordPress плагина All in One SEO Pack. Полагаю, о нем слышали все, кто имеет сайт под управлением CMS WordPress. Основная задача плагина состоит в том, чтобы сделать материалы Вашего сайта более оптимизированными для поисковых роботов.

Дело в том, что используя WordPress мы можем более-менее управлять лишь содержимым тега title. Метатеги description и keywords вообще остаются «за бортом». Хотя, по общему мнению, эти метатеги уже не играют никакой роли в глазах поисковиков, все же не стоит их исключать хотя бы по той простой причине, что содержимое тега description используется в поисковой выдаче.

Итак, приступим к установке и настройке WordPress плагина All in One Seo.

Продолжить чтение

CMS \ Wordpress

Как установить и настроить плагин Самые популярные посты на WordPress

От автора: в сегодняшнем уроке мы с Вами рассмотрим работу с плагином WP Popular Posts — его установку, настройки и особенности использования. Для чего необходим этот плагин, чем он может быть полезен?

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

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

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

Продолжить чтение

CMS \ Wordpress

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

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

Если статья интересная, то нажав на социальную кнопку WordPress, например «Поделиться ВКонтакте», посетитель фактически дает ссылку на статью всем своим друзьям, что приносит дополнительный трафик на сайт. Поисковик google (хоть и не сильно) учитывает количество добавленных ссылок на статью в сети google+ при поисковой выдаче. Если статью быстро распространять в Twitter — е, то можно ожидать, что она быстро попадет в индекс поисковых систем.

Итак, приступим!

Продолжить чтение