Авторизация







Регистрация / Забыли пароль?

Регистрация нового пользователя











< Назад

Восстановление пароля





< Назад

Добро пожаловать

Выход


Ежедневное обновление статей и уроков, будь в курсе, держи руку на пульсе событий!

Главная >> Самосовершенствование

Google Docs презентация - незабываемая реклама вашего продукта, или тур по сайту

Урок есть и в видеоформате! Смотреть?

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


    Google Docs, онлайновый, офисный пакет, разработанный всемирно известным поисковым гигантом Google, включающий в себя редкие черты полноценного приложения для создания презентаций.  Они созданы на основе HTML5, и могут быть встроены в любые сайты. Более того, в них имеются полноценные переходы и эффекты, совсем как Powerpoint, но реализованы они с помощью CSS3. Это превращает данный инструмент, в идеальную возможность, оригинально преподнести пользователям свой товар, услугу, или создать незабываемый тур по сайту, с возможность вставки ссылок!

    Первые шаги

    Всего 3 шага отделают нас от заветной мечты:

  1. Создаём презентацию в Google Docs, настраиваем по нашему усмотрению. Мы можем расширить базовый функционал, включив в презентацию выбранное нами изображение с компьютера, установив понравившийся шрифт от Google Web Fonts, определить анимации и переходы, и даже вставить видео с YouTube;
  2. Публикуем презентацию в интернете (для этого нажимаем File -> Publish to the web -> Start publishing);
  3. В результате нам будет предложено скопировать необходимый код для вставки на сайт. Это решение не является кросс-доменным, поэтому мы поступим следующим образом, ищем тег iframe и копируем URL адрес находящийся в атрибуте src.

    Итак, у нас имеется прямая ссылка на презентацию, а так же её публично доступная версия.

    Переносим презентацию на сайт

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

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

    index.html

<a id="tour" class="fancybox.iframe blueButton" href="https://docs.google.com/presentation/d/1zNO2ALcN42t_..."> Тур по сайту!</a>

    Ссылке, присваивается id и 2 класса. Первый класс – специальный, он будет сообщаться fancybox, что то, что находится в атрибуте href, должно открываться в iframe. Второй класс – стиль кнопки с надписью «Тур по сайту!» (стиль кнопки вы можете просмотреть в файле assets/css/styles.css). Атрибут ссылки – href, будет указывать на презентацию созданную нами, помните, в пункте 3 описанном выше, мы условились скопировать необходимый код.

    Инициализировать плагин, мы будем так:

assets/js/script.js

$(function(){
 
    $('#tour').fancybox({
        maxWidth    : 746,
        maxHeight    : 600,
        fitToView    : false,
        width        : '80%',
        height        : '80%',
        padding        : 0
    }).click(); // Открываем презентацию по нажатию на кнопку
 
});

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

    На этом наш урок завершён, если у вас остались вопросы, вы можете поделиться ими в комментариях ниже.

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


Дата публикации: 06.03.2013
Опубликовал: Сергей Кашурин
Просмотров: 539
Правила перепечатки

Правила перепечатки

Уважаемый посетитель сайта!
Ниже преведены условия использования и перепечатки материалов сайта /
Все материалы данного сайта подготовлены для Вас лично мной.

Большая часть материалов сайта - это авторские уроки, остальные, это переводы уроков с английского языка на русский.
Если Вы решили использовать материалы данного сайта где-то на своих ресурсах или в рассылке, то соблюдайте следующие требования:
1. Урок или статья должны перепечатываться «как есть» с сохранением всех ссылок на источник урока, а если это перевод, то и на сайт, авторы которого подготовили его.
2. Ссылки на сайт источника и переводчика обязательно должны быть работоспособными (при нажатии по ссылке человек должен перейти на сайт автора/переводчика). Если Вы перепечатали какой-либо документ, обязательно проверьте ссылку на работоспособность.
3. Искажение информации об авторе, источнике, переводчике при перепечатке материалов запрещено!
4. Содержание урока или статьи при перепечатке не должно подвергаться модификациям и переделке. Все уроки и статьи, размещенные на сайте, должны перепечатываться как есть. Вы не имеете права урезать, исправлять или иным образом коверкать републикуемый документ.
С уважением, Сергей Кашурин– владелец сайта /


5 прекраснейших дизайнерских решений для ваших форм входа
Уважаемые друзья, в этом уроке, собраны 5 красивейших форм регистрации/авторизации, с пошаговым объяснением, и с возможность бесплатно скачать. Вы всё ещё думаете читать или нет? А кто-то уже вовсю пользуется ими!
23 jQuery плагина для организации слайд-шоу и галерей на сайте
Дорогие Друзья! Сегодня, я хочу познакомить вас с подборкой замечательных jQuery плагинов для создания слайд-шоу и галерей. Все они являются бесплатными и очень просты в установке и настройке.
24 классных PHP библиотеки, о которых вы должны знать
Для PHP-разработчика, и времени лучшего не придумаешь чем сейчас. Ведь каждый день, появляются всё новые и новые вспомогательные элементы, такие, как например полезные библиотеки.

Уроки и статьи

«Найден Самый Дешевый и Эффективный Способ Рекламы в Интернете!»

Доказанo: ведение своей почтовой рассылки - это самый действенный и дешевый метод рекламы в Интернете.

Используете ли Вы его?

Если нет, то Вы давно теряете свои деньги! Если да, то пришло время вести Вашу почтовую рассылку на самом эффективном инструменте в Рунете - сервисе рассылок SmartResponder.ru

Узнать об этом подробнее >>

Быть в курсе всех событий: