El disseny de qualsevol lloc es basa en imatges de fons i colors, com una casa sobre una base. Si voleu substituir els fonaments típics del vostre recurs d’Internet per alguna cosa més individual, hauríeu de començar amb el desenvolupament del disseny. I quan estigui a punt, la part purament tècnica es mantindrà, és a dir, substituint el disseny antic del fons del lloc especificat al codi font de les pàgines pel nou. Hi ha diverses maneres d’implementar-ho a la pràctica.
Instruccions
Pas 1
Primer heu d’esbrinar quina de les maneres d’establir el fons a la versió actual del lloc. Per fer-ho, obriu el codi HTML de la pàgina. Podeu fer-ho amb un senzill editor de text descarregant el fitxer del servidor amb antelació. O podeu utilitzar l’editor de les pàgines del sistema de gestió de contingut, si en feu servir un. L'editor de pàgines no requereix descarregar el fitxer, però el modifica directament al servidor mitjançant el navegador com a interfície. El codi HTML (HyperText Markup Language) de la pàgina que obriu consta de línies d'instruccions per al navegador. Descriuen els tipus, l’aspecte i la ubicació de cadascun dels elements d’una pàgina web. Aquestes instruccions se solen anomenar "etiquetes". L'ordre de les etiquetes pròpies del codi de pàgina també compleix les regles del llenguatge HTML: es divideixen en blocs, el primer dels quals ha de ser un bloc d'encapçalament que comença amb una etiqueta i acaba. L'hauria de seguir el bloc que més us interessi ara: el cos del document. Es limita a etiquetes i. A l'etiqueta d'obertura d'aquest bloc (), podeu posar informació sobre el fons de la pàgina. Aquesta informació dins de les etiquetes s'anomena "atributs". L'atribut de l'etiqueta corporal que defineix el color de fons es denomina bgcolor i al codi pot semblar així: Aquí establim el color de fons de la pàgina a plata. El navegador pot reconèixer alguns dels colors pel seu nom, però per no equivocar-se, és millor indicar-ne els codis hexadecimals. Aquesta versió amb color platejat en expressió hexadecimal tindrà aquest aspecte: per tant, heu de trobar l’etiqueta que comença per <body al codi de pàgina i comproveu si té un color de fons. Si és així, substituïu la indicació de color que hi apareix per la vostra nova versió i deseu els canvis a la pàgina.
Pas 2
El fons del disseny actual del vostre lloc no es pot configurar pel color, sinó per una imatge. L'atribut corresponent de l'etiqueta corporal s'anomena fons i pot semblar així al codi: Aquí, el fons és la imatge bg.jpg
Pas 3
Quan descriviu l'aparença de pàgines amb un disseny relativament complex, utilitzeu "fulls d'estil en cascada" - CSS (Cascading Style Sheets). Els blocs de codi CSS es poden incloure directament al codi de la pàgina o contenir-los en un fitxer extern amb l'extensió "css". Heu de buscar l'etiqueta de descripció d'estil que comença per <style a la part de la capçalera del codi de pàgina (entre les etiquetes i). Si conté un enllaç a un fitxer extern, tindrà un aspecte semblant: @import "style.css"; aquí hi ha un enllaç a un full d'estil anomenat style.css. Cal que obriu el fitxer especificat per editar-lo. I si no hi ha cap enllaç i després de l’etiqueta d’obertura <style hi ha instruccions d’estil, cal que les editeu aquí. En ambdues opcions, entre les descripcions d’estils, cal cercar-ne les relacionades amb el cos del document (cos). Aquest bloc de descripcions pot tenir aquest aspecte: body {
color de fons: plata;
color: negre;
} Aquí heu de substituir el valor del paràmetre color de fons pel valor del vostre color nou i millor en els mateixos valors hexadecimals. L'opció de la imatge de fons de les instruccions CSS hauria de ser així: body {
fons: # C0C0C0 url (img / bg.jpg) repetir-y;
color: negre;
} Aquí l'enllaç a la imatge és similar al comentat anteriorment i # C0C0C0 abans de l'enllaç significa que l'espai de la pàgina que no ocupa la imatge de fons tindrà un fons platejat. "Repetir-y" indica que la imatge de fons s'ha de multiplicar al llarg de l'eix Y (vertical)."Repeat-y" es pot substituir per "repeat-x" (replicació horitzontal) o "no-repeat" (no es reprodueix). Si no especifiqueu la repetició, la imatge de fons apareixerà en mosaic a l'espai de fons de la pàgina en totes les direccions.
