Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.
Всем желаю удачи и смелых воплощений идей на вашем сайте !
2010 - 2014 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla - русские версии.
Автор и администратор данного проекта - SvetLana_TSV. Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Проект для новичков
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
Красивые фреймы для оформления картинок
Приветствую гостей и постоянных посетителей сайта! Судя по названию статьи, вы уже догадались какова тема сегодняшнего материала. Да-да, сейчас мы будем оформлять картинки для сайта в современном стиле.
Нынче сложно представить хоть один ресурс в сети, на котором бы отсутствовали картинки. На большинстве сайтов картинки размещены "по старинке", многие из них даже не имеют даже контуров. Но новые современные сайты отличаются совершенно иным подходом к оформлению контента на своих страницах.
Помните, что гласит пословица? Лучше один раз увидеть, чем сто раз услышать. Картинка - это визуальный образ, которую наш глаз замечает в первую очередь. Соответственно, добавление картинки – это не только украшение очередного материала или заполнение свободного пространства, это прежде всего - привлечение внимания к важной информации.
Кроме того, картинки облегчают усвоение текстовой информации, особенно когда ее на странице много. В таком случае, разбиение текста на небольшие блоки, между которыми вставлена тематическая картинка, будет идеальным вариантом подачи контента.
А еще картинки играют немаловажную роль при продвижении сайта, так как индексируются поисковиками, после чего отображаются в поиске. Все знают, что в Яндекс и в Google есть отдельный поиск по картинкам, которым ежедневно пользуется огромное количество пользователей.
Но сейчас речь не о том, как угодить роботам поисковых систем, чтобы они проиндексировали ваши изображения... Сегодня давайте позаботимся о наших читателях и займемся визуальным оформлением картинок. Красивые фреймы и добавление тени могут в одну секунду преобразить ваши картинки из привычных в профессионально оформленные.
Ниже мы рассмотрим 10 популярных вариантов оформления графики, которые вы можете наблюдать на профессиональных сайтах. Если ваш ресурс еще не дотягивает до уровня профи, помогите ему в этом - начните с картинок :))
Давайте в качестве исходного изображения возьмем фото скачущей лошади и посмотрим как меняется визуальное восприятие этой картинки при разном оформлении.
Итак, вариант первый - картинка на экране планшета.
Нравится? А если я скажу, что оформить картинку таким образом можно за несколько секунд, не прибегая к фотошопу и ему подобным программам, вам понравится еще больше :))
В данном случае рамка и блик на экране представляют собой отдельные элементы на прозрачном фоне. Все, что вам нужно - это "одеть" их на свою картинку...
Вариант второй - красивая рамка из нескольких фото, сложенных друг на друга под разным углом. Принцип работы вам предстоит тот же - примерить эту рамку к своему изображению.
Вариант третий - 3D эффект, придающий объемность вашей картинке. Представляет собой элемент боковой и верхней граней на прозрачном фоне и очень легко и просто "одевается" на картинку.
Вариант четвертый - это имитация снимка в стиле Polaroid, не теряющая популярности по сей день. К тому же, область под картинкой можно использовать для текстового описания.
Вариант пятый - рамка планшета белого цвета, только с эффектной тенью внизу и внутренней тенью на экране планшета, придающей картинке реалистичный вид.
Вариант шестой - рамка оригинальной формы с элементами полукруга. Смотрится действительно нестандартно, тем самым привлекая внимание посетителей.
Вариант седьмой - градиентная рамка с плавным переходом серо-белого цвета и тенью под картинкой. Смотрится строго и профессионально на любых изображениях.
Вариант восьмой - нестандартное применение тени вверху и внизу придает картинке красивый эффект некой глубинности. Смотрится очень эффектно на картинках со светлым фоном, на темном фоне верхняя тень будет почти незаметна.
Вариант девятый - тень в виде подставки. Очень популярен у дизайнеров при разработке разных графических элементов дизайна. Казалось бы, добавили всего лишь тень, а как изменился внешний вид картинки!
Вариант десятый - использование угловой тени под картинкой, придающей изображению небольшой эффект изометрии. Создается впечатление, что правая часть фото несколько приподнята над поверхностью.
Чтобы оживить картинки на своем сайте, используя вышеприведенные примеры, достаточно скачать архив, ссылка на который размещена внизу статьи. В архиве вы найдете все элементы, используемые в примерах: набор фреймов, тени, блики.
Все это добро можете использовать по своему усмотрению, создавая свои собственные варианты оформления картинок. Данный набор является быстрым помощником для вебмастера, особенно если он не дружит с Фотошопом.
Скачать архив с элементами для оформления графики можно отсюда. Вес архива - всего 87 Кб. На этом сегодняшний материал давайте завершим... Жаль, что на моем сайте очень много картинок и теперь их все заново переоформить - процесс довольно длительный :(( Зато новым изображениям уж точно перепадет что-нибудь из архива :))
Всем желаю творческого подхода в оформлении картинок и галерей на своем сайте.
До новых встреч! С ув. Светлана (SvetLana_TSV)
