July 14
tag HTML IMG e immagini CSS lavorano in determinate circostanze in web design. In generale, le immagini CSS soddisfare sfondo o l'uso decorativo. Utilizzare i tag HTML IMG quando è necessario includere un'immagine nel suo sito web; per esempio, una fotografia di un prodotto o di una persona. Per modificare sia il vostro CSS o HTML è necessario l'accesso ai file di base del tuo sito.
Il tag IMG HTML sta per "immagine". Il formato di base per la scrittura di un tag immagine è: <img alt = "text alternative in caso di immagine riuscire a caricare" />. SRC si riferisce alla sorgente di immagini - che significa il percorso della cartella o l'URL. Alcune persone usano programmi di lettura dello schermo per visualizzare siti web o sfogliare con immagini spenti. In questi casi, il testo alt spiega ciò che l'immagine si riferisce. Il tag IMG fa parte del contenuto di una pagina Web. Quindi, se si desidera aggiungere una foto a una pagina oppure utilizzare un grafico illustrativo, il tag IMG è l'opzione migliore.
I progettisti utilizzano CSS, o fogli di stile CSS, per separare i contenuti di un sito web dal design complessivo. Ad esempio, i bordi, ombreggiatura e immagini di sfondo non contano come elementi di contenuto effettivo del sito. La sintassi per un'immagine di sfondo CSS è: background-image: URL ( 'yourchosenimage.gif') ;. CSS di solito si trova in un file separato dalla pagina HTML, anche se è possibile aggiungere istruzioni in linea. Fare un cambiamento al file CSS significa che è possibile modificare l'aspetto di tutte le pagine del sito in un colpo solo. Quindi, se si desidera aggiungere un'immagine di bordo per il vostro disegno, seh CSS per modificare il vostro intero sito web.
Alcune immagini sul vostro sito web possono avere un ruolo importante per aiutare gli utenti a navigare le pagine o l'applicazione. Ad esempio, "presentare" pulsanti, "acquista ora" pulsanti o tasti "home" si riferiscono tutti alla loro azione e la destinazione. tag IMG contengono attributi ALT, dandovi l'opportunità di dire agli utenti che cosa cliccando questo link lo farà se non possono vedere l'immagine. immagini CSS non consentono di includere tali informazioni. Ciò significa che essi non sono adatti per i pulsanti di navigazione e di importanti informazioni grafiche.
Utilizzando immagini di sfondo CSS può aggiungere un po 'di colore e contrasto al tuo sito. Tuttavia, un uso eccessivo potrebbe sminuire il vostro contenuto. Ad esempio, utilizzando le immagini di sfondo ombreggiata sotto testo scritto può rendere le parole più difficili da leggere. Molti sistemi di gestione dei contenuti consentono di aggiungere facilmente le immagini attraverso l'editor di contenuti principale. Questi sono di solito le immagini HTML IMG-tag, in modo da non influenzare la CSS o alterare l'aspetto complessivo del tuo sito.