Библиотека, читать онлайн, скачать книги txt

БОЛЬШАЯ БИБЛИОТЕКА

МЕЧТА ЛЮБОГО


Как сделать меню в группе без фотошопа - Как создать меню в группе Вконтакте

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

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

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

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

Такому начинающему предпринимателю смело можно предложить свои услуги по оптимизации его сообщества. Начать нужно с анализа конкретных потребностей заказчика.

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

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

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

Затем создаю баннер шириной пикселей и высотой Полученные изображения лучше всего залить любым темным цветом, так нам удобнее будет работать с макетом. Итак, подготавливаем и сохраняем оба изображения, затем загружаем в тестовую группу аватар, а баннер выкладываем на стену. Напоминаю, что во вкладке Управление сообществом нужно включить Материалы и поставить для них ограниченный доступ. Это значит, что редактировать их сможет только администратор группы.

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

Важно чтобы границы раскройки повторяли размер наших изображений. Наведя курсор на границу, можно ее регулировать. Теперь нам нужно найти подходящее изображение для оформления нашей страницы. Скачиваем картинку с хорошим разрешением и загружаем в Photoshop. Ширина и высота картинки должны быть не меньше общей ширины и высоты баннера и аватара на странице. Если картинка очень большая, можно уменьшить ее размер до соответствующего.

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

Можно написать название сообщества прямо на аватаре, разместить хэштег или контактный номер телефона. Все зависит только от вашей фантазии и функций группы. Я написал на баннере МЕНЮ. Когда все готово, нужно сохранить файл, но выбрать не просто Сохранение , а Сохранение для Web.

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

Должно получиться вот так:. Теперь при открытии нашей группы пользователь увидит красивое оформление, но пока оно не функционально. Нам нужно связать созданные заранее страницы меню и элементы дизайна. Возвращаемся к нашему макету в Photoshop и с помощью текста создаем на пространстве баннера названия страниц меню. В моем примере это: Товар, Как заказать, Как оплатить, Отзывы. Затем, тем же инструментом Раскройка выделяем отдельно области с текстом.

У нас получается несколько отдельных кнопок. Снова сохраняем для WEB и удаляем из папки лишнее. Также вам нужны адреса созданных страниц меню, их лучше сохранить в блокнот до начала работы.

Обратите внимание на то, как выглядят ссылки на страницы. Если вы открываете созданные в меню группы страницы и ссылка на них в адресной строке выглядит по-другому, попробуйте зайти в режим редактирования, удалите?

Как сделать красивое меню в группе вконтакте

Переходим к редактированию меню. В режиме wiki-разметки видим названия созданных страниц в квадратных скобках. Наше меню полностью готово, но когда пользователь открывает страницу, ему нужно сначала кликнуть на слово Меню, для того чтобы появилось графическое изображение. Это не лучший вариант, ведь мы специально создавали баннер для закрепления и аватар в одинаковом стиле, чтобы страница всегда выглядела привлекательно.

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

Как сделать красивое меню для группы ВКонтакте

Несколько простых шагов и сообщество станет симпатичным, оригинальным, а главное продающим. Для успеха предприятия очень важно продумать, какие функции должно выполнять меню группы и как сделать его максимально удобным для посетителя. А дальше дело за малым, правильное администрирование и продвижение группы. Мир интернет рекламы стремительно растет, все предприниматели стараются дать как можно больше информации о себе…. Бывало ли у Вас так,…. Вам важно сделать правильный выбор, чтобы не терять деньги и время.

Наша команда готова оказать Вам бесплатную и качественную консультацию по телефону. Внесите Ваши данные в форму прямо сейчас - и мы свяжемся с Вами по телефону. STAFF-ONLINE Центр онлайн обучения удаленных сотрудников. Видео Программа обучения Партнерская программа Отзывы учеников Контакты. Как сделать оформление меню в группе [Гид для начинающих] Vol. Поиск по сайту Поиск. Расскажите об этой статье своим друзьям: Подписаться на уроки Подписаться на уроки.

Подготовительный этап Начать нужно с анализа конкретных потребностей заказчика. Должно получиться вот так: Удаляем эти названия; Добавляем изображения наших кнопок в том порядке, как они должны быть расположены; Для удобства в режиме wiki-разметки размещаем код каждого изображения на отдельной строке; В коде после размеров изображений вручную прописываем команду nopadding для того чтобы между ними не было промежутков; Затем копируем нужную часть адреса наших страниц из заготовки в Блокноте; Нажимаем Предпросмотр, наше меню выглядит как целое изображение, а при нажатии на надпись мы попадаем на соответствующую страницу; Сохраняем изменения.

Получите серию уроков по удаленной работе нажав на кнопку ниже. Введите Ваши данные в форму ниже и нажмите кнопку "Получить доступ". Как сделать баннер за 2 минуты без фотошопа Мир интернет рекламы стремительно растет, все предприниматели стараются дать как можно больше информации о себе….

Мы в YouTube Подпишитесь и смотрите новые видео-выпуски. По вопросам рекламы и сотрудничества обращаться на info staff-online. Политика конфиденциальности Отказ от ответственности Согласие с рассылкой. Здорово Вам важно сделать правильный выбор, чтобы не терять деньги и время. Наша команда готова оказать Вам бесплатную и качественную консультацию по телефону Внесите Ваши данные в форму прямо сейчас - и мы свяжемся с Вами по телефону Ваши данные никогда не будут переданы 3-м лицам.



copyright © xn--h1annla.xn--80asehdb