Совет 1: Как вставить погоду на сайт

У вас есть свой блог или сайт, и вы частый гость в интернет-сети, значит, не раз видели небольшие, похожие на баннеры, картинки, содержащие различную обновляющуюся полезную информацию, вроде цен на бензин, курсов валют и т.д. Российские погодные серверы предлагают аналогичный сервис для показа метео-информации, которые также можно установить к себе на сайт.
Инструкция
1
Чтобы установить погодный информер у себя на сайте, зайдите на Gismeteo.Ru. Здесь на выбор предлагают разместить на вашей главной странице GIF-изображение, файл которого имеет объем 3-4 Кб, или флэш-ролик объемом 10 Кб. На баннере будет выводиться температура воздуха, облачность, осадки, давление и даже скорость и направление ветра для одного или нескольких выбранных городов. До полудня отображается погода на сегодняшний день, а далее уже на завтрашний. Если вы пожелаете более подробно ознакомиться с прогнозом на трое и даже десять суток, просто нажмите на информер и перейдите на страницу погодного сервера.
2
Для установки на странице http://www.gismeteo.ru/informers/constructor/#gK65sKJG/single сайта Gismeteo кликните на надпись «Создать информер». После этого выберите такие его настройки вида, цвета, размера и прочего, которые будут удовлетворять ваш вкус, вставьте в нужную строку адрес вашего сайта и впишите свой e-mail, после чего нажмите на надпись «Получить код информера». Он будет прислан вам по почте. Далее разместите код у себя на сайте и теперь вы всегда можете знать погоду и на сегодня и на завтра и на день, предназначенный для поездки или, например, выезда с семьей на природу.
3
Еще более простой способ установить показатель погоды с официального сайта http://pogoda.yandex.ru/ . Там перейдите в раздел «информеры» и скопируйте к себе в блог или на сайт код выбранного. Симпатичные, простые и понятные погодные информеры также можно выбрать на сайтах http://informer.hmn.ru/ и http://www.weather.ua/ru-RU/services/informer/image/. Они естественно и гармонично вписываются практически в любой дизайн, вам остается только выбрать размер и цвет, приятно сочетающийся с цветовой гаммой вашего сайта.

Совет 2: Как добавить прогноз погоды на сайт

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

Установка информера



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

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

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

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

Установка через скрипт



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

Подберите подходящий по функционалу скрипт на сайтах с программами для веб-мастеров. Разархивируйте полученный пакет на компьютере и запустите документ readme.txt. Изучите инструкцию по установке скрипта и выполните обозначенные указания. Процесс установки может изменяться в зависимости от особенностей написанной программы. Однако обычно для создания интерфейса отображения погоды на ресурсе достаточно скопировать разархивированный скрипт в отдельную директорию на хостинге, перейти при помощи браузера в данный каталог и указать файл settings.php. Выполнив настройку, вам потребуется вставить сгенерированный код на страницу, где вы хотите отображать прогноз. Если скрипт выводит обширную информацию о погоде на отдельной странице, вам потребуется создать ссылку в меню сайта.

Для многих современных CMS существуют дополнительные модули, позволяющие активировать отображение погоды на страницах. Чтобы найти подходящее расширение, изучите каталог доступных модулей на сайте вашей системы управления сайтами или произведите поиск расширения погоды через панель администрирования вашего ресурса.
Источники:
  • Яндекс.Погода информер
  • GISMETEO информер
  • RP5 информер

Совет 3: Как вставить изображение на сайт

Все, что видит посетитель на страницах сайта, отображается браузером на основании подробных инструкций, присланных ему сервером. Эти инструкции называются html-кодом страницы и состоят из отдельных «тегов», в которых описаны тип, внешний вид и расположение каждого элемента в отдельности. Чтобы поместить в страницу какой либо новый элемент (например - изображение), надо в ее исходный код добавить соответствующую инструкцию - тег. Рассмотрим - как это сделать проще всего.
Инструкция
1
Если вы используете какую либо систему управления сайтом, то очень вероятно, что в ее составе есть редактор страниц. Для начала вам следует открыть нужную страницу в этом редакторе. Дальше - возможны варианты. В самом удачном случае редактор страниц будет иметь «визуальный режим», по-другому - «режим WYSIWYG» (What You See Is What You Get - «что видишь, то и получишь»). В таком режиме вам вообще не нужно будет иметь дело с исходным html-кодом! Страница в редакторе будет выглядеть так же, как и на сайте, достаточно будет ткнуть мышкой в нужное место и нажать на панели редактора кнопку «вставить изображение».
Кнопка «Вставить <b>изображение</b>» в панели визуального редактора
2
В результате откроется диалоговое окно, в котором вам надо выбрать нужную картинку. Если вы ее еще не загружали - здесь же есть кнопка для выбора изображения на вашем компьютере и загрузки его на сервер. Кроме того, в этом диалоге можно задать цвет и ширину рамки вокруг изображения, расстояние и цвет заливки между рамкой и картинкой, текст для всплывающей подсказки. Размеры здесь указывать не обязательно, но из соображений ускорения загрузки страницы и для предотвращения искажения дизайна лучше все же это сделать. Когда все нужные поля диалога заполнены, нажмите «ОК» и затем сохраните отредактированную страницу.
Диалоговое окно вставки изображения
3
Из-за того, что единого стандарта на системы управления не существует, процедура вставки изображения в визуальном режиме вашей системы может немного отличаться, но принцип будет таким же. По этой же причине WYSIWYG-режима может не оказаться в системе управления вашим сайтом. Тогда все же придется редактировать исходный код страницы на языке HTML (HyperText Markup Language - «язык разметки гипертекста»). Вам нужно будет вставить в нужное место кода тег, командующий браузеру показать здесь изображение. В самом простом варианте он должен выглядеть так:<img src="image.gif">Здесь указан «относительный адрес» изображения – по этому адресу браузеру следует обратиться к серверу, чтобы получить от него файл картинки. Если адрес относительный, то браузер будет считать, что файл лежит в той же папке сервера, где и сама страница (или во вложенной папке). Но, чтобы не ошибиться, лучше указывать «абсолютный адрес» - например, так:<img src="http://site.ru/image.gif">Естественно, чтобы сервер мог найти и отдать браузеру изображение, его следует закачать в указанное место. Проще всего это сделать через файл-менеджер, который есть в каждой системе управления сайтом, а так же в панели управления вашей хостинговой компании. Можно сделать это и по ФТП-протоколу (File Transfer Protocol – «протокол передачи файлов»), воспользовавшись специальной программой - ФТП-клиентом. Их много, как платных, так и бесплатных - например, Cute FTP, FlashFXP, WS FTP и др. Но, естественно, установка, освоение и настройка программы потребуют времени, поэтому файл-менеджер для загрузки всего необходимого через браузер – более простой вариант.
4
Кроме адреса в html-теге изображения можно указывать и дополнительную информацию – «атрибуты» тега. Например, атрибут alt содержит текст для всплывающей при наведении курсора мыши на изображение подсказки:<img src="image.gif" alt="Текст о картинке">Его можно заменить атрибутом - title:<img src="image.gif" title="Текст о картинке">--Размер прямоугольника, в котором браузер должен отобразить картинку, задают атрибуты width и height :<img src="image.gif" width="200" height="100">--Атрибут border указывает ширину рамки вокруг картинки (в пикселах):<img src="image.gif" border="2">Если изображение сделать ссылкой, то браузер нарисует вокруг нее синюю рамку. Чтобы от нее избавиться надо значению border присвоить ноль:<a href="http://site.ru"><img src="image.gif" border="0"></a>--Два других атрибута содержат информацию о величине отступов картинки от соседних элементов (от строк текста, других картинок, и т.д.) - hspace задает размер отступа по горизонтали (слева и справа), vspace - по вертикали (снизу и сверху):<img src="image.gif" hspace="5" vspace="6">
Видео по теме
Обратите внимание
Вставка изображения на сайт. На сегодняшнем уроке рассмотрим, как вставлять на страницу сайта изображение. Для того, чтобы вставить какое-либо изображение, картинку, фотографию на страницу сайта, следует использовать тег , имеющий единственный обязательный атрибут src, который определяет адрес файла с изображением.
Полезный совет
Путешествуя по интернету Вы наблюдали на многих сайтах различные картинки, баннеры, графические изображения. Сегодня Мы научимся вставлять изображения на HTML страницу.  Само изображение вставляется с помощью тега img src="img/mers1.jpg" где "img/mers1.jpg" – указывает, что наша картинка лежит в папке img а имя файла mers1.jpg. В принципе этого достаточно что бы вставить изображение, остальные параметры не обязательные, но все, же их, следует прописывать иначе наша картинка, может подвергнуться искажениям.
Источники:
  • как вставить картинку на сайт

