Есть много причин, по которым вы можете захотеть добавить изображение в формате .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 для вставки
Кончик
Один из распространенных способов использования файла .gif - spacer.gif. Это изображение представляет собой прозрачный квадрат размером 1 пиксель на 1 пиксель. Этот файл .gif дает дизайнерам страниц возможность эффективно добавлять предсказуемое пространство в различных местах макета. Например, чтобы добавить пространство под блоком текста, вы можете поместить spacer.gif в отдельный абзац и настроить высоту и ширину в соответствии с вашими предпочтениями.
Предупреждение
Сохраните копию изменяемой веб-страницы, прежде чем пытаться добавить новый .gif, и попытайтесь работать в автономном режиме, если возможно, пока вы не будете удовлетворены своими результатами. Это предотвращает публикацию любых страниц практики и защищает вашу возможность начать все сначала, если у вас возникнут трудности.
