Fons. Què és això? Generadors de fons de llocs web gratuïts

Taula de continguts:

Fons. Què és això? Generadors de fons de llocs web gratuïts
Fons. Què és això? Generadors de fons de llocs web gratuïts
Anonim

Background (traduït de l'anglès - "background") és el fons del lloc web. És el disseny extern del cos d'un recurs web, que permet centrar l'atenció dels visitants en els detalls principals sense distreure's amb contingut secundari. La imatge del fons del lloc fa que aquest últim sigui més individual i li confereix una càrrega semàntica especial. L'estat d'ànim del lloc és el seu fons. Què dóna? Molta gent sap que el color de fons té un impacte en els consumidors i usuaris, i triar-ne l'adequat ajudarà a atraure trànsit al lloc. Entre els significats més famosos: el groc és el color de l'alegria, la felicitat i la calidesa, el blanc significa puresa, fe i tranquil·litat, el vermell és el color del màrqueting, el negre és capaç d'extingir la influència dels colors brillants i és un símbol de poder.

fons què és
fons què és

Sobre els fons del lloc web

Així que, quin és el fons, vam descobrir. Tota la percepció del lloc per part dels usuaris depèn d'aquesta aparentment bagatela. Després de tot, això ajuda a distingir-lo de molts recursos similars a la xarxa. Val la pena assenyalar que els administradors web solien crear fons per a llocs web manualment. Ara hi ha molts serveis especials que ajuden a crear un fons bonic. Per descomptat, ningú ho prohibeixfeu-ho manualment, però els generadors de fons moderns us ajudaran a fer-ho de manera ràpida i gratuïta. Podeu trobar exemples de fons preparats per al lloc a l'article.

Quin hauria de ser el fons del lloc web?

El fons del lloc (és a dir, la imatge de fons) és escollit pel webmaster a la seva voluntat, però cal tenir en compte que d'això dependrà la percepció de tot el recurs en conjunt. No ho facis tot massa fosc ni ress altis amb colors brillants. El text ha de ser llegible i visible. No cal posar negre al fons. Quina és la raó d'això? Segons les estadístiques, el trànsit del lloc en tons negres sovint és baix, tot i que aquest color allarga la vida útil del monitor. Les imatges amb tons clars són més adequades per al fons.

Maneres d'afegir un color de fons a una pàgina web

imatges de fons
imatges de fons

Per establir el color de fons del lloc, heu d'afegir un paràmetre anomenat BGCOLOR a la línia amb el descriptor del vostre document HTML i assignar-li el valor desitjat (aquest serà el nom del color a Anglès, per exemple, VERD, VERMELL, GROC i etc.) o un codi de color (oo8ooo - verd, FFoooo - vermell, etc.). El navegador reconeix aquestes dues opcions. El codi de color es pot trobar en programes o editors especials, com ara Photoshop o Macromedia Dreamweaver.

Tota l'estructura serà:

També podeu utilitzar el codi de color de la mateixa manera:

Com podeu veure, és fàcil. Considereu mètodes per crear una imatge de fons per a un recurs web.

Maneres d'afegir una imatge de fons

Com ja s'ha dit, el significat de la paraula"background" és el fons d'un recurs web. El seu paper el pot jugar un fitxer gràfic gran (però aleshores la pàgina es carregarà més lentament) i fins i tot el seu fragment, que és més pràctic pel que fa al temps de càrrega. Si s'utilitza un fragment d'imatge, el navegador el multiplica automàticament a tot el camp, de manera que és millor triar una peça que s'ajusti a si mateixa al llarg de la vora. Podeu inserir una imatge de fons en una pàgina HTML com aquesta:

què és el fons
què és el fons

En aquest cas, el paràmetre BACKGROUND s'estableix en images-g.webp

Indica dos nivells cap avall:

BACKGROUND=CarpetaA/CarpetaB/images.gif

Dos nivells de directoris amunt:

BACKGROUND=../../images.gif

Camí complet (URL) - BACKGROUND=(adreça de la imatge completa)

S'aconsella utilitzar el llit complet per evitar confusions. El més important és que la imatge de fons no és massa pàl·lida, però tampoc crida massa l'atenció. Com podeu veure, hem considerat el significat del concepte de "fons", què és, ara ho sabeu. Ara donem una ullada a alguns dels generadors de fons de llocs web gratuïts esmentats anteriorment.

el significat de la paraula fons
el significat de la paraula fons

Generadors de fons gratuïts

Entre els generadors de fons gratuïts per aEls llocs web es poden distingir de la següent manera:

  1. A PatternCooler.com trobareu moltes imatges de fons gratuïtes de qualsevol color i textura. Aquí teniu el TOP dels millors fons, així com la possibilitat de crear fons temàtics a partir d' altres ja fets.
  2. A BgPatterns.com podeu crear el vostre propi fons. Aquí podeu triar entre diversos dissenys amb un color de fons específic que podeu triar.
  3. El generador Colourloverc.com és més que un simple generador. Al cap i a la fi, aquest és un projecte sencer, té una certa empenta social. Aquí sovint podeu veure enllaços a blocs de dissenyadors i desenvolupadors. Pots compartir els teus dibuixos i també editar-los per crear fons bonics.
  4. A Pixelknete.de podeu generar un fons bonic a partir de punts de diferents colors.
  5. Dynamicdrive.com us permet crear un bonic degradat de fons amb diferents colors.
  6. Tilemachine.com es diferencia de tots els generadors en cert minimalisme. Ofereix fons per a llocs web per a nens.

L'ús d'un servei com aquest us estalviarà temps, però creeu una bonica imatge de fons per al vostre lloc web.

fons per al lloc web
fons per al lloc web

Imatges de fons per a llocs de WordPress

La plataforma web més popular és WordPress. Això no és d'estranyar, perquè és gratuït i un equip de programadors forts ho està millorant constantment. I el més important és que pots "provar" automàticament una imatge per al lloc:

  1. Per fer-ho, seleccioneu un dels serveis de generació de fons esmentats anteriorment.
  2. Desa la imatge resultant a l'ordinador.
  3. Vés al tauler d'administració de WordPress i troba-hi: "Aparença" - "Fons" - "Càrrega d'imatges" - "Desa".

Només tres passos i el fons està llest! Com podeu veure, afegir un fons bonic no és tan difícil, el més important és triar l'esquema de color i la imatge de fons adequats.

Recomanat: