Совет 1: Как поместить картинку

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

Совет 2: Как поместить баннер на сайт

Баннер – рекламный блок на сайте. От того, где и как помещен баннер зависит успех продаж. Умело разместить баннер – значит вписать его в структуру сайта и при этом не отпугнуть посетителей.
Инструкция
1
Для того, чтобы поместить баннер на сайт необходимо заранее приготовить картинку, которая будет непосредственно размещена на баннере. Сопроводите ее призывным текстом: «Съешь меня» или «Нажми здесь». Картинка должна быть определенных размеров – чтобы не нарушить структуру сайта. Также важен формат картинки – это jpeg для статичных картинок и gif – для анимированных. Флеш-баннеры имеют формат swf.
2
Размер и вес баннера также необходимо учесть до того, как он будет помещен на сайт. Слишком большие по весу баннеры долго загружаются, что снижает эффективность работы всего сайта. Также баннер будет загружаться медленнее, чем остальные части страницы, что портит внешний вид и впечатление от сайта. При этом посетители могут уже решить покинуть страницу, так и не увидев сам баннер.
3
После того, как картинка для баннера готова, необходимо разместить ее на сайте. Сначала залейте картинку на сервер. Для этого воспользуйтесь правами администратора, если сайт ваш, или получите право доступа у владельца ресурса. После размещения картинки на сервере, станет известен ее адрес. Его необходимо будет указать в HTML-коде страницы.
4
Зайдите в нужный раздел HTML-кода, чтобы поместить баннер на сайт. Чаще всего баннеры размещают в шапке и футере сайта – в этом случае баннер будет открываться каждый раз при переходе по сайту. Если баннер расположен в теле сайта, то он, как правило, виден только на главной странице.
Выберите необходимый раздел сайта и вставьте адрес картинки. Выглядит это следующим образом:
a href="адрес сайта, на который переходим" target=_blank> img src="адрес картинки" border="0"alt="надпись на баннере" width=ширина картинки height=высота картинки>
5
Поместить баннер на сайт под силу каждому. Главное – проверить результат, оценить скорость загрузки баннера и его отображение в различных браузерах.
Видео по теме

Совет 3: Как поместить flash

Современные флеш-технологии позволяют украсить не только ваш сайт, но и другие создаваемые вами документы, например, электронные презентации. Для вставки флеш-элементов вам нужно будет установить плагин Adobe Flash Player на ваш компьютер; также существуют специальные приложения, чтобы выполнить такую вставку.
Вам понадобится
  • - компьютер с доступом в интернет;
  • - программа Power Point.
Инструкция
1
Выполните добавление флеш-ролика на слайд презентации Power Point. Для этого можно выполнить вставку непосредственно в самой программе, либо с помощью специального дополнения для нее. Используйте специальное приложение iSpring. Она позволит вставить в презентацию flash-ролик так же просто, как и видео, картинку либо звук.
2
Для этого скачайте данный плагин, установите на компьютер. Далее запустите программу Power Point. В ней будет добавлена панель iSpring Pro, внешний вид будет отличаться в зависимости от версии приложения.
3
Для добавления flash-файла на слайд презентации щелкните по кнопке «Вставить флеш» на панели инструментов iSpring, в открывшемся диалоговом окне выберите нужный файл, щелкните по кнопке «Открыть». Выполните сохранение презентации Power Point либо конвертируйте ее в формат флеш. Это позволит вам поместить ее на сайте, блоге либо отправить по электронной почте.
4
Выполните добавление флеш-элементов в Html. Чтобы украсить вашу веб-страницу с помощью флеш-анимации, добавить баннер используйте утилиту iSpring. К примеру, если вам необходимо добавить презентацию на веб-страницу, сохраните ее в формате флеш с помощью iSpring. Перейдите в настройки публикации, выберите вкладку «Главная».
5
Убедитесь, что в ней выбран пункт Создать HTML. Выполните конвертирование презентации с помощью режима «Один Flash файл». В результате у вас получится единый ролик для всей презентации. Если отключить эту опцию, у вас получатся отдельные ролики, которые соответствуют слайдам. Также вы получите файл с расширением html, который является веб-страницей с флеш-роликом и скрипт, не дающий браузеру заблокировать проигрывание ролика. Скопируйте все полученные файлы в папку с вашей веб-страницей.
6
Отредактируйте код страницы, чтобы добавить в нее флеш-презентацию. Для этого вам необходимо добавить код ролика в тег object и сделать ссылку на скрипт.
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500