Разное

Скрытая ссылка на группу в контакте: текстовые ссылки + пользователи, сеть, группы

08.10.2004

Содержание

на человека, группу, сторонние сайты

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

Что такое гиперссылка в ВК

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

Если постараться объяснить это простыми словами, то гиперссылка позволяет вставить в пост ссылку, скрытую под обычным текстом. Нажав по ней, пользователь перейдет на указанный при создании ресурс. Обычно она выглядит как текст, окрашенный в синий (или какой-либо другой) цвет. Наглядный пример вы можете увидеть на изображении ниже.

Способы создания гиперссылки

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

  • на человека;
  • на группу или паблик;
  • на сторонние интернет-ресурсы.

Помимо всего прочего делать это можно не только в браузере, но и через мобильное приложение.

На человека

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

Итак, чтобы вставить в пост ссылку на человека, вам необходимо выполнить следующие действия:

  1. Начните создание нового поста.
  2. В месте, где хотите вставить гиперссылку, вставьте символ «@».
  3. Сразу после этого начните вводить имя или никнейм пользователя, ссылку на которого хотите дать.
  4. В появившемся выпадающем меню найдите нужного человека и выберите его.
  5. Закончите набирать текст публикации после чего нажмите кнопку «Отправить».

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

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

  1. Перейдите на страницу человека, на которого хотите сослаться.
  2. В адресной строке скопируйте его идентификатор – часть текста, которая идет после «https://vk.com/».
  3. Начните создавать новую запись и в месте, где хотите вставить ссылку, поставьте символ «@».
  4. Сразу после этого вставьте скопированный ID.
  5. Откройте круглые скобки и напишите в них текст, который будет отображаться.
  6. Нажмите кнопку «Отправить».

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

На группу

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

  1. Перейдите на страницу сообщества, ссылку на которое хотите вставить в запись.
  2. Скопируйте его ID. Делается это аналогичным способом, как и в случае с пользователем.
  3. Начните создание публикации.
  4. В нужном месте, где нужно поместить гиперссылку, откройте квадратную скобку.
  5. Вставьте скопированное ID.
  6. Установите вертикальную черту.
  7. Не отступая введите текст ссылки, который будут видеть пользователи.
  8. Закончите создание поста, после чего нажмите «Отправить».

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

В мобильном приложении

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

  1. Запустите приложение и перейдите на страницу пользователя.
  2. Нажмите по функциональной кнопке, расположенной в верхнем правом углу фотографии.
  3. Выберите из списка пункт «Копировать ссылку».
  4. Перейдите на свою страницу и нажмите кнопку «Запись» для создания новой публикации.
  5. В нужном месте установите символ «@» и сразу после него вставьте скопированную ссылку.
  6. Удалите часть текста, которая идет до ID.
  7. Закончите создание поста.

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

На сторонние сайты

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

Особенности

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

Как делать ссылку в видео в вк : Радиосхема.ру

Предисловие

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

Всё началось с того, когда мне в процессе разработки своего android-клиента потребовалась функция воспроизведения и скачивания видео. А для этого, естественно необходима ссылка. А как вы знаете, максимум, что мы можем получить — это ссылку на страничку с плеером, откуда прямую ссыль хрен выудишь.
Тогда я начал гуглить на эту тему, но ничего толкового не нашёл.
И тогда я решил придумать свой способ её получения.

Что я придумал

Первым делом я обратил внимание на программу VK Saver. А в частности на их сайт. Там всё происходит таким образом:
1) Вы устанавливаете программу, которая в последствии интегрируется в браузер.
2) Теперь при заходе на страничку с видео у вас внизу появляется кнопочка s, которая ведёт на ссылку вида v.audiovkontakte.ru/video-xxxxx (xxxxxx-это id этого видео.)


3) На этой страничке можно это видео посмотреть и скачать, нажав на специальную кнопочку)

Порывшись в исходном коде этой страницы я кое-что нашёл:

Вот этот элемент:

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

Перейдя по ней, мы загрузим видео!
По идее это и есть то, что нам нужно.
И обычный пользователь легко может скачать видео, даже не влезая в исходный код.
Но для моих целей это явно не подходило.
Хотя с первого взгляда всё было элементарно: Получаем id видео, строим ссыль на v.audiovkontakte.ru, и парсим с помощью регулярок исходный код на наличие нужной нам ссылки.

Но первая проблема обнаружилась, когда я попытался собрать ссылку и перейти по ней.
Но почему-то меня сразу же выкидывало на главную страницу сайта.
Оказывается, что преход возможен только через нажатие на кнопку.
Поэтому мне пришлось отложить эту идею.
Но у меня остался формат прямой ссылки на видео.
И вроде бы всё хорошо, но нам остаётся неизвестным происхождение одной строки:
465.gt3.vkadre.ru/assets/videos750c48ae2867-92359355.vk.flv
Скорее всего это какой-то хэш или идентификатор этой записи, и как его получить — неизвестно.

Совсем отчаившись, я решил последний раз глянуть на плеер, ссылку на который мы можем получить либо нажав на кнопку поделится>Получить код видео ( ), либо послав запрос к API, что, я думаю, будет более актуально.

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

А если проверить его на наличие совпадений с тем самым хешем, то он будет сдесь: value=«uid=0&vid=161693266&oid=13257647&host=465.gt3.vkadre.ru&vtag=750c48ae2867-&ltag=1423ac11&vkid=92359355&amp

Отлично! Это говорит нам о том, что мы все таки можем достать прямую ссылку!

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

Более мнее рабочее нашёл через Guzzle, я залогнилися, выдернул ссылку. Однако она работает только для конкретного пользователя. Через браузер видео открыввается, а через Guzzle скачать не получилось.

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

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

Рассмотрим эту возможность на примере видеороликов с YouTube, Вконтакте, Одноклассников и Vimeo.

Вы можете посмотреть мое видео по данной теме:

Начнем с Ютуба. Здесь, чтобы скопировать ссылку на видео с привязкой ко времени, передвиньте ползунок проигрывателя на нужный фрагмент. Далее под роликом нажмите на вкладку «Поделиться» и под ссылкой поставьте галочку напротив «Начало». В окошке уже отобразилось время, с которого начнется проигрывание (в моем случае это 7-ая секунда), а к ссылке добавился соответствующий хвостик:

Если вы просматриваете видеоролик, встроенный с Ютуб, на каком-нибудь сайте и также хотите поделиться им с определенного фрагмента, не обязательно переходить на видеохостинг. Просто зафиксируйте ползунок на желаемом моменте, нажмите по ролику правой кнопкой мыши и выберите пункт «Скопировать url видео с привязкой ко времени» (браузер Google Chrome).

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

Если вы встраиваете видео с Ютуб на свой сайт и хотите, чтобы оно запустилось с выбранного фрагмента, рекомендую статью о дополнительных настройках плеера.

Если вы просматриваете видеоролик в плеере Вконтакте, то им также можно поделиться с желаемого фрагмента. Здесь, по аналогии с Ютубом, передвигаете ползунок в нужное место видео, жмете по плееру правой кнопкой мыши и выбираете «Копировать ссылку на кадр».

Получаете ссылку вот такого вида:

При переходе по ней ролик начнет воспроизводиться с указанного фрагмента. В моем примере – это 11-ая минута 33-я секунда.

Для видеоплеера Одноклассников это тоже работает. При нажатии по проигрывателю правой кнопкой мыши выбираем пункт «Скопировать url с привязкой ко времени».

