Узнайте, как встраивать в свои веб-страницы HTML что угодно , от видеороликов Flash до электронных таблиц, фотографий с высоким разрешением и статических изображений из Карт Google и т. Д.
Встраивание RSS-каналов в веб-страницы
Перейдите на эту страницу, замените URL-адрес фида своим собственным фидом, используйте цветовую схему по умолчанию или измените ее на другую, а затем нажмите «Получить код». Вы получите фрагмент кода JavaScript, который можно легко разместить на боковой панели вашего блога.
Если вам нравится встраивать каналы из нескольких источников, объедините их все в один с помощью Yahoo Pipes, а затем передайте объединенный канал в гаджет Google. Вы также можете использовать виджеты RSS, такие как WidgetBox или YourMinis, которые созданы во Flash, а не JavaScript.
Вставьте видео YouTube высокого качества или HD
Чтобы встроить версию клипа YouTube с высоким разрешением на свои веб-страницы, сначала убедитесь, что рядом с проигрывателем YouTube есть ссылка «Смотреть в высоком качестве» или «Смотреть в HD», поскольку большинство видео доступны только в стандартном формате.
Затем скопируйте код для встраивания YouTube и добавьте к значению URL & ap =% 2526fmt% 3D18 (для высокого качества) или & ap =% 2526fmt% 3D22 (для 720p High Definition). параметра фильма в обоих случаях (см. пример YouTube HD).
Встраивание музыки в формате MP3 и другого аудио
Если вам нравится встроить аудио файлы, такие как песни, подкасты или интервью на ваших веб-страницах, используйте Yahoo! Media Player — его бесплатный проигрыватель флэш-музыки, который автоматически обнаруживает все ссылки на файлы MP3 на текущей веб-странице и превращает их в музыкальный проигрыватель. Другая альтернатива — Google MP3-плеер.
Для встраивания других аудиоформатов, таких как 3GP, Midi, Real или Windows Media, может быть хорошей идеей преобразовать эти файлы в MP3 с помощью Zamzar, чтобы они воспроизводились практически в любом веб-браузере.
Встраивание фотографий и слайд-шоу с Flickr
Чтобы встроить отдельную фотографию Flickr в свой блог, щелкните ссылку «Поделиться» (рядом с названием фотографии) и выберите «Вставить». Flickr требует, чтобы встроенное изображение было связано с Flickr, и эта встроенная опция встраивания автоматически выполняет это требование. (см. пример)
Чтобы встроить слайд-шоу из фотографий Flickr на вашу веб-страницу, откройте любое слайд-шоу на новой странице (см. Пример) и выберите «Настроить HTML» в параметре встраивания (см. Пример). Здесь вы можете указать нестандартный размер для вашего слайд-шоу Flash, чтобы оно точно помещалось на вашей веб-странице.
Встроить веб-альбомы Picasa
Когда вы открываете фотоальбом в Picasa, щелкните ссылку на правой боковой панели с надписью «Ссылка на этот альбом» и выберите «Вставить слайд-шоу». Вы можете использовать тот же подход для встраивания отдельных фотографий, доступных в Picasa.
Вставить события из Google Календаря
Перейдите на раскрывающуюся стрелку рядом с любым календарем Google и выберите «Настройки календаря». Откройте программу Helendar Calendar Calendar Google, нажав кнопку «Настроить» и выберите элементы, которые вы хотите отобразить или скрыть в календаре.
Встраивайте очень большие фотографии
Чтобы встроить действительно большие изображения в свой блог, вы можете использовать Deep Zoom или программу просмотра Google Maps. Эти программы разбивают ваши фотографии на маленькие плитки, и вы даже можете панорамировать / масштабировать эти изображения, очень похоже на интерфейс Google Maps по умолчанию.
Встраивайте диаграммы и графики в веб-страницы
Мне больше всего нравится Zoho Sheet — любую диаграмму, созданную в Zoho Sheet, можно опубликовать как внешнее изображение, не открывая всю электронную таблицу. Если вы заинтересованы в создании диаграмм с небольшим объемом данных, используйте Google Charts.
Встраивайте анимацию GIF и скринкасты
GIF-анимация (см. Пример) — идеальный способ встраивать короткие скринкасты на веб-страницы, поскольку для них не требуются плагины и автоматическое воспроизведение внутри программ чтения каналов. Вам следует загружать файлы GIF в свою учетную запись Flickr, так как они сохраняют все кадры, в то время как многие другие веб-сайты, размещающие изображения, теряют что-либо после первого кадра.
Добавьте чат в свой блог
Если вам нравится общаться с посетителями, которые в настоящее время находятся на вашем сайте, получите виджет чата от Meebo Me и разместите его на боковой панели вашего сайта. Посетители отображаются в вашем списке друзей Meebo, так что вы можете завязать разговор, ответить на вопросы или просто следить за гостями. Также просмотрите еще несколько вариантов встраивания чата в блоги.
Встраивание документов Word
Загрузите документ в Scribd, и они предоставят вам код для встраивания во Flash. Scribd поддерживает как doc, так и новый формат docx Office 2007 в дополнение к документам Open Office. Даже Барак Обама использует Скрибда для загрузки своих публичных документов и предстоящего плана.
Встраивание презентаций PowerPoint
Хотя популярным выбором является Slideshare, вам также следует рассмотреть возможность использования Issuu (лучшего веб-приложения) для презентаций, которые являются большими или отформатированы в виде журналов или каталогов (см. Пример). Единственным недостатком является то, что Issuu принимает PDF-файлы, поэтому вам необходимо преобразовать презентацию перед загрузкой в Issuu.
Встраивать данные электронной таблицы
И Zoho Sheet, и Google Docs позволяют публиковать диапазон ячеек из электронной таблицы на веб-страницу, но процесс встраивания в Zoho менее сложен — выберите диапазон и выберите «Опубликовать» из контекстного меню, чтобы встроить этот диапазон в вашу сеть. страница.
Встраивание файлов Adobe PDF
Чтобы встраивать PDF-файлы в веб-страницу, вы можете использовать Issuu (для PDF-файлов в журнальном стиле) или Scribd для PDF-файлов, в которых либо много текста, либо макет чтения сверху вниз, аналогичный документам Word.
Встроить Flash (SWF) или Flash-видео (FLV)
Лучше всего встраивать Flash-контент через swfobject. Это улучшает общий пользовательский опыт, предоставляя альтернативы на случай, если Flash отсутствует, и ваш Flash-контент также становится более доступным для поиска. В этом руководстве есть все файлы и другие сведения, которые помогут вам начать работу со SwfObject 2.
Связанный: Как встраивать видео FLV Flash
Встроить профиль LinkedIn
Если вы хотите, чтобы ваш профиль LinkedIn отображался на боковой панели вашего блога, попробуйте LinkInABox. Люди (посетители сайта) могут читать сводку вашего профиля LinkedIn, не покидая сайт.
Встраивайте Карты Google в веб-страницы
Встраивать карту Google на свой веб-сайт теперь почти так же просто, как добавить изображение — просто откройте мастер статических карт, найдите место, которое вы хотите встроить, и укажите размеры своей карты. Они предоставят простой URL-адрес, который фактически указывает на статическое изображение этой карты.
Добавьте другую веб-страницу в свой блог
Если вы хотите встроить другой веб-сайт на свою веб-страницу, лучше всего использовать тег IFRAME, также известный как встроенный фрейм. Просто установите значение SRC на адрес веб-страницы, которую вы хотите встроить в текущий HTML-документ. Вы можете попробовать IFRAME для вставки результатов поиска в реальном времени из Google на свою веб-страницу, не беспокоясь об API.
Встраивайте фильмы Windows Media или QuickTime
Хотя можно встроить видео mov или wmv на веб-страницы напрямую, используя тег OBJECT, я рекомендую вам поместить эти видео на blip.tv, а затем встраивать их в веб-страницы как Flash-видео. Это потому, что ваши посетители могут затем воспроизводить видео без дополнительных плагинов, и, во-вторых, у них всегда есть возможность загрузить видео в исходном формате с серверов blip.tv.
Встраивать другие шрифты в веб-страницы
Большинство веб-страниц используют универсальные шрифты, такие как Arial, Times New Roman или Verdana, поскольку они установлены на большинстве компьютеров и, следовательно, ваши веб-страницы будут отображаться правильно. Если вы хотите попробовать что-то другое и отображать страницы с использованием шрифтов, таких как Microsoft Calibri или Adobe Garamond Pro, которые доступны только на некоторых машинах, все, что вам нужно, это sIFR — он позволяет использовать практически любой шрифт для ваших веб-страниц с помощью JavaScript + Flash и является идеально подходит для написания заголовков в «газетном стиле».
Добавьте свой образ жизни на веб-страницу
У вас есть присутствие на YouTube, Flickr, Twitter, Last.fm, Facebook, Amazon и в десятке других интернет-сайтов. Друзьям может быть очень сложно отслеживать вас во многих местах, поэтому вам следует создать учетную запись в FriendFeed, импортировать все различные службы, которые вы используете, а затем использовать значок FriendFeed, чтобы встроить вашу деятельность в жизнепотоке на свой основной сайт. Вы также можете создать Lifestream с помощью Google Reader.
Связанное руководство: Как встроить видео в PowerPoint