Skip to content

В чем эффективность web дизайна Вашего сайта

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

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

Существует 2 вида веб-дизайна: ИНФОРМАТИВНЫЙ и ПРОМО.

Цель информативного дизайна — чтобы посетители прочитали опубликованную на нем информацию.

Цель промо дизайна - рекламирование продуктов и услуг.

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

Продолжение 'В чем эффективность web дизайна Вашего сайта' »


Как изменить цвет меню в открытой вкладке на сайте Вордпресс

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

Мои попытки применить некоторые яваскрипты не увенчались успехом, так как входили в конфликт с невалидным кодом самого сайта. А также не получалось прописать в стилях условие для положения active. Хотя казалось, чего проще, прописать в style.css: #menu ul li a:active и указать цвет заднего фона и ссылки. Ан нет, не работает. То же самое для hover работает, а для active нет.

Ну на нет и суда нет. Значит, должно быть другое решение. Надо просто лучше подумать 😉

А вообще, зачем это надо, чтобы активная вкладка была другого цвета?

Продолжение 'Как изменить цвет меню в открытой вкладке на сайте Вордпресс' »


Как установить красивые темы ВКонтакте

темы для вконтактеДорогие друзья, с вами на связи Ольга Абрамова и недавно я попала на один сервис, с помощью программы которого можно установить красивые темы ВКонтакте. Ничего сложного в этой программе нет, но всё же свои маленькие заморочки она имеет и я подробно вам опишу метод обновления страницы, дабы сократить вам время. А кому-то и нервы 😉

Я особо не заморачиваюсь о дизайне страниц в соц. сетях, хотя все же мои странички в Твиттере и Вконтакте имеют отличный от большинства дизайн :). Если всё просто, почему бы не воспользоваться? Да и навыки приобрести, чтобы другим помочь.

Программа называется Get-Styles. Она скачивается и устанавливается в браузерах.

Один важный момент при установке программ вообще. Очень часто предлагается стандартная установка. Я бы не торопилась и внимательно почитала, что такое стандартная установка. Это означает, что вам в придачу к программе присобачат яндексовские сервисы, от которых очень трудно избавиться. Ну, конечно, если вы не против, пожалуйста. Но, судя по количеству запросов в интернете как удалить те или иные программы Яндекса, в частности от Mail.ru, моё дело, предупредить 🙂

Продолжение 'Как установить красивые темы ВКонтакте' »


Как изменить прозрачность элемента (opacity) на сайте

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

С самого начала ведения этого блога я обращаю внимание на различные эффекты на других блогах и сайтах и, в частности, мне иногда попадался такой эффект, как полупрозрачность картинок. В основном, это были счетчики в футерах. На вид они казались какими-то затемнёнными. Но при наведении курсора, становились обычными, яркими.

В то время ни о каких HTML, CSS, стилях я и понятия не имела. Соответственно, как такое действо называется, тоже 🙂 Сколько бы я раз не задавала вопросы на сайтах с такими эффектами, как мне так же сделать, никто ни разу не ответил. Да и действительно, что отвечать, если непонятно, что спрашивают 🙂 Я же не знала, как это называется.

Но время идёт, я продолжаю учиться, набираться ума-разума в верстке и, в конце-концов выясняю, что это за функция и как называется. А главное, как все это делается. Оказывается, просто 😉

Продолжение 'Как изменить прозрачность элемента (opacity) на сайте' »


Меняем дизайн сайта сами

дизайн сайтаДорогие друзья, с вами на связи Ольга Абрамова и наконец-то я могу сообщить вам, что я обновила дизайн сайта. Около двух месяцев шла работа на тестовом сайте по уникализации шаблона. Прошу вас, оцените 🙂 Старую версию можно посмотреть здесь.

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

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

Также мне хотелось попробовать свои силы и применить знания в кодировке HTML/CSS, CSS3. Собственно, только изменяя файл стилей мне удалось кардинально изменить внешний вид сайта, сохранив его структуру. И в PHP файлах изменить самую малость, типа h2 на h1 🙂

Продолжение 'Меняем дизайн сайта сами' »