И получаем свою ссылку:

Что касается проигрывателя Vimeo, здесь все также – останавливаем ползунок на желаемом фрагменте. В правом углу плеера кликаем по иконке «Share» (Поделиться). В поле «Link» выделяем ссылку мышкой, сразу под ней появится отметка «Start video at» (начать видео с такого-то момента) и выбранное вами время. Поставьте галочку рядом и скопируйте свою ссылку.

Друзья, вот так просто все делается. Если вы еще не пользовались этой возможностью, то теперь знаете, как поделиться видеороликом с нужного фрагмента.

Спасибо вам за внимание!

Как всегда, рада вашим вопросам и комментариям.

Обучающие статьи и советы, как правильно сделать сайт и настроить сервер

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

Использование Вики-разметки

Для пользователей Вконтакте представлена специальная вики-разметка. Она включает теги/коды для оформления внешнего вида страниц групп. Язык системы тегов применяется в различных движках, например, в хорошо всем известной Википедии.

Более подробно ознакомиться с правилами использования данной разметки можно по адресу: http://vk.com/wiki, а мы рассмотрим способ создания вконтакте скрытой ссылки, используя вики-разметку.

Чтобы задуманное слово стало ссылкой, которая приведет посетителя на вашу личную страницу, паблик или группу, введите такой код:
1 [id____________|Алексей Иванов]
2 [club________________|Лучшая группа]
3 [public_____________|SearchTimes.ru]

В местах кода, содержащих пробелы, указывается id соответственно либо страницы, либо паблика, либо группы, а за символом «|» следует ввести анкор – выражение в виде слова или нескольких слов, которые и будут представлять собой ссылку.

Сервис сокращения ссылок Вконтакте

Способ, о котором говорилось выше хорошо использовать для размещения ссылок, имеющих анкор, обладающий достаточной привлекательностью, например «далее», а не https://vk.com/public25435857.

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

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

Воспользоваться сокращающим ссылки сервисом можно, если зайти на страницы http://vk.cc или http://vk.com/cc. Нужно отметить несомненное удобство их интерфейса: для того, чтобы получить короткий адрес, нужно просто вставить требующийся URL.

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

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

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

Как создать меню группы вконтакте: технический этап

Итак, с назначением меню группы разобрались, приступим к технической части . Переходим в настройки: Управление сообществом>Материалы>Подключить:

Сохраняем изменения и переходим в группу. Под описанием группы появится закладка «Свежие новости», приступим к её редактированию:

Переключаемся на закладку «Редактирование» (1), заменим название меню (2), введем свою информацию (3), сохраним её и вернемся к странице (4).

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

Если что-то пропало или вы хотите вернуться на несколько шагов назад, переходите в закладку «История» и возвращайтесь к нужному сохранению:

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

Как видите, я подготовила информацию в вордовском документе, сделала редактирование текста (выделения), добавила ссылки и просто вставила этот текст в «Редактирование» меню групп вконтакте.

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

Если перейдете в меню моей группы вконтатке, то увидите, что одни ссылки ведут на внутренние страницы (2), другие на внешние (1):

Добавлю в реальном времени, еще одну внутреннюю страницу:

Вот и появилась у нас новая (внутренняя) страница в нашей группе вконтакте. Теперь нам нужно её заполнить:

  1. Жмем кнопочку «Наполнить содержанием».
  2. Заполняем группу контентом. Редактируем его.
  3. Настраиваем «Доступ к странице». Если отметить «просматривать страницу могут только участники группы», то это будет мотивировать посетителей вступить в группу. Сохраняем страницу.
  4. Копируем нужные циферки в адресной строке страницы, которую только что сохранили. Для этого перейдите в режим «Просмотр» и скопируйте ID страницы – это и будут те циферки, которые нам нужны.
  5. Возвращаемся на страницу «Исходный код» меню группы вконтакте (рекомендую не закрывать его, пока создаете новую страницу… хотя она итак должна была бы быть у вас открыта) и вставляем цифры в правильную строчку. Между текстом ссылки (Марина Лазарева (видео)) и самой ссылкой (43820829), устанавливаем значок «|» (он находится на английской раскладке клавиатуры, сочетание клавиш Shift+\).
  6. оформление группы вконтакте , которое не требует дополнительных знаний редакторов типа фотошоп. В следующих статьях, я буду показывать, как создавать более красивые группы вконтакте. Сейчас же, для тех, кому не терпится создать красивое оформление группы вконтакте , рекомендую просмотреть это видео:

    Это то видео, после просмотра которого я поняла, как сделать меню группы вконтакте самостоятельно. Автор на реальном примере показывает, как создать меню группы вконтакте.

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

    Dropbox, читайте об этом на страницах DragonBlog.

    С Уважением и Любовью, !

Очень многие интересуются, как сделать меню в группе «В Контакте». Уже есть большое количество красиво оформленных сообществ, с которых хочется взять пример. Это можно сделать за несколько часов. Главное, разработать стильный дизайн, а остальное дело техники.

Что для этого нужно?

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

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

Первый этап

Как сделать меню в группе «В Контакте»? Сначала нужно создать новый документ с размерами 700 на 800 пикселей. Проследить, чтобы фон был белым цветом. На верхнем слое необходимо вырезать два окошка 200 на 710 — для аватара и 382 на 442 — меню. Сделать это можно с помощью выделения прямоугольником или командой, которая вызывается клавишей «Del».

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

В нужных зонах изображения при помощи элементов «Фотошопа» необходимо разместить надписи и кнопки.

Прямоугольник, который получился справа (размером 200 на 710) можно скопировать и выгрузить в отдельный файл. Это готовая аватарка для группы. А вот левая часть картинки нуждается в дополнительной нарезке.

Количество элементов в меню допускается от двух частей. Но может быть и три, и четыре. Мы рассмотрим пример для двух.

Высота каждого нарезанного элемента должна быть не менее 50 пикселей.

Как нарезать картинку для меню?

Для этого нужно открыть изображение в отдельном файле. Понадобится инструмент «Раскройка». Он находится на панели программы в виде ножа.

Правой кнопкой мыши необходимо щелкнуть на картинку и выбрать из выпавшего списка пункт «Разделить фрагмент».

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

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

Разрезанные файлы будут в пронумерованном виде.

Второй этап

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

Понадобится страница «Свежие новости». В ближайшее время работа будет проходить с ней.

Желательно выбрать в редакторе справа режим wiki-разметки и вставить туда следующий код:

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

В результате получится нечто похожее на:

Как получить номер изображения?

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

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

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

Это один из вариантов, как сделать меню в группе «В Контакте». Всего их два. Еще один способ — открытый. Их можно совместить.

Как сделать открытое меню?

В новом окне необходимо кликнуть правой кнопкой мыши на созданное меню и нажать на ссылку «Редактирование». Во вкладке «Вернуться к странице» в строке браузера можно получить ссылку на меню. Ее необходимо скопировать.

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

Как сделать меню в группе «В Контакте»? Теперь необходимо кликнуть правой кнопкой мыши на дату новости. Она должна открыться в новом окне. Там можно увидеть новую надпись «Закрепить». Как раз она и нужна.

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

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

На вопрос «как создать меню для группы ВКонтакте» есть три основных варианта ответа: заказать у специалиста, создать с помощью онлайн-конструктора или повозиться, вникнуть в некоторые тонкости вопроса и сделать все самостоятельно.

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

