Tot el que el navegant veu a les pàgines del lloc el representa el navegador en funció de la informació detallada enviada pel servidor web. Aquesta informació s'anomena codi html de la pàgina i es compon d'instruccions separades - "etiquetes", que descriuen l'aparença i la ubicació de cada element individual. Per afegir un element nou (per exemple, una imatge) a una pàgina del lloc, heu de col·locar una instrucció (etiqueta) corresponent al seu codi font.
Instruccions
Pas 1
Afegiu una imatge a la pàgina mitjançant l'editor de pàgines, si teniu l'oportunitat d'utilitzar el sistema de gestió de contingut. Primer carregueu la pàgina desitjada a l’editor i assegureu-vos que el mode d’edició visual està habilitat. De vegades s'anomena l'acrònim anglès WYSIWYG (Allò que veus és el que obtens). En mode visual, la pàgina té el mateix aspecte que al lloc. Cal fer clic amb el ratolí al lloc on cal inserir la imatge i prémer el botó "inserir imatge" al tauler de l'editor.
Pas 2
Seleccioneu una imatge de la llista ja disponible al servidor, que us obrirà l'editor visual al quadre de diàleg per inserir imatges. Si encara no l'heu descarregat, feu clic al botó de cerca del fitxer desitjat a l'ordinador ("Navega"), cerqueu-lo i obriu-lo i, a continuació, feu clic al botó "Puja" (o "Descarrega"). Al final del procés de càrrega del fitxer al servidor, la imatge s'afegirà a la llista i també la podeu seleccionar.
Pas 3
Especifiqueu l’amplada i el color del marc al voltant de la imatge, el color d’ompliment i la distància entre el marc i la imatge, el text de la descripció emergent al cursor. No fa mal especificar la mida de la imatge, tot i que això, com tots els paràmetres d’aquest diàleg (excepte per seleccionar una imatge), és opcional. Després d'emplenar tots els camps obligatoris del quadre de diàleg, feu clic al botó "D'acord". Això completa el procediment per inserir una imatge, només queda desar la pàgina editada.
Pas 4
Si no podeu utilitzar l'editor de pàgines del sistema de control o no té un mode d'edició visual, haureu de redactar i afegir l'etiqueta HTML necessària al codi font. L'opció més senzilla podria ser la següent: Aquí img és el nom de l'etiqueta i el navegador l'utilitza per concloure que aquí s'hauria de mostrar una imatge. L'atribut src conté l'adreça i el nom del fitxer d'imatge. Si el fitxer es col·loca a la mateixa carpeta que la pàgina, no és necessari l'URL complet. Podeu afegir una descripció emergent en passar el cursor a sobre mitjançant l'atribut title i l'amplada de la vora es pot especificar a l'atribut de border: substituïu els atributs necessaris pels vostres valors i enganxeu el codi HTML resultant de l'etiqueta a l'origen de la pàgina. Això es pot fer en un senzill editor de text descarregant la font del servidor del lloc i després tornant a carregar-la.
Pas 5
Pengeu el fitxer d'imatge al lloc. Això es pot fer mitjançant el gestor de fitxers del sistema de control o el tauler del proveïdor d'allotjament, o bé podeu utilitzar el programa resident: client FTP. La primera opció és més fàcil, ja que no requereix instal·lació ni ajust del programa: el gestor de fitxers treballa directament al navegador.
