lib4me.ru
 
Logo lib4me.ru

Комментарии ВКонтакте на сайте iWeb

Главная » iWeb  / 30.08.2013

Твитнуть

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

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

Как будет выглядеть виджет комментариев? Тут стоит немного остановиться. Дело в том, что использование редактора Apple iWeb подразумевает создание веб-страниц с фиксированными размерами: ширину и высоту контента мы задаем самостоятельно. Соответственно, каждый блок на странице (текст, изображения, окна и т.д.) имеет свои конечные размеры, из которых и складывается размер страницы. Сейчас же, у нас стоит задача расположить на странице динамический контент: ведь виджет комментариев может изменять свои размеры по высоте - при увеличении количества комментариев блок будет увеличивать свой вертикальный размер и перекрывать своим содержимым все, что расположено ниже него или вообще выходить за пределы веб-страницы. Избежать этого можно, разместив блок комментариев в окне фиксированного размера с прокруткой вертикального содержимого: полоса прокрутки позволит просматривать содержимое такого окна от начала до конца. Похожие окна с виджетом комментариев системы Disqus Вы уже видели на моем сайте. Сейчас мы попробуем создать тоже самое для виджета комментариев социальной сети ВКонтакте...продолжение »

l4m

Встраиваем формы на страницы сайта iWeb

Главная » iWeb  / 23.01.2013

Твитнуть

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

Но, несмотря на эту досадную «недоработку» компании Apple, добавить формы на страницы сайта, создаваемого в редакторе iWeb, очень просто: достаточно воспользоваться одним из множества сторонних сервисов и стандартным виджетом редактора - «HTML сниппет». Одним из сервисов, позволяющим добавлять различные формы на страницы веб сайтов, является сервис «Документы Google», пример формы, созданной с помощью него, Вы можете увидеть на странице контакты. Именно о том, как добавить подобную форму на свой сайт, я и предлагаю сегодня поговорить....продолжение »

l4m

Социальные кнопки на сайте iWeb: два способа установки

Главная » iWeb  / 12.01.2013

Твитнуть

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

Социальные кнопки на сайте iWeb: два способа установки

Использовано фото: skippydogdesigns

В общем случае, эти вопросы могут звучать, примерно, так: «Я установил(а) на сайт кнопки социальных сетей с помощью такого-то сервиса, но они работают неправильно: в Twitter публикуется твит с адресом другой страницы моего сайта. Что я делаю не так?». После выяснений что устанавливалось и как, оказывается: кнопки на страницы сайта были установлены с помощью стандартного виджета редактора Apple iWeb «HTML сниппет»...продолжение »

l4m

Ротатор баннеров и изображений для iWeb

Главная » iWeb  / 03.11.2012

Твитнуть

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


Использовано фото: Ryoichi Tanaka

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

l4m