Итак, вот три пути создания меню:

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

Кстати, для тех, кто предпочитает получать информацию через видеоролики, а не читать длинные тексты, есть видео:

Путь #1. Заказать создание меню у дизайнера-специалиста

Плюсы этого способа — относительная быстрота и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но неправильное меню (об основных ошибках при создании меню мы подготовили ). Кроме того, нужно еще найти исполнителя. Тут мы можем рекомендовать искать его на сервисе kwork.ru , в разделе «Дизайн групп в соцсетях».

Путь #2. Использование онлайн-конструктора

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

Путь #3. Сделать все самостоятельно

Плюсы этого пути очевидны: он бесплатен, а вы преобретаете новые умения. Минусы такие: вам необходимы некоторые умения и довольно много времени (в первый раз). Вот, что вам необходимо:

  • Уметь уверенно пользоваться графическим редактором. Например, PhotoShop. При изготовлении меню вам нужно будет сначала сделать изображение правильных размеров (до пикселя, никаких «примерно»!), а затем правильно его нарезать (разбить на фрагменты)
  • Уметь вникать в инструкции и читать их внимательно
  • Не сдаваться и не отчаиваться, если что-то не получается с первого раза

Если вы считаете, что вам все это по плечу, то давайте приступим.

Шаг #0. Общие сведения о том, как устроены меню групп ВК

Меню для группы делают из wiki-страниц, создание которых поддерживает ВК. Вики-страницы — это специальные страницы, которые можно создавать только в пабликах. От обычных постов они отличаются тем, что в них можно применять так называемую wiki-разметку. Эта разметка — специальный код, который преобразовывается в объекты дополнительного форматирования. Чтобы было понятнее, поясним. Например, в обычных постах вы можете использовать только простой текст, а вики-разметка позволяет выделять части текста жирным или курсивом. То есть, она вводит дополнительные возможности оформления. В частности — возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен по ссылке. Именно эти дополнительные возможности форматирования и используются для того, чтобы делать меню пабликов ВК. Как именно это делать мы расскажем ниже.

Шаг #1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите на «Записи сообщества» (если записей в группе нет, то вместо «Записей сообщества» будет «Нет записей»). В Вы перейдете на новую страницу с адресом такого вида:

https://vk.com/wall-XXX ?own=1

Вместо XXX у вас будет набор цифр (и только цифр!). Это и есть ID вашего сообщества. Например в нашей тестовой группе это 154457305.

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

http://vk.com/pages?oid=-ID_группы &p=Нaзвание_страницы

http://vk.com/pages?oid=-154457305 &p=Меню

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

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

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

http://vk.com/page- ID_группы _XXX ?act=edit&section=edit

Часть адреса до знака «?» — это адрес вашей вики-страницы. Запишите его где-нибудь: в ВК нет возможности посмотреть список ваших вики-страниц и ссылок на них. Чтобы перейти на нужную, вам необходимо знать ее адрес или снова воспользоваться ссылкой создания вики-страницы. При использовании последнего способа имейте в виду, что страницы, если они уже существуют, не пересоздаются.

Шаг #2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть созданная вики-страница «Меню». Перейдите в режим разметки редактора и добавьте следующий код:

Нажмите на кнопку «Предпросмотр», которая находится снизу редактора. Вы должны увидеть список из трех ссылок. Первые две — внешние и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка — внутренняя. Она ведет на паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в предпросмотре отображается вас код, а не ссылки (на которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будьте внимательны!

Обратите внимание, что внешние ссылки в вики-коде ВК оформляются одинарными скобками, а внутренние — двойными. При этом внутренние ссылки ВК указываются не как привычный адрес веб-сайта, а как указатель на тот или иной объект ВК. Например, указатель на группу имеет такую форму записи:

clubID_группы

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

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

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

Шаг #3. Где можно размещать вики-страницы ВКонтакте

Основных мест два: вы можете создать пост со ссылкой на вики-страницу или разместить ее в разделе «Материалы» вашего сообщества.

Начнем с первого варианта. Начните добавлять новую запись на стене своей группы. Сначала прикрепите к ней любую фотографию. Лучше взять достаточно большую фотографию у которой ширина больше высоты. Затем вставьте в текст создаваемой записи ссылку на созданную вами вики-страницу с простейшим меню. Именно ее мы просили вас записать чуть раньше. Напомним, что ссылка имеет такой вид (у вас будут другие цифры ):

http://vk.com/page-121237693_72827423

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

Нажмите на фотографию в закрепленном посте: должна появится ваша вики-страница с простейшим меню группы.

Итак, мы узнали, что вики-страницы можно прикреплять к постам. В частности — к закрепленному посту. Второе место, где можно использовать вики-разметку это раздел «Материалы».

Перейдите в настройки сообщества и найдите там управление разделами (сервисами) сообщества. Отметьте «Материалы» как «Ограниченные». Теперь в верхней части главной страницы вашего сообщества появится новый пункт. Он располагается справа от пункта «Информация». При первом включении материалов в группе этот пункт по умолчанию называется «Свежие новости». Вот как это выглядит:

Перейдите в этот новый пункт. Нажмите на плашку «Редактировать». В результате вы окажитесь в уже знакомом вам редакторе вики-страницы. Единственное отличие — тут есть поле ввода названия страницы. Поменяйте его со «Свежих новостей» на «Меню2». В режиме редактирования разметки введите следующий код:

«»»Вариант меню для раздела «Материалы»»»»

[]

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

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

Мы узнали, что меню можно размещать в двух местах. Предпочтительнее сделать его и в виде закрепленной записи и в разделе «Материалы». Помните о двух нюансах:

  • Закрепленную запись увидят 98% ваших посетителей, а в раздел материалы попадут только 25-40% самых любопытных, а также преданные старые пользователи вашей группы, которые знают, что там находится что-то полезное.
  • Закрепленную запись с картинкой для вызова меню можно дополнить текстом. Таким образом вы не потеряете эту возможность закрепленной записи. Но переусердствовать тоже не стоит: чем больше текста, тем ниже будет ссылка на открытие вашего меню.

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

Кстати. Вы можете делать ссылки с одних вики-страниц на другие. Работает это примерно так: пользователь открывает (например, с помощью изображения-ссылки в посте) первую вики-страницу. А в ней есть ссылки на другие вики-страницы. При нажатии на эти ссылки будет открыта соответствующая вики-страница. Таким способом можно создавать довольно сложные и многоуровневые меню и, например, инструкции. Однако мы не советуем вам слишком увлекаться этим без лишней надобности.

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

Итак, основные принципы освоены. Перейдем к конструированию графического меню. Сразу оговоримся, что делать мы будем довольное простое меню: вертикальный ряд кнопок со ссылками. Но не спешите говорить «нет, я хотел суперсложное меню» и закрывать этот гайд. Сейчас объясним, почему.

Во-первых, движение от простого к сложному — обычно самый эффективный путь освоения новых знаний. Научившись делать относительно простое меню вы научитесь 90% приемов создания меню для групп ВК.

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

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первая будет вести на главную страницу «Яндекса», а вторая — на группу ВК «Команда ВКонтакте».

Вертикальное графическое меню в ВК — это разрезанное на полосы изображение. Эти полосы помещают с помощью разметки друг под другом на вики-странице. Некоторым из этих «полос» назначают ссылки. При нажатии на такое изображение-ссылку происходит, собственно, переход по этой ссылке. Одна полоса — это одна ссылка. Некоторым полосам (например, промежуточным, которые располагаются между пунктами) наоборот, назначается отсутствие ссылки. Такие полосы становятся «некликабельны».

Изготовление вертикального графического меню для группы ВК сводится к следующей последовательности действий:

  • Первым делом нужно нарисовать меню. Шириной оно должно быть строго 600px (пикселей). По высоте рекомендуем делать меню не более 900px. Результат лучше всего сохранять в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными вам инструментами для рисования (например Photoshop или GIMP). Результат тут на 95% зависит от ваших творческих и технических умений. Даже если вы совсем не умеете пользоваться графическими редакторами — не отчаивайтесь. Умения, которых будет достаточно приобретаются за максимум пару часов. В интернете есть огромное количество справочной и обучающей информации. Кроме того, умение хотя бы немного пользоваться графическим редактором очень и очень полезно для администраторов пабликов. Вы не потратите время зря.
  • Далее рисунок с меню нарезается на горизонтальные полосы. Делать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимому поисковику. Мы не будем подробно описывать техническую часть процесса нарезания: способов десятки, некоторые подходят одним пользователям, но не подходят другим. При нарезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть менее 60px . Иначе у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: появятся т.н. «белые полосы» между изображениями.
  • Нарезанные «полосы» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае, альбом с нарезанными частями меню должен быть в открытом доступе . Иначе, те пользователи для которых изображения альбома недоступны не увидят ваше меню!
  • Составляется код вики-разметки, который вставляется в нужную вики-страницу.
  • В группе размещается закрепленный пост с изображением-ссылкой на вики-страницу с меню. О том, как делается такой пост мы подробно писали выше. Кроме того, код (с небольшими изменениями) может быть добавлен в корневую вики-страницу (пункт справа от пункта «Информация», появляется при разрешении раздела «Материалы». Подробнее — см. выше).

А теперь разберемся с загрузкой частей меню и wiki-кодом подробнее. Мы подготовили для вас . В нем два каталога: «1» и «2». В первом содержатся части самого примитивного и простого варианта нарезки для нашего меню — на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (у себя на странице или в группе).

У нас две «полосы»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «Команда ВК»). Обе будут изображениями-ссылками. В вики-разметке это делается кодом такого вида:

