Как вставить файлы .GIF на мой веб-сайт
Добавление изображения на ваш сайт может значительно повысить его привлекательность для посетителей. Наиболее часто используемые форматы файлов для изображений в Интернете — это .jpg и .gif. Университет Индианы утверждает, что файлы .gif лучше всего подходят для изображений с резкими краями и уменьшенными цветовыми градациями. Они могут включать в себя мультфильмы, текст и штриховые рисунки. Другими преимуществами файлов .gif являются возможность сделать фон прозрачным и добавить анимацию. Добавить файл .gif на веб-сайт так же просто, как загрузить файл и написать предложение.
Шаг 1
Откройте панель администрирования вашего веб-сайта. Это будет отличаться для каждого человека, потому что это зависит от хост-сервера, который вы используете, или от того, используете ли вы такие программы, как Dreamweaver, для управления своим сайтом. По сути, существует два основных типа программного обеспечения для редактирования — HTML-редактор или WYSIWYG. Журнал Smashing Magazine объясняет, что WYSIWYG означает «Что видишь, то и получаешь». Эти программы предназначены для того, чтобы сделать создание страниц более интуитивным. Редакторы HTML требуют от вас понимания основ языка HTML.
Шаг 2
Сохраните файл изображения .gif в папку «images» или соответствующую папку вашего веб-сайта. Если вы используете программу на своем компьютере, вам просто нужно будет найти нужную папку на жестком диске. Если вы используете интерфейс онлайн-администрирования, вам нужно будет загрузить изображение. Перейдите в нужную папку в панели администратора и следуйте инструкциям, чтобы загрузить файл. В большинстве случаев вы будете использовать кнопку обзора, чтобы найти файл .gif на своем компьютере, а затем нажать "Загрузить".
Шаг 3
Добавьте .gif на веб-страницу. В редакторе WYSIWYG все, что вам нужно сделать, это перетащить изображение туда, куда вы хотите. Предварительно просмотрите веб-сайт, чтобы убедиться, что страница выглядит так, как вы ожидали, и внесите необходимые изменения.
Если вы используете текстовый редактор HTML, откройте HTML-страницу, на которой будет размещен .gif. Прокрутите до места в тексте HTML, где вы хотите, чтобы .gif отображался. Добавьте следующую строку, заменив информацию после знаков "=" информацией о .gif и оставив кавычки на месте:
Cross Culture объясняет, что «img src» означает «источник изображения». Информация между кавычками должна содержать имя папки, в которой находится .gif, а затем имя .gif. Тег «alt» относится к тексту, который появится, если ссылка на изображение не работает, если у посетителя отключены изображения или для чтения текста требуется декодирование. «Ширина» и «высота» определяют отображаемый размер изображения в пикселях. Теги пространства определяют, сколько пространства по вертикали или горизонтали отводится вокруг изображения по отношению к окружающему содержимому. Тег границы добавит линию вокруг изображения, а число внутри кавычек определяет ее ширину.
Совет
Одно распространенное использование файла .gif называется spacer.gif. Это изображение представляет собой прозрачный квадрат размером 1 пиксель на 1 пиксель. Этот файл .gif дает дизайнерам страниц возможность эффективно добавлять предсказуемое пространство в различных местах макета. Например, чтобы добавить пространство под текстовым блоком, вы можете поместить spacer.gif в отдельный абзац и отрегулировать высоту и ширину по своему усмотрению.
Предупреждение
Сохраните копию веб-страницы, которую вы изменяете, прежде чем пытаться добавить новый .gif и попробуйте работать в автономном режиме, если это возможно, пока вы не будете удовлетворены своими результатами. Это предотвратит публикацию каких-либо тренировочных страниц и защитит вашу возможность начать все сначала, если у вас возникнут трудности.