Совет 4: Как установить информер погоды

В последних версиях операционных систем семейства Windows появилась поддержка виджетов и гаджетов. С их помощью на рабочий стол можно вывести разного рода счетчики, градусники и другие полезные функции. Рядом идущее семейство операционных систем Linux не может похвастаться таким изобилием.
Вам понадобится
  • Программное обеспечение:
  • - оболочка Wine;
  • - погодный информер.
Инструкция
1
Если вы знали, что системы семейства Linux не работают с exe-файлами, значит вы не слышали о существовании оболочки Wine, которая позволяет запускать практически все приложения, созданные для операционных систем Windows. Стоит отметить, что использование этой оболочки значительно увеличивает загрузку компьютера, т.е. использование рекомендуется пользователям мощным машин.
2
Большинство программ, разрабатываемых современными специалистами, создаются для Windows-платформ. Поэтому данный информер погоды был импортирован в среду Linux. Если у вас еще нет Wine-оболочки, установить ее можно при помощи инструмента «Менеджер пакетов Synaptic».
3
Нажмите верхнее меню «Система», выберите пункт «Администрирование», а затем компонент «Менеджер пакетов Synaptic». В поле быстрого поиска введите wine и нажмите клавишу Enter. В результатах поиска отметьте галочкой оболочку и нажмите кнопку «Применить». После этого начнется процесс установки, который не требует вмешательства пользователя.
4
Сам информер необходимо скачать по следующей ссылке http://s3blog.org/download/others/soft/weather/Weather.exe. При сохранении файла не забудьте его директорию. Откройте папку с файлом, нажмите на нем правой кнопкой мыши и выберите пункт «Открыть в Wine».
5
После установки информера его можно обнаружить под лотком со системными часами. Теперь осталось добавить его в меню «Автозагрузка». Для этого нажмите меню «Система», выберите пункты «Параметры» и «Запускаемые приложения».
6
В открывшемся окне перейдите к вкладке «Автоматически запускаемые программы» и нажмите кнопку «Добавить» с правой стороны списка запускаемых приложений. В полях «Название» и «Команда» введите Weather. Затем нажмите кнопки «Добавить» и «Закрыть».
7
Перезагрузите компьютер, если погодный информер не загрузился, запустите снова апплет «Запускаемых приложений». Найдите недавно добавленный пункт и нажмите кнопку «Обзор» напротив поля «Команда». Укажите путь до исполняемого файла и перед ним введите строку usr/bin/wine. Таким образом путь до этого файла будет выглядеть так: usr/bin/wine /home/user/dir/Weather.exe.
Видео по теме

Совет 5: Как разместить погоду на сайте

Зачастую на различных сайтах можно наблюдать разнообразные погодные информеры. Обычно направленные на прогноз погоды определенного города, они очень гармонично вписываются в общий дизайн ресурса и являются весьма полезными виджетами. Многие начинающие вебмастеры задаются вопросом об установке этих информеров на свой сайт.
Вам понадобится
  • - доступ к управлению сайтом.