«ССЫЛКА» — это целевая ссылка. Например, https://yandex.ru/. Кроме обычной внешней ссылки это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия кнопки происходил переход на сообщество «Команда ВКонтакте» можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

Социальные сети давно вошли в жизнь большинства людей и являются важной составляющей в ней. Многие люди даже умудряются создавать свои виртуальные бизнесы в них: накрутка лайков, подписчиков, продажа товаров как из других стран, так и авторских. Почти все они имеют группу. А как пользователям донести быстрее всего, чем занимается человек или даже целая организация? Создать специальное меню, в котором будет содержаться самая необходимая информация. И именно здесь нам понадобится Wiki-разметка. Как сделать меню группы ВК? Что добавить в неё? В статье будут рассмотрены правила создания и примеры.

Чем является Wiki-разметка?

Как сделать меню группы ВК? Вики-разметка — вот хороший помощник! Это очень эффективный и удобный способ оформления группы в социальной сети «ВКонтакте». Эта разметка по принципу своего действия очень напоминает html код. Но для людей, не связанных с программированием, она будет более понятной благодаря простоте реализации. Своё название вики-разметка получила благодаря «Википедии», где многие пользователи впервые смогли ознакомиться с основными особенностями её функционирования. Вики-разметка позволяет людям без знаний в программировании быстро и легко оформлять внешний вид группы:

  1. Создавать графические спойлеры и таблицы.
  2. Форматировать текст и изображения.
  3. Работать с якорями и ссылками.

Как сделать меню группе ВК? Рекомендации бывают так нужны, но в целом, можно разобраться и с помощью хорошего руководства. Если говорить о html, то для его изучения и работы с ним необходимо было посидеть несколько суток или даже неделю. Вики-разметка при хорошей памяти требует только совсем немного времени. Как же её можно создать? Какие есть подходы? Вот мы будет говорить о технологии, а кто её сделал? Мы разберемся, как сделать меню группе ВК. Уорд Каннингем же впервые ввёл понятие «вики» (в переводе с гавайского значит «быстрый»).

Способы создания вики-разметок

Нужно задать себе не только вопрос: «Как сделать меню в группе в ВК», но и уточнить, как это реализовать. Можно выбрать несколько путей. Каждый из них зависит от направленности и цели группы. Итак, что может быть:

  1. Если группа имеет социальное направления, то можно создать текстовое меню. Преимущества ему отдают благодаря более серьезному внешнему виду.
  2. Группам коммерческого и развлекательного характера желательно сделать ставку на графическое меню. Использование в нём изображений позволит обратить внимание пользователей на то, что должно быть на виду. Применение такого подхода позволит вам также сделать пребывание в группе более приятным и расслабляющим.

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

Работа с изображениями

Как сделать меню в группе в ВК, которое было бы красивым? В социальной сети «ВКонтакте» вставить фотографию или картинку при помощи вики-разметки предоставляется возможным только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем нужную фотографию и копируем её адрес. К примеру, пускай он будет такой: photo12345_67890. Теперь необходимо его взять в двойные Должен получиться такой результат: []. А что, если к фотографии или картинке следует прикрепить текст или ссылку? А может, есть желание немного отредактировать внешний вид? Тогда с этим поможет следующее: необходимо, чтобы у файла был такой вид — [[ photo12345_67890|options|text/link]]. Вместо трех последних слов подставляется то, что надо. Text — пишем то, что нужно. Думается, особенных объяснений не надо. Link переводится с английского как «ссылка». Указывается для того, чтобы машина пользователя знала, куда ей необходимо идти. Options — здесь могут устанавливаться такие значения:

  1. Plain — ссылка на изображение оформлена как текст, в ней отсутствует картинка.
  2. Noborder — убирается рамка около фотографии.
  3. Box — изображение открывается в окне.
  4. Nolink — ссылка на фотографию убирается.
  5. Nopadding — пробелы между изображениями не отображаются.
  6. NNNxYYYpx или NNNpx — указывают, какой размер будет иметь картинка в пикселях. Первый вариант предусматривает ширину и высоту. При желании можно «сжать» картинку. И второй вариант предусматривает редактирования ширины.

Как создавать таблицы с использованием вики-разметки?

Обычно и графическому, и текстовому меню необходим элемент, который позволяет представить данные в удобном виде, а именно таблицы. Без них мало какая группа в «ВКонтакте» обходится. Чтобы создать таблицу в вики-разметке, необходимо использовать определённый набор символов. Предлагаем ознакомиться, за какой функционал они отвечают:

  1. {| — так обозначается начало таблицы. Обойтись без него при создании данного элемента невозможно, он является обязательным атрибутом.
  2. | — используется, чтобы давать ячейкам эффект прозрачности.
  3. |+ — с помощью этого набора символов располагают название таблицы по центру. Это не обязательный атрибут, но он должен быть размещен сразу после знаков, что обозначают начало.
  4. |- — так обозначают новые строки (в том числе и для ячеек).
  5. ! — даёт тёмный цвет. При эго отсутствии необходимо использовать знак из пункта №2.
  6. |} — набор символов, которые обозначает конец таблицы. Он является необязательным атрибутом. Но использовать его всё же рекомендуется, чтобы предотвратить возникновение ошибки.

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

