Feu text emergent en imatges instructives: 7 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:16

Les imatges de Instructables tenen una característica en què apareixen text quan es mou el ratolí per sobre de les zones delimitades de les imatges. S'utilitza per etiquetar parts particularment interessants de la imatge. És una característica molt agradable i algú va preguntar exactament com es fa una cosa així.:-)

Malauradament, aquesta instrucció és majoritàriament obsoleta

Pas 1: punt de partida

Aquí ens trobem en una típica pàgina "explora" instructiva. He iniciat la sessió sota el meu fitxer

nom d'usuari instructable, per descomptat. Feu clic a l'enllaç "penja imatges" per accedir a la vostra biblioteca d'imatges.

Pas 2: aneu a la biblioteca d’imatges

És de suposar que ja heu carregat algunes imatges, basades en l’altra que es pot instruir per “alguna cosa”. Feu clic a l’enllaç "Llibre d'imatges" per accedir a la pàgina que mostra els fitxers que ja heu penjat.

Pas 3: trieu una imatge

Seleccioneu i feu clic a la imatge a la qual vulgueu afegir text emergent.

Això canviarà Instructables al mode "edició d'imatges" a la resolució predeterminada. Trobareu el mateix tipus de mode "edició d'imatges" quan afegiu una imatge a un instructable que esteu creant o editant, de manera que no haureu d'afegir les finestres emergents just després de penjar-les, per separat de les que introduïu. De fet, probablement tingui més sentit fer-ho com a part de la creació instructiva (els passos restants són iguals), on teniu el context del vostre … text.

Pas 4: creeu l’àrea del ratolí

Feu clic sobre un punt i arrossegueu-lo a l'altra cantonada d'un rectangle que conté la porció de la imatge on voleu que aparegui text emergent.

Pas 5: afegiu el text

Quan deixeu anar el botó del ratolí, l'editor Instructables apareixerà un quadre per omplir-lo de text.

Pas 6: Fet?

Feu clic a "Desa" quan hàgiu acabat d'introduir text. O bé feu clic a Cancel·la si decidiu que el quadre es troba al lloc equivocat i voleu tornar-ho a provar. Una sola imatge pot tenir més d'una zona de ratolí; No sé si hi ha un límit real. La llegibilitat requereix un nombre relativament petit. Em resulta útil que les caixes siguin molt més grans que l’element que ressalten, les fa més evidents i més fàcils de seleccionar. Les àrees es poden superposar, tot i que gairebé n’heu de seleccionar una de les porcions que no es superposin. I no es pot tenir una àrea totalment dins d’una altra; només funcionarà la caixa exterior. (Algunes de les imatges d’aquest instructiu poden semblar que tenen una caixa dins d’una altra, però realment són només una caixa fora d’una captura de pantalla que inclou la imatge d’una caixa més petita.)

Pas 7: no és així?

El text emergent del mouseover hauria de funcionar en aquest moment.

Tingueu en compte que el text emergent s’associa a la IMATGE i no a una instrucció particular. Si teniu diverses instruccions que contenen la mateixa imatge, les àrees emergents apareixeran en totes, si és adequat o no. Si voleu tenir la mateixa imatge en llocs diferents amb text emergent diferent, heu de penjar la imatge diverses vegades. (La imatge d'aquest pas és un exemple; també s'utilitza al pas "introducció", on la finestra emergent no és del tot adequada.)