Тег .

Синтаксис

Параметры

align Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом. frameborder Устанавливает, отображать границу вокруг фрейма или нет. height Высота фрейма. hspace Горизонтальный отступ от фрейма до окружающего контента. name Имя фрейма. scrolling Способ отображения полосы прокрутки во фрейме. src Путь к файлу, содержимое которого будет загружаться во фрейм. vspace Вертикальный отступ от фрейма до окружающего контента. width Ширина фрейма.

Закрывающий тег

Обязателен.

Пример 1. Использование тега

Описание параметров тега

Аргументы

absmiddle Выравнивание середины фрейма по середине текущей строки. baseline Выравнивание фрейма по базовой линии текущей строки. bottom Выравнивание нижней границы фрейма по окружающему тексту. left Выравнивает фрейм по левому краю окна. middle Выравнивание середины фрейма по базовой линии текущей строки. right Выравнивает фрейм по правому краю окна. texttop Верхняя граница фрейма выравнивается по самому высокому текстовому элементу текущей строки. top Верхняя граница фрейма выравнивается по самому высокому элементу текущей строки.

Наиболее популярные параметры — left и right , создающие обтекание текста вокруг фрейма. Чтобы текст не прилегал плотно к содержимому фрейма, рекомендуется в теге

Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

Параметр FRAMEBORDER

Описание

По умолчанию вокруг содержимого фрейма рисуется рамка с эффектом трехмерности. Чтобы ее скрыть применяется параметр frameborder .

Синтаксис

Аргументы

yes (или 1) Отображает рамку вокруг фрейма. no (или 0) Скрывает рамку вокруг фрейма.

Значение по умолчанию

Пример 3. Сокрытие исходной рамки вокруг фрейма

Параметр HEIGHT и WIDTH

Описание

Для изменения размеров фрейма средствами HTML предусмотрены параметры width и height . Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры фрейма вычисляются относительно родительского элемента — контейнера, где находится тег

Аргументы

Любое целое положительное число в пикселах или процентах.

Значение по умолчанию

width — 300 пикселов, height — 150 пикселов.

Пример 4. Ширина и высота фрейма

Параметр HSPACE и VSPACE

HTML:

3.2

4

XHTML:

1.0

1.1

Описание

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

Синтаксис

Аргументы

Любое целое положительное число в пикселах.

Значение по умолчанию

Пример 5. Поля вокруг фрейма

Параметр NAME

Описание

В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. Чтобы направить содержимое во фрейм, он должен иметь уникальное имя, задаваемое атрибутом name . В этом случае при создании ссылки у тега требуется указать параметр target , в качестве значения которого выступает имя фрейма.

Синтаксис

Аргументы

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

Значение по умолчанию

Чебурашка

Крокодил Гена

Шапокляк

Параметр SCROLLING

Описание

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

Синтаксис

Аргументы

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

Значение по умолчанию

Пример 7. Сокрытие полос прокрутки

Параметр SRC

Описание

Указывает адрес файла (URL), который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.

Синтаксис

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Пример 8. Путь к файлу

Теги фреймов

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

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

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

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

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

Что такое Фреймы в html

Фрейм (англ. frame) - некоторая подключаемая независимая область на веб-странице.

Не пугайтесь, что это звучит немного непонятно. Давайте сразу приведем самый простой пример и тогда все станет ясно.

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

Рис 1. Использования фреймы на примере хелпа блокнота

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

Пример с фреймами №1 (делаем помощь)

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

Рис 2. Каркас использования фреймов для примера №1

Разбиение страницы на области с помощью фреймов очень напоминает табличную верстку html (см. HTML тег table). Примерный код такой страницы может выглядеть следующим образом:

Пояснение к примеру №1

Как видно из кода выше, страница созданная из фреймов очень похожа на обыкновенную html-страницу: есть открывающий тег html, раздел , заголовок <span>Ваш браузер не поддерживает отображение фреймов </span>

Код файла top.html