Инструкция
1
Прежде всего определите внешний вид вашего будущего погодного информера: размеры, цвет, содержание и т.д. После этого на специальных сайтах постарайтесь найти информер в соответствии с вашими предпочтениями либо создайте собствееный дизайн: http://informer.gismeteo.ru/,http://pogoda.yandex.ru/salavat/informer/ и др. Выберите понравившийся виджет и получите его код. Вставьте его в блокнот для большего удобства и сохраните документ, так как, возможно, вам потребуется немало времени для установки виджета на сайт, в процессе которой код информера может быть потерян.
2
Следующим шагом необходимо интегрировать полученный код в ваш ресурс. Для этого откройте исходный код вашего сайта, соориентируйтесь с его содержанием и найдите то место, куда вы планируете разместить информер (например правый блок). Так как существует множество различных CMS(системы управления сайтом), это не единственный способ, он лишь общий для всех.
3
Также во многих платформах, например в CMS Joomla, существует система модулей. Для размещения информера на сайте таких CMS, создайте новый пустой модуль, вставьте в него код вашего виджета и задайте ему необходимое положение на вашем ресурсе. Данный способ предпочтительнее, так как вы можете видеть расположение информера, в отличие от того случая, когда вы редактируете исходный код всего сайта.
4
Также данный информер можно добавить в подпись ваших сообщений на различных форумах. В отличие от CMS различных сайтов, система управления большинства форумов примерно одинакова, поэтому данная инструкция универсальна. Зайдите в ваш профиль на форуме, перейдите к редактированию подписи и вставьте в форму для ввода текста код информера (на сайте выбора информера выберите BBCode), сохраните изменения.
Видео по теме

Совет 6: Как вставить часы в блог

Очень часто при создании блога начинающие веб-мастеры стараются украсить его всевозможными гаджетами. И одним из самых популярных гаджетов являются часы. Установить их в большинство блогов не представляет особого труда, нужно лишь следовать нескольким простым советам.
Инструкция
1
Для того чтобы разместить часы на своем блоге, выберите сервис, содержащий различные гаджеты для веб-сайтов. Вот небольшой перечень таких ресурсов:- http://www.24log.ru/clock/;- http://www.toolshell.org/;- http://www.clocklink.com/gallery.php?category=NEWEST;- http://www.smartwebgadgets.com/;- http://www.google.com/gadgetsforyourpage/.
2
После этого выберите понравившиеся вам часы; также на большинстве сайтов можно отредактировать любой гаджет по цвету, размеру и т.д. В настройка гаджета установите ваш часовой пояс либо часовой пояс той категории людей, для которой ваш блог предназначен. Не забудьте также указать формат часов: 12 либо 24. Закончив редактировать различные настройки вашего гаджета, скопируйте его код (он обычно находится в поле рядом с графическим изображением) и сохраните в текстовый файл, чтобы не потерять.
3
Следующий шаг заключается в размещении скрипта (полученного кода) часов на ваш блог. Здесь все сугубо индивидуально, так как различные блоги размещены на различных площадках со своими собственными настройками. Если вы используете блогерскую площадку BlogSpot, то перейдите в раздел управления, в меню настроек. После этого сначала кликните на вкладку «Дизайн», потом — на вкладку «Элементы страницы». Нажмите на кнопку в виде ссылки «Добавить гаджет» в том месте, где по вашей задумке должны будут располагаться часы. После этого выберите HTML/JavaScript, назовите ваш гаджет и вставьте скрипт часов.
4
Алгоритм установки гаджетов на другие блогерские площадки может отличаться, но принцип один и тот же. Также можно напрямую вставить скрипт ваших часов в код вашего блога. Данный способ универсален и подойдет для всех сайтов и блогов. Для начала откройте редактор html-кода вашего ресурса и выберите в открывшемся тексте то место, для которого предназначены часы. Для новичков сделать это будет тяжело, но постарайтесь ориентироваться по каким-то словам на сайте и сопоставлять их положение в самом блоге и в коде.
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500
к
Honor 6X Premium
новая премиальная версия
узнать больше