PacilloWeb.it
 
| Home | Preferiti | Pagina Iniziale |
       
    
 
 
  Area Utenti
  Login
Registrati
Password Dimenticata
GuestBook
Chat
Posta
Segnala Sito
Suggerimenti
 

  Contatti
  Scrivi al Webmaster  

  Statistiche
 
Visite: 187168
Sondaggio
Utenti Online: 1 Ip: 38.107.179.224


HTML 4.1 Transitional Valido
CSS Valido
Conforme allo Standard di Accessibilità W3C WCAG WAI-A
 
  Html: il linguaggio di Internet 2


Nel precedente articolo ho introdotto il concetto di html (Hyper Text Markup Language), cioè il linguaggio di programmazione che sta alla base di ogni sito internet, come creare una pagina html base (i tag di apertura e di chiusura, i tag <head>, <body>, <font>), cosa sono e come inserire i tag nella pagina, implementadoli con degli attributi.
Ora, come preannunciato nel precedente articolo, spiegherò brevemente con il seguente codice come inserire in una pagina web un collegamento ipertestuale (collegamento il quale permette, cliccando sul rispettivo link, di andare ad un'altra pagina web): si usa il tag è <a>...</a> da implementare con l'attributo "href", il quale serve ad indicare il pathname (percorso della pagina a cui ci manderà il collegamento).

<html>
<head>
<title>Titolo</title>
</head>
<body>
<a href="pagina2.htm">Vai alla pagina 2</a>
</body>
</html>

Il tag <a>...</a> può essere posto all'interno del tag <font>...</font> per specificare le impostazioni dei caratteri (dimensioni, colore, tipo di carattere).
Oltre all'attributo "href", che indica il pathname, si può anche utilizzare quello "target", il quale serve a specificare dove dovrà essere visualizzata la pagina a cui fa riferimento il collegamento ipertestuale ("_parent" per visualizzarla nella stessa pagina, "_blank" per visualizzarla in un'altra pagina; ce ne sono poi anche altri che però vengono utilizzati in relazione ai frame delle varie pagine web); di solito nei siti si utilizza il primo tra quelli detti per la prima pagina e le altre pagine principali del sito, il secondo fra quelli detti viene usato per far apparire avvisi o per collegarsi ad altri siti senza che il proprio venga chiuso.
E' sconsigliato l'uso frequente di pagine separate perchè far apparire sullo schermo del visitatore troppe pagine può dar fastidio.
Come abbiamo detto prima l'attributo "href" indica il pathname, ovvero l'indirizzo a cui il collegamento deve fare riferimento: ma è possibile anche far in modo che cliccando sul link si apra l'editor di posta elettronica predefinito presente sul proprio computer (es: Outlook Express) per inviare rapidamente e-mail, le quali avranno come destinatario preimpostato lo stesso il quale sarà scritto in relazione all'attributo "href". L'indirizzo e-mail dovrà essere però preceduto dalla formula "mailto:", il quale indica appunto che si vuole utilizzare il collegamento per inviare e-mail.
Ora rappresento con il codice quanto detto finora:

<html>
<head>
<title>Titolo</title>
</head>
<body>
<font face="Times New Roman" size="12" color="#FF0000">
<a href="pagina2.htm" target="_parent">Vai alla pagina2</a>
</font>
<a href="mailto:posta@dominio.it">Scrivimi</a>
</body>
</html>

Naturalmente è possibile inserire immagini di ogni tipo nelle nostre pagine web, anche se prima di farlo, bisogna tener conto di alcuni fattori molto importanti per la riuscita del sito in senso di leggerezza e facilità d'uso: per esempio la grandezza dell'immagine non deve essere troppo grande o comunque sproporzionata rispetto al contesto della pagina perchè renderebbe difficile la navigazione all'interno della medesima; di solito questo determina l'elevata dimensione del file, la quale contribuirebbe ad una ancora più scarsa accessibilità al sito; questo problema scaturisce in parte dal formato dell'immagine: principalmente per il web in generale vengono usati GIF e JPEG, i quali sono molto diffusi appunto per le contenute dimensioni che attribuiscono al file, anche se tra i due ci sono alcune differenze: il primo in alcuni casi dà una minore risoluzione grafica all'immagine rispetto al secondo il quale però, di conseguenza, aumenterà le dimensioni dell'immagine.
Sintetizzando, comunque, per inserire un'immagine in una pagina web si usa un tag specifico, come per tutte le altre operazioni che si vogliono applicare: il tag in questo caso è "img" il quale, come attributo principale ha "src", cioè quello con cui specificheremo il path dell'immagine che vogliamo inserire nella nostra pagina.
Adesso impareremo ad inserire delle immagini nella nostra pagina web: per le immagini non si usa un tag come tutti gli altri, cioè che viene aperto all'inizio e chiuso alla fine, poichè in questo caso non va chiuso.
Il seguente codice rappresenta l'inserimento di un'immagine e i principali attributi che vi si possono associare: <img src="immagine.gif" width="500" height="300" align="center">
Come si può vedere "src" specifica il path, "width" la larghezza, "height" l'altezza e "align" l'allineamento rispetto alla pagina (ci sono poi gli attributi "hspace" e "vspace" per specificare più precisamente la posizione dell'immagine).

   
 
Attivo dal 1 marzo 2005 ::
Copyright © PacilloWeb.it ::
Design by Pacillo ::