Пример №2

А здесь могло быть лого и не только:)

Код файла menu.html

• Главная страница
• О сайте
• Об авторе
• ...

Код файла content.html

Главная страница

Содержимое сайта. Сейчас открыт файл content.html
Это исходное состояние нашего фрейма. Назовем этот файл "Главной страницей"

Код файла about-site.html

О сайте

Страница о сайте. Сейчас открыт файл about-site.html

Код файла about-autor.html

Об авторе

Страница об авторе. Сейчас открыт файл about-autor.html

Код файла footer.html

Футер сайта. Сейчас открыт файл footer.html

Пояснение к примеру №2

Первоначально вся страница разбивается на три области по горизонтали в пропорции 3:14:3. За это отвечает атрибут rows="15%,70%,15%" . Первый фрейм в нашем примере - шапка (мы её обозвали top.html ), на нее отводится 15% места по высоте. Далее идет большой фрейм занимающий 70% по высоте. Мы его разбиваем на две части с помощью cols="25%,75%" в пропорции 1:3. Слева будет фрейм menu.html , справа content.html . Мы специально дали имя второму фрейму name="main" с целью возможности переключения страниц. Обратите внимание, что в файле menu.html к каждой ссылки приписан атрибут target="main" , что позволяет при нажатии на эту ссылку загружать элементы в область с именем main. Внизу сайта расположился последний фрейм footer.html .

Если вы реализуете пример №2, то должны получить такую html-страницу в исходном состоянии:

Рис 4. Пример №2 - исходное состояние

При переходе на страницу о сайте страница будет выглядеть следующим образом:

Рис 5. Пример №2 - второе состояние

Рис 6. Пример №2 - третье состояние

Тег

Необязательные атрибуты этого тега являются width="ширина" и height="высота" , а обязательный атрибут src="адрес фрейма" .

Атрибуты и свойства тега

1. Атрибут COLS="Параметры"
Задает количество разбиений страницы по вертикали.

2. Атрибут ROWS="Параметры"
Задает количество разбиений страницы по горизонтали.

Теперь рассмотрим каким образом можно задать параметры разбиение.

а) С помощью числа , которому будет соответствовать количество пикселей. Например, cols = "100,100,300" задает разбиение страницы на три области, каждая из которых будет по ширине: 100 пикселей, 100 пикселей и 300 пикселей соответственно.

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

в) С помощью * (звездочки). Например, cols = "2*,3*,100" задает первые две области в соотношение 2:3, а третья область будет шириной в 100 пикселей.

Все три способа можно совмещать. Например, cols="2*,100,15%,4*" .

3. Атрибут frameborder="{yes|no}"
Определяет наличие рамки у фрейма. Если ответ yes, то следующий четвертый атрибут border имеет силу.

4. Атрибут border="параметр"
В пикселях border задает толщину обводки области фрейма. Например, frameborder = "2" задает область с выделенным контуром в 2 пикселя.

5. Атрибут bordercolor="цвет"
Определяет цвет рамки, если она есть. Цвет можно задать как словами, так и кодом (см. цветовая палитра html).

Примечание: обратите внимание, что тегу нужен закрывающий тег .

Атрибуты и свойства тега

1. Атрибут src="адрес элемента"
В качестве параметра здесь должен указываться полный URL к адресу элемента. Этот атрибут обязателен. Он уже знаком Вам, т.к. он присутствовал в примерах 1 и 2.

2. Атрибут marginwidth="число"
Задает отступ внутри фрейма от границ в пикселях по ширине. Например, marginwidth="10" задаст отступ содержимого слева и справа от границы фрейма.

3. Атрибут marginhight="число"
Аналогичен второму с той лишь разницей, что задает отступ по высоте.

4. Атрибут scrolling="{yes|no|auto}"
Задает возможность прокрутки фрейма, в случае если он не смог уместиться в рамки отведенной ему области. По умолчанию стоит значение auto (означает, что при необходимости создавать скролл).

5. Атрибут noresize
Если установлен этот атрибут, то пользователю запрещается самостоятельно менять границы фрейма. По умолчанию этот атрибут не стоит и пользователь может менять границы как хочет.

5. Атрибут name="название"
С помощью этого атрибута можно давать фрейму имя. Это нужно для того, чтобы к этому фрейму могли обращаться другие фреймы. В примере №2 как раз рассматривается такой случай.

Примечание:
Имя не должно начинаться с нижнего подчеркивания "_".

6. Атрибуты frameborder, border и bordercolor
Эти три атрибута такие же как и у frameset (см. атрибуты frameset выше).

Преимущества и недостатки фреймов

Плюсы фреймов

• Возможность отображения в одном окне независимо несколько страниц (пример 1 и 2 выше);
• Возможность переключать содержимое страницы не перезагружая страницу (меняется только одна область экрана);
• Возможность построить гибко структуру сайта (шапка, меню, футер и т.д. - вся статическая информация хранится отдельно в файлах, а это позволяет быстро отредактировать часть сайта);
• Пользователь может сам изменять размер области просмотра, в случае если не установлена опция noresize;

Минусы фреймов

• Поисковые системы плохо индексируют сайты на фреймах, поскольку не в состоянии интерпретировать подгружаемые файлы во фреймах. Поисковая машина различает страницы по их адресу (URL), а у фреймов несмотря на разные состояния, адрес страницы не изменяется. Это противоречит правилам поисковой машины, а значит не факт, что поисковик сможет проиндексировать сайт.
• Невозможно сохранить в закладки сайт на фреймах, т.к. URL страницы будет одинаковый. Таким образом, можно лишь сохранить исходное состояние фрейма.
• Не все браузеры поддерживают фреймы.

Будущее фреймов:
От фреймов уже давно стали отказываться многие вебмастеры. Это связано с трудностями продвижения в поисковиках. Сейчас все переходят на Ajax, как более динамичный и современный способ отображения информации на одной странице сайта.

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

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

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

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

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

Делаем группу популярной с помощью контента

Главное в любой успешной группе – его величество контент ! Его значимость сложно переоценить. Ведь это то, ради чего Ваша аудитория подписана на Вас.

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

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

Хорошая реклама – ваша группа становится популярной автоматически!

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

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

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

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

Визуальное оформление группы делает ее популярной

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

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

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

Изучаем интересы людей

Работа с аудиторией – проведение различных конкурсов, акций, опросов, добавление обсуждений и возможности написать в сообщество.

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

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

Основные ошибки при раскрутке

Ниже мы описали основные ошибки, допускаемые в процессе популяризации сообществ.

Плохая идея (некачественный контент)

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

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

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

Маленький бюджет

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

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

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

Непонимание аудитории

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

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

Истории реальных групп

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

Первая – довольно известная среди молодежи группа «MDK»

Создана она была в 2011 году и с тех пор имеет аудиторию более 8 млн. человек.

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

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

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

VineVideo – лучший паблик с видеоконтентом

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

[Всего голосов: 3 Средний: 5/5]

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

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

В каких случаях необходимо делать группу в ВК популярной?

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

Сегодня довольно популярными считаются направления:

• Коммерция (продажа товаров и услуг посредством сообществ ВК).
• Реклама (развитие паблика до определенного уровня и дальнейший заработок на размещении рекламы).
• Блогинг и авторские сообщества (ведение личного блога или блога от лица компании, публикация авторского контента для его популяризации и увеличения популярности автора).
• Общение и развлечение (развитие группы без целей заработка на ней).

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

Как сделать сообщество популярным?

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

Этап 1. Постановка целей и задач

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

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

Этап 2. Определение ЦА

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

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

Этап 3. Определение стратегий

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

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

Этап 4. Создание и оформление сообщества

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

Этап 5. Контент

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

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

Этап 6. Продвижение

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

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

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

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

Этап 7. Аналитика

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