▲ Вверх
Главная » 2011 » Сентябрь » 10 » Формирование интерфейса группы с применением wiki-разметки
23:07
Формирование интерфейса группы с применением wiki-разметки

Поделитесь моим сайтом =)

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

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

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

Чтобы произвести добавление, нужно зайти в альбом, содержащий изображение, скопировать его адрес, к примеру kartinka111, и обрамить квадратными скобками, по две с каждой стороны. Получаем: [[kartinka111]]

При необходимости прикрепления текстового сообщения или ссылки к картинке и, возможно, внесения в него каких-то изменений, разметку производим следующим образом:
[[kartinka111|options|text/link]]. Вместо options можно подставить следующие определения:

* plain (тогда ссылка на изображение будет в текстовом формате, без демонстрации самого изображения);
* noborder (обеспечит отсутствие обрамления вокруг фотографии);
* box (картинка откроется в окне);
* nolink (нивелирует ссылку на фотоснимок);
* nopadding (размещает фотографии без пробелов);
* NNNpx либо NNNxYYYpx (сообщает о пиксельных параметрах фотоснимка – вширь либо вширь и ввысь).

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

{| этим символом мы начинаем таблицу, его наличие обязательно;
|+ символ используется для центрирования наименования таблицы, набирается следом за символом начала и в использовании необязателен;
|- символ, определяющий следующую строку, включая ячейки;
| символ, определяющий насколько ячейки будут прозрачными;
! символ, определяющий насколько ячейки будут тёмными; при его отсутствии необходимо применить предшествующий символ;
|} этим символом мы таблицу заканчиваем, вписывать необязательно, однако желательно, если не хотите чтобы возникли ошибки.

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

Если вы создаёте группу коммерческой направленности, важным является представление пользователю сайта ссылки на объект торговли.
Пользуясь wiki-разметкой, вы можете использовать один из трёх путей, чтобы оформить внешнюю ссылку:
1) оформляете ссылку в виде ссылки: [http://www.tovar.ru]
2) оформляете ссылку в виде текста: [http://www.tovar.ru|Сумочка Gucci]
3) оформляете ссылку как картинку: [[photoGuccibag|45px|http://www.tovar.ru]]
Если вам пришлась по душе графика, использованная в оформлении меню или кнопок в других группах, и вы желаете чтобы ваша группа была оформлена в таком же стиле, то следующая информация для вас. Чтобы добавить в интерфейс красивости нужно хотя бы чуточку разбираться в фотошопе. Итак, обрабатываем фотографию фотошопом и сохраняем изображение в формате «Сохранить для веб», затем производим его загрузку посредством стандартного загрузчика, создаём меню, используя nopadding, и завершаем действо прописыванием ссылок.
Специфические свойства wiki-разметки можно познать лишь на опыте и не получится использовать, будучи новичком. Однако несколько моментов всё-таки знать нужно для недопущения ошибочных действий при воплощении в жизнь желания оформить группу на высшем уровне.
Нужно очень осторожно относиться к изменению параметров фотографии, при уменьшении ниже 131 пикселя она утрачивает резкость. Вширь рисунок может занимать максимум 610 пикселей. Wiki-страница вмещает до 17 открытых тегов. Если вы укажете ширину рисунка, высота поменяется самостоятельно на пропорционально обоснованную. В таблицу поместить список можно, используя тег

<br />
В строку разметки можно внести до 8 пунктов списка.
Чтобы можно было легче разобраться в особенностях wiki-разметки разработчики сайта «ВКонтакте» предложили пользователям тематические приложения. По некоторым можно научиться самостоятельно создавать wiki-разметку, а для особо ленивых или занятых существуют остальные, которые позволяют редактировать меню более доступным способом.


Просмотров: 1112 | Добавил: max | Теги: интерфейса, формирование, применением, группы, wiki-разметки | Рейтинг: 0.0/0