H T M L Blog

La barra dell'indirizzo è situata in alto nel Vs. browser, sia si tratti di Internet Explorer che di Firefox; quando Salvate un sito che Vi interessa nei preferiti di I.E. o nel 'segnalibri' di Firefox vedrete, prima dell'indirizzo del Vs. sito (nel caso di questo  http://html.myblog.it) un piccolissimo disegnino , alla sinistra del testo che si chiama appunto FAVICON , cioè icona 'favorita'. Personalizzarla è molto semplice se si osservano scrupolosamente le seguenti spiegazioni. Innanzitutto sceglieteVi un simbolo semplice, con pochi colori e tutti molto diversi da loro, questo perchè quando andrete a rimpicciolire la foto (un icona è generalmente 16X16 pixels ) i colori -e anche i tratti- tenderanno a 'fondersi' e a sciupare l'immagine finale. C'è un programmino che ho usato anche io per rimpicciolire le 'icone' GRATUITO si chiama IMAGICON e che consiglio in quanto sicuro, leggerissimo e Vi rimarrà nel Pc in modo che non dovrete andarlo a cercare ogni volta: è in inglese, ma le istruzioni sono chiare e POCHE, inoltre alla funzione principale può trasformare i file con desinenza .BMP, JPG E PNG in quelli che vi farnno più comodo. Ci sono anche altri modi per ridimensionare le foto in questa pagina troverete 80 tools diverse, tutte utility per chi scrive sui Blogs; a Voi la scelta. Una volta che avrete salvato l'iconcina che volete Vi rappresenti la metterete direttamente dentro i file del Blog in cui scrivete, almeno siete sicuri di averla sempre a portata di mano. Perciò andiamo : PANNELLO DI CONTROLLO, apriamo GESTIONE FILES qui è consigliabile aprire il file IMMAGINI almeno Vi ricorderete dov'è e caricate il file. ora il file avrà una estensione del tipo http://html.myblog.it/images/Italy.jpg (ATTENZIONE: Myblog non digerisce, cioè non visualizza- un'immagine con estenzione .ICO perciò se ne avete una così prima cambiatela in .jpg) scrivete questo 'script' Nel Codice HTML, alla sezione -->>OPZIONI AVANZATE, poi in -->>>PRESENTAZIONE dunque -->> MODIFICA  HOMEPAGE., poi -->>MODIFICA MODELLO . In  cima ai codici troverete la stringa del titolo <title>bla ..bla...</title> QUI, subito dopo metterete la Nuova stringa con la Nuova FAVICON  con la vostra FAVICON  : <link href='http://html.myblog.it/images/Italy.jpg' rel='shortcut icon'/> ; e salvate.  Il testo in rosso lo dovrete sostituire con  L'immagine che VOI avrete scelto.  Una volta che avrete fatto questo lavoro dovrete aspettare qualche secondo che l'Hosting serv ice di MyBlog carichi il tutto e controllerete se tutto va bene: Possibilmente controllate se la FAVICON è visibile sia in Firefox che in Internet Explorer. Io, Ho scelto di sacrificare l'utenza di I.E. ma avere una Favicon più grande, ma I.E. non supporta più di 16X16 pixel. In questo modo quando qualcuno salverà il Vostro Blog lo ritroverà subito dall'immagine che ci avrete messo. Buon divertimento.

I browser ( Internet Explorer a pagamento, Firefox gratuito ) sono programmi in grado di interpretare il codice HTML e visualizzarlo sotto forma di testo e immagini ( detto ipertesto). Il primo Browse fu chiamato WorldWideWeb (dimostrativo) e fu la base di quelli moderni. Uno dei successi del Web fu, ed è tuttora, oltre l'usabilità ( con lo stesso codice si potevano viusalizzare, a parte piccole differenze, le stesse immagini con tutti i tipi di browser), i LINKS (trad. i collegamenti); cliccando in un testo o in un immagine si va da una pagina all'altra del Web.
L'HTML è caratterizzato da marcatori o tag, che hanno l'ordine di visualizzare una determinata funzione : sono messi tra parentesi uncinate eccole in rosso <  > . Se voglio visualizzare in queste righe l'immagine (precedentemente caricata nel file di questo blog a questo indirizzo http://html.myblog.it/images/Bandiera_Italiana.jpg ) quindi ecco tutta la stringa - semplice- che serve per viusalizzare un immagine oppure:<img src="http://html.myblog.it/images/Bandiera_Italiana.jpg" alt= "Bandiera Italiana>  , Dove src sta per l'INDIRIZZO dove si trova l'immagine alt l'eventuale scritta che potrà comparire se l'immagine per qualche motivo non dovesse vedersi. Se invece alla stringa che ho scritto sopra aggiungo anche altre istruzioni in modo che l'istruzione sia il più completa possibile e gli dirò  come DOVE posizionarsi cioè align e lo SPAZIO  che voglio lasciare fra l'immagine e l'eventuale scritto cioè wspace per lo spazio width  e cioè le dimensioni -per larghezza-;  hspace per quello in alto e sotto, cioè, la dimensione di altezza dell'immagine: height ;  quindi un eventuale BORDO dell'immagine border . Ecco la stessa immagine che però voglio far comparire nel lato destro (se non è specificato  comparirà  a sinistra) , in mezzo al testo , però con 3 pixel di distanza dal testo stesso e con una cornice di altri 3 pixel. <img border="3" wspace="3" align="right" width="105" src="http://html.myblog.it/images/Bandiera_Italiana.jpg" hspace="3" height="69" /> . Una volta che si sanno questi parametri potrò mettere l'immagine che voglio DOVE voglio, e non come l'Editor vuole. Inoltre, una volta tolti i comandi che non mi interessano la stessa cosa farò per un eventuale testo. Se vogliamo che la medesima immagine ci porti in una specifica pagina, per esempio nel vecchio HTLM Blog old version ecco come sarà lo script.  <a href: "http://html.myblog.it" target= "_blank" title= "HTLM old version"><img  src="http://html.myblog.it/images/Bandiera_Italiana.jpg" width="105" height="69" alt="Htlm Blog old version" align="right" vspace="3" border="0"  /></a>. Dove target sta ad indicare dove andare e _blank significa a prire una nuova finestra ( coi nuovi browser una nuova scheda) ; title il nome della pagina stessa e infine, l'ultimo /a indica la CHIUSURA del tag. Ora basta troviate un immagine che Vi piace e con questo 'script' potete usarla come 'firma' in Forum o in , commenti o quant'altro.   Carina? Vediamo come si fa a linkare il testo che è MOLTO SEMPLICE. Diciamo che voglio che cliccando su BlogMasterPg l'utente si ritrovi nel Mio Blog principale ecco che dovrò scrivere. < href="http://blogmasterpg.blogspot.com/">BlogMasterPg</a>, dove href sta ad indicare DOVE è l'indirizzo del testo in questione ; in pratica lo stesso identico attributo, o tag src solo che src è per le IMMAGINI e href è per il TESTO. Semplice, no?  Per ora fermiamoci qui. queste sono le cose più importanti da sapere per i LINK a testo e link a immagini . 
ATTENZIONE: se sbagliate solo una lettera o una virgola nel testo non vi comparirà nulla, quindi quando si scrive in HTML bisonga stare MOLTO attenti a non sbagliare: I browser sono macchine, quindi stupide e non riconoscono un errore picccolo da uno grande. Buon divertimento.