Создание меню группы в социальной сети «ВКонтакте» с помощью вики-разметки: пример реализации

Здесь будут использованы опции noborder и nolink. Они уберут рамку картинки и ссылку. Также у изображений будет изменён размер, а вторая строка ячеек таблицы будет иметь тёмную заливку, благодаря использованию атрибута!. А вот и сам пример:

{|
|-
|

”’Новое в науке”’||
|-
![]!!
|-
|
[[Новости науки|Новости]]

[[Открытия]]

|


[[Конференции]]

[[Разработки]]

[[Книги]]

[[Симпозиумы]]

|


Разделы:

[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]

[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]

|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

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

Заключение

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

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

Какой размер меню группы Вконтакте?

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

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

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

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

Как вставить картинку в описание группы Вконтакте?

Элементарно. Достаточно взять подходящее изображение нужного размера и добавить его на стену группы от имени сообщества.



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

Но если хотите создать уникальное и красивое изображение для описания группы Вконтакте – нужно воспользоваться программой Фотошоп. На самом деле, это не так сложно, как может показаться новичку. Но потратить свое время на его изучение придется. Могу порекомендовать Вам замечательный видеокурс — «Фотошоп с нуля в видеоформате 3.0 ». С помощью него Вы быстро освоите эту программу.

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

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

  1. Первое, что нам нужно сделать – это зайти в настройки группы и активировать раздел «Материалы». Значение следует выставлять на «ограниченные» или «открытые».

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

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

  4. Картинка была разрезана с помощью инструмента в Фотошопе «Раскройка», а затем сохранена. Каждая из выделанных частей стала отдельным изображением.

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

  6. Далее зайдите в свою группу и в разделе свежие новости нажмите на кнопку «Редактировать».

  7. После этого откроется страница, которой можно дать произвольное название и записать следующий текст в квадратных скобках. Далее нажмите на кнопку «Сохранить страницу».

  8. Затем снова переходите на страницу своей группы или обновите ее (если она уже открыта). Нажмите на ссылку «Открыть меню». После этого появится дополнительная ссылка на страницу, которую мы создали. Нажмите на нее.

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

  11. Чтобы убедиться, что мы все правильно сделали, нажимаем на кнопку «Предпросмотр». Ниже кода появится сделанное меню группы Вконтакте. Если все отображается правильно, то жмем на кнопку «Сохранить», а если нет – то ищем и исправляем ошибки.

  12. Теперь нам понадобится картинка, которая станет заставкой нашего меню и будет находиться в описании нашей группы. Размеры картинки для описания группы Вконтакте мы писали выше, но если кто забыл – по ширине от 510 пикселей, а по высоте равной или меньше ширины. Можно использовать размеры больше, но в тех же пропорциях.

  13. Затем открываем нашу созданную страницу со сделанным меню группы Вконтакте и копируем на нее ссылку. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код и можно будет скопировать адрес из строки браузера, который должен выглядеть так: «https://vk.com/page-119301077_51764020».
  14. Далее заходим в нашу группу и в форме отправки сообщений вставляем скопированный адрес меню. А затем и фотографию, которая будет заставкой. После этого нажимаем на кнопку «Отправить».
  15. Теперь осталось только закрепить эту запись. Сделайте это также, как сделал я на картинке ниже.

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

Минобороны России опубликовало данные о погибших украинских военных

https://inosmi.ru/20220418/bezvozvratnye-poteri-253848766.html

Минобороны России назвало число погибших украинских военных

Минобороны России назвало число погибших украинских военных

Минобороны России назвало число погибших украинских военных

Министерство обороны России в понедельник опубликовало данные о погибших и тяжело раненных военнослужащих ВСУ в ходе российской спецоперации на Украине,… | , 18.04.2022

2022-04-18T12:55

2022-04-18T12:55

2022-04-18T13:47

иносми

россия

украина

министерство обороны рф (минобороны, мо рф)

потери

/html/head/meta[@name=’og:title’]/@content

/html/head/meta[@name=’og:description’]/@content

https://cdnn1.inosmi.ru/img/07e6/02/18/253169182_0:0:3335:1876_1920x0_80_0_0_60f022927a23e5a8baa2d687b6ef7f21.jpg

Министерство обороны России в понедельник опубликовало данные о погибших и тяжело раненных военнослужащих ВСУ в ходе российской спецоперации на Украине, сообщает РИА Новости. По данным ведомства, безвозвратные потери составили 23 367 человек.Минобороны обнародовало списки на украинском языке. В них указаны фамилия, имя и отчество, звание, должность, дата рождения, обстоятельства гибели военнослужащего и местонахождение тела. В отношении раненых указаны характер полученной травмы и диагноз.»Документы, имеющиеся в распоряжении Минобороны России, также свидетельствуют о большом количестве дезертировавших военнослужащих, раненых и пропавших без вести», — сказано в Telegram-канале ведомства.Опубликованные данные касаются воинской части 3057, в состав которой входит неонацистский полк «Азов». В документах перечислены 386 человек: 124 погибших и 262 раненых.Россия 24 февраля начала военную операцию по демилитаризации и денацификации Украины. Президент Владимир Путин назвал ее целью «защиту людей, которые на протяжении восьми лет подвергаются издевательствам, геноциду со стороны киевского режима».

россия

украина

ИноСМИ

[email protected]

+7 495 645 66 01

ФГУП МИА «Россия сегодня»

2022

ИноСМИ

[email protected]

+7 495 645 66 01

ФГУП МИА «Россия сегодня»

Новости

ru-RU

https://inosmi.ru/docs/about/copyright.html

https://xn--c1acbl2abdlkab1og.xn--p1ai/

ИноСМИ

[email protected]

+7 495 645 66 01

ФГУП МИА «Россия сегодня»

https://cdnn1.inosmi.ru/img/07e6/02/18/253169182_104:0:2835:2048_1920x0_80_0_0_804245f1e6faacd47657a2ec9552a98a.jpg

ИноСМИ

[email protected]

+7 495 645 66 01

ФГУП МИА «Россия сегодня»

ИноСМИ

[email protected]

+7 495 645 66 01

ФГУП МИА «Россия сегодня»

иносми, россия, украина, министерство обороны рф (минобороны, мо рф), потери

Зашифрованная ссылка вк как сделать

На чтение 8 мин. Опубликовано

Cкрытая ссылка Вконтакте или тайное остается тайным

Быстрая навигация по этой странице:

В 2013 году ежедневная аудитория «Вконтакте» превысила 40 миллионов человек. Это самая популярная российская социальная сеть, а на мировом уровне это 25-й по популярности сайт на планете. Поразмышляв над этой статистикой, я подумал, что нужно бы побольше уделять внимания этой социальной сети. Что и делаю — в сегодняшней статье пойдет речь о том, как делается скрытая ссылка Вконтакте.

Чудеса Вики-разметки

Как известно, Вконтакте предоставляет пользователям возможность пользоваться так называемой вики-разметкой. Это специальный язык (или, если Вам так больше нравится, система тегов/кодов), который позволяет оформлять дизайн групп и сообществ. Он используется во многих движках, самым известным из которых является Википедия.

О правилах этой разметки много сказано на странице http://vk.com/wiki — потому повторяться не будем, а сразу перейдем к сути вопроса — как сделать вконтакте ссылку скрытую с помощью вики-разметки?

Итак, для того, чтобы сделать какое-то слово ссылкоЙ, ведущей на вашу страницу, ваш паблик или вашу группу, нужно использовать следующий код:

Соответственно, в том месте, где указаны пустые пробелы, нужно указать или id вашей страницы, или id вашего вашей группы, или id вашего паблика, а после знака «|» вписывается анкор — слово или словосочетание, которое будет являться ссылкой.

Сервис сокращения ссылок Вконтакте

Описанный выше метод хорошо работает для того, чтобы оставлять ссылки в сообщениях с более-менее привлекательным анкором — согласитесь, ссылка «Далее» гораздо более привлекательно смотрится, чем ссылка http://vk.com/club3204432423423.

Тем не менее, такой метод не полностью прячет URL вашей ссылочки — внизу в адресной строке браузера все равно показывается полный URL, на который ведет Ваш анкор.

Потому, если вы хотите зашифровать вашу ссылку или вовсе сослаться на какой-нибудь посторонний сайт и еще и вашу рефку добавить, то тогда проще всего воспользоваться сервисом сокращения ссылок, который предоставляет сама социальная сеть. Я уже писал ранее про такие сервисы в статье про то, как скрыть ссылку в тексте на обычных сайтах. Эти же сервисы применимы и для vkontakte, но зачем к ним обращаться, если с недавних пор у вконтакте есть свой «сократитель»?

Он доступен по адресам http://vk.cc и http://vk.com/cc. Интерфейс очень удобен — вставляете нужный Вам URL и сразу получаете адрес типа http://vk.cc/KlMoq.

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

Источник

Гиперссылка – это фрагмент текста (слово, словосочетание, а иногда даже предложение), к которому прикреплена ссылка для перехода на другую страницу сайта или на внешний веб-ресурс. Для ее создания на обычном сайте используется специальный HTML-код, который позволяет указать путь на другую страницу, прикрепив ссылку к любому текстовому или графическому элементу.

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

Общий принцип построения

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

Адрес – это ID-номер или адрес страницы, на которую нужно перенаправить пользователя. А текст – это текстовый фрагмент, в котором нужно скрыть эту самую ссылку.

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

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

На человека

Иногда наступает такой момент, когда в посте нужно упомянуть конкретного человека, например для поздравления с праздником. Но, указав ID-номер его аккаунта, вряд ли кто-то после прочтения поймет, к кому обращается автор. Поэтому попробуем прикрепить адрес профиля к имени и фамилии пользователя.

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

Стоит отметить, что после ввода «@» в списке будут отображаться только те пользователи, которые есть в друзьях. Но упомянуть в посте можно любого человека. Для этого нужно:

Копировать нужно только ту часть ссылки, которая выделена красным цветом.

В качестве текста гиперссылки необязательно использовать имя и фамилию человека. Это может быть любое слово или словосочетание, которые вы посчитаете наиболее подходящими.

На группу или публичную станицу

Шаблоны с круглыми скобками работают и для упоминания сообществ. Но для разнообразия испробуем второй способ создания гиперссылок.

Для вставки подойдет как и числовой номер страницы в формате club*********, так и адрес, преобразованный из названия группы.

Также гиперссылки можно создавать на события, обсуждения, альбомы и прочее. Для этого ID сообщества в шаблоне нужно заменить на адрес страницы, который требуется зашифровать в тексте. К посту так же можно прикрепить изображение, аудиозапись или «живую» картинку (GIF-анимацию).

На внешние сайты

С созданием гиперссылок на сторонние веб-ресурсы ситуация сложнее. Дело в том, что сделать их по шаблону нельзя. Но совсем недавно в ВКонтакте появилась такая функция, как создание красивой миниатюры сайта при вставке ссылки в поле для ввода текста. Вот, например, как выглядит ссылка на YouTube канал:

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

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

Мобильное приложение немного отличается от полной версии сайта. Как минимум, там нет адресной строки, где можно было бы скопировать адрес нужной страницы. Но в целом принцип остается тем же.

Рассмотрим на примере:

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

Для закрепления такого большого объема полученной информации, предлагаем усвоить ее, посмотрев видео:

Подведем итоги

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

Источник

Все для начинающего вебмастера

Обучающие статьи и советы, как правильно сделать сайт и настроить сервер

Cкрытая ссылка Вконтакте — как сделать?

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

Использование Вики-разметки

Для пользователей Вконтакте представлена специальная вики-разметка. Она включает теги/коды для оформления внешнего вида страниц групп. Язык системы тегов применяется в различных движках, например, в хорошо всем известной Википедии.

Более подробно ознакомиться с правилами использования данной разметки можно по адресу: http://vk.com/wiki, а мы рассмотрим способ создания вконтакте скрытой ссылки, используя вики-разметку.

Чтобы задуманное слово стало ссылкой, которая приведет посетителя на вашу личную страницу, паблик или группу, введите такой код:
1 [id____________|Алексей Иванов]
2 [club________________|Лучшая группа]
3 [public_____________|SearchTimes.ru]

В местах кода, содержащих пробелы, указывается id соответственно либо страницы, либо паблика, либо группы, а за символом «|» следует ввести анкор – выражение в виде слова или нескольких слов, которые и будут представлять собой ссылку.

Сервис сокращения ссылок Вконтакте

Способ, о котором говорилось выше хорошо использовать для размещения ссылок, имеющих анкор, обладающий достаточной привлекательностью, например «далее», а не https://vk.com/public25435857.

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

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

Воспользоваться сокращающим ссылки сервисом можно, если зайти на страницы http://vk.cc или http://vk.com/cc. Нужно отметить несомненное удобство их интерфейса: для того, чтобы получить короткий адрес, нужно просто вставить требующийся URL.

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

Источник

Как управлять ссылками навигации по курсу?

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

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

Отключение ссылки навигации по курсу создает следующие перенаправления:

  • Только скрыто (нельзя отключить, но по-прежнему доступно через прямой URL): Обсуждения и оценки
  • Страница отключена; перенаправлено на домашнюю страницу: Объявления, Задания, Конференции, Сотрудничество, Файлы, Модули, Результаты, Викторины, Страницы, Люди, Рубрики и Программа
  • Страница отключена; не будет отображаться в навигации: Любые ссылки LTI, такие как посещаемость, чат и SCORM

Изменение порядка и скрытие ссылок навигации по курсу для объявлений, заданий, обсуждений и файлов также влияет на вкладки курса в представлении курса на информационной панели для всех пользователей.Кроме того, отключение ссылки «Файлы» скроет вкладку «Файлы» в селекторе содержимого в редакторе расширенного содержимого для учащихся.

Следующие ссылки навигации по курсу будут по-прежнему видны преподавателям, даже если они были скрыты или отключены: Главная страница, Объявления, Задания, Сотрудничество, Конференции, Обсуждения, Файлы, Оценки, Модули, Результаты, Страницы, Люди, Тесты, Рубрики, Настройки и силлабус.

Примечания:

  • Навигационные ссылки, которые нельзя отключить, требуют доступа к URL-адресу для отображения связанных данных в других областях холста.Доступ к скрытым страницам можно дополнительно ограничить, изменив определенные разрешения учащихся в Canvas. Обратитесь за помощью к администратору Canvas.
  • Если вы отключите ссылку навигации по курсу для внешнего инструмента, эта ссылка больше не будет отображаться в списке навигации по курсу.
  • Если ссылка навигации по курсу для страницы отключена и скрыта от учащихся, кнопка просмотра для учащихся не отображается.

aria-hidden — Доступность | MDN

Атрибут aria-hidden можно использовать, чтобы скрыть неинтерактивный контент от API специальных возможностей.

Добавление aria-hidden="true" к элементу удаляет этот элемент и все его дочерние элементы из дерева специальных возможностей. Это может улучшить работу пользователей вспомогательных технологий, скрыв:

  • Чисто декоративный контент, такой как значки или изображения
  • Дублированный контент, например повторяющийся текст
  • Закадровое или свернутое содержимое, например меню

Наличие атрибута aria-hidden скрывает содержимое от вспомогательных технологий, но визуально ничего не скрывает.

aria-hidden="true" не следует использовать для элементов, которые могут получать фокус. Кроме того, поскольку этот атрибут наследуется дочерними элементами элемента, его не следует добавлять к родителю или предку фокусируемого элемента.

Предупреждение: Не используйте aria-hidden="true" для фокусируемых элементов.

Скрытый статус элемента зависит от того, отображается ли он. Рендеринг обычно контролируется CSS. Например, элемент, у которого свойство display установлено на none с помощью CSS, не отображается.Элемент считается скрытым, если он или любой из его предков не визуализируются или значение атрибута aria-hidden установлено в true. Обратите внимание, что элемент и его дочерние элементы, для которых объявлено aria-hidden="true" , будут по-прежнему видны, если они не скрыты CSS.

Будьте осторожны при использовании aria-hidden , чтобы скрыть видимый контент от вспомогательных технологий. Вы не должны скрывать видимый контент, если только это не улучшит работу пользователей вспомогательных технологий за счет удаления избыточного или постороннего контента.Только в том случае, когда идентичные или эквивалентные значения и функции доступны вспомогательным технологиям, можно рассматривать возможность удаления видимого контента из API специальных возможностей.

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

На первый взгляд, aria-hidden="true" и role="presentation" и его синоним role="none" кажутся похожими, но цель каждого из них различна.

  • aria-hidden="true" удалит весь элемент из API специальных возможностей.
  • role="presentation" и role="none" удалит семантическое значение элемента, оставив его и его содержимое для вспомогательных технологий.

aria-hidden="true" не следует добавлять, когда:

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

Использование aria-hidden="false" не приведет к повторному открытию элемента вспомогательным технологиям, если какой-либо из его родителей укажет aria-hidden="true" .

Добавление aria-hidden="true" к значку скрывает символ значка от включения в доступное имя.

  <тип кнопки = "кнопка" aria-pressed = "ложь">
  
  <диапазон>
    Твитнуть
  

  

У нас есть кнопка со значком Font Awesome.Мы скрываем значок от вспомогательных технологий с помощью aria-hidden="true" , так как раскрытие значка вспомогательным технологиям может привести к избыточности или, если значок не имеет того же содержания, что и видимый текст, к путанице.

Создание ссылок в навигаторе приложений

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

Что такое навигатор приложений?

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

Добавление ссылок в навигатор приложений

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

  1. Выберите >  Изменить  (под заголовком ПЕРЕКЛЮЧИТЬСЯ НА ).

  2. Создавайте ссылки, вводя имя и URL-адрес на странице.

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

Если вы хотите, чтобы ссылка отображалась в навигаторе приложений только для определенных пользователей, используйте поле  Группы  , чтобы указать, какие группы могут видеть ссылку. Чтобы скрыть ссылку от всех пользователей, установите флажок Скрыть (например, если вы хотите временно скрыть ссылку, не удаляя ее полностью).

Когда вы делаете ссылку видимой для определенной группы, видимость ссылки настраивается только в приложении, в котором вы настраиваете ссылку. Например, если вы меняете видимость на экране администрирования Jira и хотите, чтобы он был виден тем же пользователям в Confluence, вы должны внести те же изменения в настройки администрирования Confluence.

Чтобы изменить ссылки, созданные и управляемые в других приложениях (например, в другом приложении Jira), отредактируйте ссылку в этом приложении. Вы не можете удалить ссылки на связанные приложения, вместо этого вы должны удалить ссылку на приложение.

 

PowerPoint 2010: гиперссылки и кнопки действий

Урок 20. Гиперссылки и кнопки действий

/en/powerpoint2010/smartart-illustrations/content/

Введение

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

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

Вставка гиперссылок

Добавление гиперссылок в вашу презентацию может помочь читателям быстро получить доступ к контактной информации или информации из Интернета.Кроме того, гиперссылки в виде кнопок действия полезны для навигации по слайд-шоу. Чтобы использовать гиперссылки, вам нужно знать, как вставлять гиперссылки с помощью текста и объектов, а также как вставлять кнопки действий .

Необязательно: Вы можете загрузить этот пример для дополнительной практики.

О гиперссылках

Гиперссылки имеют две основные части : адрес веб-страницы, адрес электронной почты или другое место, на которое они ссылаются; и отображаемый текст , который также может быть изображением или фигурой.Например, адрес может быть https://www.youtube.com , а отображаемый текст может быть YouTube . В некоторых случаях отображаемый текст может совпадать с адресом. При создании гиперссылки в PowerPoint вы сможете выбрать как адрес, так и отображаемый текст или изображение.

Чтобы вставить гиперссылку:
  1. Выберите изображение или текст, который вы хотите сделать гиперссылкой.
  2. Щелкните правой кнопкой мыши выделенный текст или изображение, затем щелкните Гиперссылка .Создание гиперссылки
  3. Откроется диалоговое окно Вставить гиперссылку . Вы также можете попасть в это диалоговое окно из вкладки Вставка , щелкнув Гиперссылка . Диалоговое окно Вставить гиперссылку
  4. Если вы выбрали текст, слова появятся в поле Текст для отображения вверху. Вы можете изменить этот текст, если хотите.
  5. Введите адрес, на который вы хотите установить ссылку, в поле Адрес .
  6. Нажмите OK .Выбранный текст или изображение теперь будет гиперссылкой на веб-адрес. Готовая гиперссылка
Чтобы вставить гиперссылку на адрес электронной почты:
  1. Щелкните правой кнопкой мыши выделенный текст или изображение, затем щелкните Гиперссылка .
  2. Откроется диалоговое окно Вставить гиперссылку .
  3. В левой части диалогового окна щелкните Адрес электронной почты . Создание гиперссылки электронной почты
  4. Введите адрес электронной почты, к которому вы хотите подключиться, в поле Адрес электронной почты , затем щелкните OK .Ввод адреса электронной почты и отображаемый текст

PowerPoint часто распознает электронные и веб-адреса по мере ввода и автоматически форматирует их как гиперссылки после нажатия клавиши Enter или пробела .

Чтобы открыть и проверить гиперссылку
  1. После создания гиперссылки важно протестировать ее. Щелкните гиперссылку правой кнопкой мыши, затем щелкните Открыть гиперссылку . Открытие гиперссылки
  2. Ваш веб-браузер должен открыться и перейти на связанную страницу.Если это не работает, проверьте адрес гиперссылки на наличие опечаток.
Чтобы удалить гиперссылку:
  1. Щелкните гиперссылку правой кнопкой мыши.
  2. Нажмите Удалить гиперссылку .Удаление гиперссылки

Другие гиперссылки

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

Чтобы вставить гиперссылку на другой слайд:
  1. Щелкните правой кнопкой мыши выделенный текст или изображение, затем щелкните Гиперссылка .
  2. Откроется диалоговое окно Вставить гиперссылку .
  3. В левой части диалогового окна нажмите Поместить в этот документ .Создание гиперссылки на другой слайд
  4. Появится список других слайдов презентации. Щелкните имя слайда, на который вы хотите создать ссылку. Выбор слайда, на который необходимо создать ссылку
  5. Нажмите OK .Текст или изображение теперь будут гиперссылкой на выбранный вами слайд. Готовая гиперссылка на слайд
Чтобы вставить гиперссылку на другой файл:
  1. Щелкните правой кнопкой мыши выделенный текст или изображение, затем щелкните Гиперссылка .
  2. Откроется диалоговое окно Вставить гиперссылку .
  3. В левой части диалогового окна щелкните Существующий файл или веб-страница . Создание гиперссылки на файл
  4. Щелкните стрелку раскрывающегося списка, чтобы найти файл.Поиск файла
  5. Выберите нужный файл. Выбор файла
  6. Нажмите OK . Текст или изображение теперь будут гиперссылкой на выбранный вами файл. Готовая гиперссылка на файл

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

Вставка кнопок действий

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

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

Чтобы вставить кнопку действия на один слайд:
  1. Перейдите на вкладку Вставка .
  2. Нажмите команду Shapes в группе «Иллюстрации». Появится раскрывающееся меню с кнопками действий , расположенными внизу.Выбор кнопки действия
  3. Выберите нужную кнопку действия .
  4. Вставьте кнопку на слайд, щелкнув в нужном месте. Появится диалоговое окно Параметры действия .
  5. Выберите вкладку Mouse Click или Mouse Over . Выбор вкладки Mouse Click означает, что кнопка действия будет выполнять свое действие только при нажатии. Выбор вкладки Mouse Over заставит кнопку действия выполнять свое действие, когда вы наводите на нее указатель мыши.Диалоговое окно «Параметры действия»
  6. В разделе «Действие при нажатии » выберите «Гиперссылка на: », затем щелкните стрелку раскрывающегося списка и выберите параметр в меню. Создание гиперссылки с помощью кнопки действия
  7. Проверьте Воспроизвести звук , если вы хотите, чтобы звук воспроизводился при нажатии кнопки действия. Выберите звук из раскрывающегося меню или выберите Другой звук , чтобы использовать звуковой файл на вашем компьютере. Выбор звука
  8. Нажмите OK .Кнопка завершенного действия
Чтобы вставить кнопку действия на все слайды:
  1. Перейдите на вкладку View .
  2. В группе Master Views щелкните команду Slide Master . Появится пустой слайд в стиле вашей презентации. Не беспокойтесь об изменении чего-либо еще. Изменение вида на Образец слайдов
  3. Перейдите на вкладку Вставка и следуйте приведенным выше инструкциям, чтобы вставить кнопку действия .
  4. Вернитесь на вкладку Образец слайдов , затем нажмите Закрыть мастер-представление . Новая кнопка действия теперь будет на каждом слайде. Возврат к обычному виду

Чтобы отредактировать, переместить или удалить кнопку действия, вставленную таким образом, щелкните вкладку Вид , затем Образец слайдов . Щелкните Close Master View после внесения необходимых изменений.

Чтобы проверить кнопку действия:

После создания кнопки действия важно протестировать ее.

  1. Перейдите на вкладку Слайд-шоу .
  2. В группе Начать показ слайдов щелкните С текущего слайда. Просмотр слайд-шоу
  3. Нажмите кнопку действия.
  4. После проверки щелкните правой кнопкой мыши в любом месте экрана и выберите Завершить показ .Завершение показа слайдов
  5. Если кнопка действия не сработала должным образом, следуйте приведенным ниже инструкциям, чтобы отредактировать ее.
Для редактирования кнопки действия:
  1. Нажмите кнопку действия.
  2. Перейдите на вкладку Вставка .
  3. В группе Ссылки щелкните команду Действие . Появится диалоговое окно Настройки действий . Редактирование кнопки действия
  4. Отредактируйте действие или гиперссылку.
  5. Нажмите OK .
Чтобы изменить внешний вид кнопки действия:
  1. Нажмите кнопку действия .
  2. Перейдите на вкладку Drawing Tools Format . Изменение внешнего вида кнопки действия
  3. Чтобы изменить кнопку стиль или цвет , используйте инструменты в группе Стили формы .Изменение стиля кнопки действия
  4. Чтобы изменить форму кнопки действия, щелкните Редактировать фигуру в группе Вставить фигуры . Выберите новую форму в раскрывающемся меню. Изменение формы кнопки действия

Вызов!

  1. Откройте существующую презентацию PowerPoint . Если хотите, можете использовать этот пример.
  2. Выберите текст и вставьте гиперссылку на веб-страницу . Если вы используете пример, перейдите к слайду 12.Превратите слова Финансовое и пенсионное планирование в гиперссылку: http://www.mutualofamerica.com/.
  3. Выберите текст или изображение и вставьте гиперссылку на другой слайд в презентации. Если вы используете пример, перейдите к слайду 2 и сделайте слова Документооборот ссылкой на слайд 11.
  4. Вставьте кнопку действия , которая использует звук. Если вы используете пример, перейдите к слайду 12 и создайте кнопку действия, которая ссылается на слайд 1.
  5. Изменение формы и стиля кнопки действия. Если вы используете пример, измените форму и стиль кнопки действия, которую вы вставили на слайд 12.

/en/powerpoint2010/работа с таблицами/контент/

Иконок и ссылок | Введение в специальные возможности

Ссылки на значки и кнопки со значками

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

Простой подход

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

  
 
  

В этом случае вы увидите значок дома. С помощью CSS вы можете создать состояние :hover, и ваш дизайнер будет доволен.Это работает, конечно, но есть некоторые вещи, которые вы должны иметь в виду:

  1. Возможно, область щелчка слишком мала
  2. Не все поймут иконку
  3. Ссылка вообще не имеет смысла. Программа чтения с экрана просто прочитает ссылку .

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

Значок улучшения с текстом

Это самый простой способ сделать ссылки на значки (и кнопки) доступными.Просто поместите надежную копию рядом со значком в ссылке.

  
  Главная
  

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

Наглядный, но доступный значок

Если по какой-то причине ваш отдел дизайна не желает идти по описанному выше пути, вы все равно можете скрыть текст с помощью нашего селектора класса .visible-hidden. Таким образом, все зрячие пользователи будут видеть только значок, но он будет доступен через программы чтения с экрана. Однако остается проблема непонимания значка и/или меньшей области щелчка/прикосновения.

  
 
 Главная
  

VoiceOver будет читать внутреннюю ссылку , дом и ChromeVox дом, внутреннюю ссылку , а экранный диктор по-прежнему будет читать дом, ссылка, значение: URL-запятая только для чтения .Так что на этом уровне ничего не изменилось.

Конечно, вы можете применить эту технику и к кнопке:

  <тип кнопки = "отправить">
 
 Поиск
  

Пример видео

В этом видеоролике показаны три различных способа кодирования ссылки значком. Зачитывается с помощью VoiceOver, ChromeVox и экранного диктора.

Использовать скрытую арию

Вы задавались вопросом, почему к иконкам применяется aria-hidden ? Это потому, что значки шрифтов не распознаются e.грамм. Ротатор VoiceOver. В ротаторе перед текстом ссылки будет знак вопроса. Тогда как, как только мы применим aria-hidden к значку, мы получим это:

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

Добавить комментарий

Ваш адрес email не будет опубликован.