Как да вмъкна .GIF файлове в моя уебсайт

...

Има много причини, поради които може да искате да добавите .gif изображение към вашия уебсайт.

Добавянето на изображение към вашия уебсайт може значително да подобри неговата привлекателност за посетителите. Най-често използваният файлов формат за изображения в мрежата са .jpg и .gif. Университетът в Индиана казва, че .gif файловете са най-подходящи за изображения с остри ръбове с намалени цветови градации. Те могат да включват карикатури, текст и линейно изкуство. Други предимства на .gif файловете са възможността да настроите фона на прозрачност и да добавите анимация. Добавянето на .gif файл към уебсайт е толкова просто, колкото да качите файл и да напишете изречение.

Етап 1

Отворете административния панел на вашия уеб сайт. Това ще бъде различно за всеки отделен човек, защото зависи от хост сървъра, който използвате или дали използвате програми като Dreamweaver за управление на вашия сайт. По същество има два основни типа софтуер за редактиране - html редактор или WYSIWYG. Smashing Magazine обяснява, че WYSIWYG означава „Каквото виждаш, това получаваш“. Тези програми са предназначени да направят изграждането на страници по-интуитивно. HTML редакторите изискват от вас да разберете основите на HTML езика.

Видео на деня

Стъпка 2

Запазете своя .gif файл с изображение в „изображения“ или подходяща папка на вашия уебсайт. Ако използвате програма на вашия компютър, просто ще трябва да намерите правилната папка на вашия твърд диск. Ако използвате интерфейс за онлайн администриране, ще трябва да качите изображението. Придвижете се до правилната папка във вашия административен панел и следвайте инструкциите, за да качите файл. В повечето случаи ще използвате бутон за разглеждане, за да намерите .gif файла на вашия компютър и след това щракнете върху „Качване“.

Стъпка 3

Добавете .gif към уеб страницата. В WYSIWYG редактор всичко, което трябва да направите, е да плъзнете и пуснете изображението, където искате. Прегледайте уебсайта, за да се уверите, че страницата се появява както сте очаквали и коригирайте, ако е необходимо.

Ако използвате HTML текстов редактор, отворете HTML страницата, на която ще бъде поставен .gif. Превъртете до точката в HTML текста, където искате да се появи .gif. Добавете следния ред, като замените информацията след знаците "=" с информация за .gif и оставите кавичките на място:

Моят GIF

Cross Culture обяснява „img src“ означава „източник на изображение“. Информацията между кавичките трябва да изброява името на папката, в която се намира .gif и след това името на .gif. Тагът "alt" се отнася до текста, който ще се появи, ако връзката към изображението е нарушена, ако посетителят има деактивирани изображения или за декодиране на текстови четци. „Ширина“ и „височина“ установяват показвания размер на изображението в пиксели. Етикетите за интервал определят колко вертикално или хоризонтално пространство е дадено около изображението по отношение на околното съдържание. Етикетът на границата ще добави линия около изображението и числото в кавичките определя неговата ширина.

Неща, от които се нуждаете

  • Компютър с интернет връзка

  • Административен достъп до уебсайта

  • Запазено .gif изображение за вмъкване

Бакшиш

Една често срещана употреба на .gif файл се нарича spacer.gif. Това изображение е прозрачен квадрат с размери 1 пиксел на 1 пиксел. Този .gif файл дава на дизайнерите на страници възможността за ефективно добавяне на предвидимо пространство на различни места в оформлението. За да добавите пространство под текстов блок, например, можете да поставите spacer.gif в собствен абзац и да регулирате височината и ширината според вашите предпочитания.

Внимание

Запазете копие на уеб страницата, която променяте, преди да се опитате да добавите новия .gif и опитайте да работите офлайн, ако е възможно, докато не сте доволни от резултатите си. Това не позволява на страниците за упражнения да станат публични и защитава способността ви да започнете отначало, ако имате затруднения.