"Rubbery" és una imatge que té la capacitat d'escalar. Podeu crear una imatge d’aquest tipus mitjançant programes d’ordinador. La seva comoditat rau en el fet que "s'estira" en la direcció desitjada. Aquesta creació web es mostra amb èxit a qualsevol navegador. Si la imatge conté alguns elements útils, les propietats "cautxú" augmenten la seva funcionalitat.
És necessari
imatge, lloc web, programa Adobe Photoshop, aplicació Bloc de notes, codi HTML, directori arrel del vostre lloc web
Instruccions
Pas 1
Cerqueu o creeu una imatge que vulgueu escalar i col·locar a Internet. Inicieu Adobe Photoshop. Obriu aquesta imatge al programa. Cerqueu l'eina Slice a la barra d'eines. Utilitzeu-lo per tallar la imatge a trossos. Dividiu-lo de manera que tota la imatge consti de tres elements gràfics i la central estigui buida. Això ajudarà a estirar la imatge a qualsevol resolució del monitor.
Pas 2
Deseu la imatge optimitzada per al format web (Desa per al web). Quan deseu, configureu el format de fitxer necessari: gif, jpeg o png. Per canviar parts individuals de la imatge, cerqueu l'opció Eina de selecció de porcions al menú i canvieu les parts de la imatge de manera que la mida sigui mínima amb la menor pèrdua de qualitat durant la representació a la pantalla. Després de canviar-les, deseu les imatges com a html i imatges.
Pas 3
Un cop hàgiu desat les imatges, comenceu a editar el codi HTML. Obriu el document html desat al Bloc de notes. Esborreu les línies de codi que no siguin necessàries. Mantingueu sense canvis les dades de la taula en què s’incorporen les imatges
Pas 4
A les línies, en lloc de yourimage.gif, especifiqueu el camí a les imatges de l'ordinador. L'alçada i l'amplada han de ser adequades.
Pas 5
Per tal que la part central de la imatge s’estengui, quan les parts extremes estiguin separades, escriviu la informació necessària a les línies de codi. Especifiqueu els paràmetres (amplada i alçada) de la vostra pròpia imatge.
Pas 6
Pengeu les imatges creades al directori arrel del lloc. Especifiqueu nous camins d'accés a les imatges del servidor, editant així el codi HTML. Inseriu el codi de la imatge entre les etiquetes.
Pas 7
Comproveu les propietats de la imatge. Intenta ampliar-lo en línia. La imatge ha de ser flexible en qualsevol direcció.
