helpforweb

E ORA, SPEGNITI !!!

2010-02-03T22:55:00.002+01:00

Spesso, capita di avviare una particolare procedura con il computer, come per esempio scaricare un film, o un file di grosse dimensioni, che impieghi più tempo di quello che abbiamo a disposizione per aspettare che completi l'operazione. In questi casi o dobbiamo lasciare il PC acceso, o addirittura dobbiamo annullare l'operazione. Per ovviare a questo problema possiamo installare sul nostro PC un programmino che ci consente di spegnere il nostro PC dopo un tempo da noi stabilito. Questo programmino si chiama TimerXP e viene fornito in versione freeware da Nicolò Bosco.

Questa è l'interfaccia del programmino:

In "Azione" indichiamo se vogliamo: -spegnere il computer

-riavviarlo

-cambiare utente

-o passare in modalità risparmio energetico.

Indichiamo poi se vogliamo che l'operazione venga fatta dopo un'ora o più ore, oppure indichiamo l'orario preciso in cui vogliamo che il programma prenda il controllo del nosro computer.

Lasciamo il segno di spunta accanto a "Forza spegnimento" in modo che TimerXP prima di spegnere il PC chiuda tutti i programmi che abbiamo lasciato attivi.

Mettiamo la spunta su "Attiva icona lampeggiante" in modo da lasciare un segnale visivo che è stato attivato TimerXP. A tal punto non ci resta che cliccare sul tasto giallo "Abilita timer" per far partire il conto alla rovescia.

Controllare in remoto un PC

2010-01-08T19:44:00.008+01:00

Salve a tutti, finalmente rieccomi qui dopo tanto tempo di inattività. Sicuramente vi sarà capitato che un vostro amico o la fidanzata o chi che sia, vi abbia chiamato al telefono chiedendovi aiuto per risolvere un problema sul proprio PC, e voi un pò a memoria un pò seguendolo/a passo passo avete avuto non poche difficoltà a risorvergli il problema, e se magari fosse stati voi stessi direttamente a metter mani sul PC in questione il tutto si sarebbe risolto in minor tempo. Bene adesso vi dico come potete ovviare a questo problema, installando un programmino sul vostro computer e su quello dell'altra persona che vi consentirà di poter entrare in remoto nel PC del vostro amico ed operare direttamente voi da casa vostra. Il programma in questione si chiama:

CLICCA SULL'IMMAGINE PER SCARICARE IL PROGRAMMA

una volta scaricato il file Setup procedete all'installazione, fate doppio clic sull'icona e vi si presenterà la seguente schermata:

qui avete la possibilità o di avviare il programma senza bisogno di fare l'installazione però ogni volta dovete fare questa procedura, altrimenti potete installarlo una volta per tutti ed averlo sempre a disposizione, io ve lo consiglio. Una volta cliccato su avanti, vi si aprirà la seguente schermata:

qui dovete selezionare la prima voce cioè "per scopri privati /non commerciali" in modo da non dover pagare per usufruirlo. cliccate su avanti continuate l'installazione e alla fine cliccate su fine.
Una volta fatta l'installazione sia voi che l'altra persona, allora potete avviare il programma, esso genererà un ID ed una PASSWORD, la persona che ha bisogno di assistenza vi dovrà fornire questi dati, voi li inserirete nei relativi box ed il gioco è fatto, entrerete dentro il pc del vostro amico e lo gestirete proprio come se foste seduti davanti a lui, quindi avrete accesso a file,cartelle,impostazioni e tutto, e potrete risolvergli ogni problema. Inoltre il programmino vi da la possibilità di trasferire anche file dal vostro PC all'altro, basta selezionare nella schermata iniziale: trasferimento file anzicchè supporto remoto.

caricare un file di grosse dimensioni direttamente sul web

2009-05-08T00:49:00.003+02:00

Salve, è un pò di tempo che non scrivo nel mio blog, ma non per mancanza di informazioni da darvi, anzi, avrei tanto da poter scrivere, ma il tempo a mia disposizione si è ridotto notevolmente causa lavoro e quindi devo trovare i cinque minuti e sopratutto la lucidità mentale per poter continuare a scrivere. Comunque bando alle chance, in questo post vi consiglierò un ulteriore metodo per poter scambiare file di dimensioni sostenute (max 300 Mb) direttamente dal web, quindi senza dover installare nessun programmino. Chi ci consente di far ciò è un sito ovvero: www.sendspace.com

clicca sull'immagine per ingrandirla

Accedendo a questo sito ed effettuando una breve registrazione, e possibile cliccando sulla cartellina "UPLOAD" caricare un file sul web, una volta che il file viene caricato per intero, il sito creerà automaticamente un link al file, link che voi successivamente potete comunicare a chi volete e chiunque accederà al link da voi dato potrà scaricare il file che voi avete caricato. Ma non finisce qui, oltre a generare un link il sito genera anche del codice HTML che potete copiare ed incollare in qualsiasi pagina web sia che si tratti del vostro sito o del vostro blog. Ed in definitiva vi viene anche fornito un indirizzo URL da utilizzare come meglio credete. Insomma un servizio completo ed assolutamente gratuito (che non guasta mai).

Creare una barra di navigazione usando Fireworks

2009-03-22T17:34:00.015+01:00

Vediamo come creare una barra di navigazione, utilizzando come software FIREWORKS, (puoi scaricare la versione DEMO cliccando sul link). La barra conterrà 6 pulsanti con relativi collegamenti alle pagine html del sito ed arricchiti con effetti di rollover. La barra una volta terminata sarà tipo questa:

Iniziamo con l'aprire il programma, e clicchiamo su nuovo documento, impostiamo i valori in base alle dimensioni che abbiamo a disposizione nel nostro sito per la barra di navigazione, io imposterò i valori su 900x32 pixel.

fatto ciò avremo un area di lavoro stretta e lunga di colore trasparente, selezioniamo adesso lo strumento "rettangolo arrotondato" e disegniamo all'interno dell'area trasparente un rettangolo che ne occupi tutto lo spazio.

selezioniamo adesso il secchiello per dare un colore di sfondo alla nostra barra di navigazione

adesso bisogna, selezionando lo strumento testo, andare a scrivere all'interno della barra il nome di quelli che saranno i nostri pulsanti.

una volta scritti i nomi dei pulsanti, necessita trasformare i semplici testi scritti in simboli pulsante, per far ciò, selezioniamo la scritta "HOME" per esempio e clicchiamo sul tasto "F8" , si aprirà una finestrella che ci consentirà di trasformare il semplice testo in un vero e proprio pulsante.

ripetiamo l'operazione per tutti i pulsanti della nostra barra di navigazione. Noteremo subito che quando trasformiamo una scritta in pulsante, nell'area del pulsante appariranno due iconcine, una in basso a sinistra raffigurante una freccina ritorta, ed un icona al centro della scritta raffigurante un mirino.

Cliccando sull' iconcina(mirino), è possibile andare ad inserire il collegamento alla pagina web di destinazione, mentre cliccando due volte sulla prima iconcina (freccina ritorta) si apre una schermata in cui è possibile andare ad impostare i comportamenti di rollover (SU, SOPRA, GIU', SOPRA E PREMUTO, AREA ATTIVA).

Per creare lo stato del pulsante ci si deve avvalere degli strumenti di disegno e modifica posti nella finestra in basso "proprietà". Una volta impostati i comportamenti per ogni pulsante ed i relativi collegamenti, basta salvare il lavoro fatto ed ecco creata la nostra barra di navigazione.

Lezione n° 8 - collegamenti ipertestuali -

2009-03-21T22:52:00.007+01:00

I documenti HTML sono anche chiamati "ipertesti", perchè possono essere consultati in modo dinamico, cioè possiamo passare da un punto ad un altro del documento, o possiamo richiamare documenti e/o pagine esterne al documento stesso, per far ciò dobbiamo utilizzare un "hiperlink", il tag che identifica un iperlink è il tag <a> dove "a" sta per "anchor" cioè ancora. Il tag <a> necessita del relativo tag di chiusura </a> e di alcuni attributi. Il più importante degli attributi di un iperlink è senza dubbio l'attributo "href" che ci consente di richiamare l'oggetto o la pagina web da aprire.

<a href="pagina da richiamare">parola cliccabile</a>

Con gli iperlink è possibile realizzare 3 tipi di collegamenti:

1) collegamenti a risorse interne
2) collegamenti a risorse esterne
3) collegamenti a e-mail

collegamenti a risorse interne

Si hanno quando da una pagina del nostro sito si vuole richiamare un'altra pagina sempre interna al nostro sito, è il caso classico del menù che si trova nella Home page del nostro sito , dal quale è possibile ad esempio cliccando sul link chiamato "prodotti" richiamare la pagina web dei prodotti.

<a href="prodotti.html">PRODOTTI</a>

collegamenti a risorse esterne

Con questo tipo di collegamento è possibile richiamare una pagina esterna al nostro sito, ad esempio cliccando sul link di un motore di ricerca dal nostro sito viene aperta una finestra del browser che visualizzerà il motore di ricerca richiamato.

<a href="http://www.google.it">GOOGLE</a>

collegamenti a e-mail

In questo tipo di collegamenti è possibile creare un collegamento ad un programma di posta elettronica, ad esempio il programma predefinito dal computer, ed è inoltre possibile far si che alcuni campi come ad esempio il campo "oggetto" e il campo "destinatario" vengano compilati in automatico.

<a href="mailto:user@host.it">SCRIVIMI</a>

volendo definire ad esempio il campo oggetto avremo:

<a href="mailto:user@host.it ? subject=informazioni">SCRIVIMI</a>

in questi tipi di collegamenti è anche possibile sostituire la parola cliccabile(quindi il link) con una immagine, che diventerebbe automaticamente cliccabile e quindi un link.

l'immagine "logo.gif" essendo divenuto un link avrà un bordino di colore blu attorno, inoltre passandoci sopra con il mouse quest'ultimo cambia il suo aspetto divenendo la classica manina che indica la possibilità di cliccare sull'immagine.
Un altro degli attributi importanti del tag <a> è l'attributo "TARGET" che serve a definire la destinazione di visualizzazione del nostro collegamento. Per far aprire il collegamento in una finestra nuova l'attributo assumerà il valora "_new" oppure "_blank"

<a href="http://www.google.it" target="_new">GOOGLE</a>

Grazie alle "ancore" è possibile realizzare un ulteriore tipo di collegamento ovvero il collegamento interno al documento stesso, cioè, supponiamo di avere per esempio un documento di testo di svariate pagine all'interno della nostra pagina web, e che una volta arrivati all'ultima pagina del documento dobbiamo tornare all'inizio di esso, anzicchè dover scorrere di nuovo tutto il documento all'indietro fino ad arrivare all'inizio, possiamo mettere alla fine dell'ultima pagina un link con scritto ad esempio "torna ad inizio documento" che ci condurra automaticamente una volta cliccatoci sù all'inizio del documento, ma per far ciò dobbiamo mettere appena sopra o appena sotto l'intestazione del documento un "ancora".

l'attributo da utilizzare per il tag <a> si chiama "name" e deve essere seguito dal nome di riferimento che verrà sostituito da un nome identificativo della posizione, tale nome a sua volta deve essere preceduto dal simbolo del cancelletto "#"

<a name="primo">primo rigo del documento</a>

<a href="#primo">vai all'inizio</a>

In tal modo cliccando sul link "vai all'inizio" viene richiamata l'ancora di nome "primo" che si trova posizionata nel primo rigo del nostro documento, di conseguenza il link ci riporta ad inizio documento.

Lezione n° 7 - Le Tabelle - "Unire righe e colonne"

2009-03-17T20:55:00.009+01:00

Le tabelle come abbiamo detto sono costituite da "Righe" e "Colonne" , l'intersecare delle righe e delle colonne fà si che si vengano a creare le "Celle" che sono i veri e propri contenitori dei nostri dati. Spesso si presenta la necessità di dover unire due o più celle, e, a secondo se le celle da unire sono in orizzontale(quindi sulla riga) o in verticale (quindi sulla colonna) si parla di unire le righe o le colonne.

UNIONE DELLE COLONNE.

Se si prende in considerazione una tabella costituità da 2 righe e 5 colonne, quindi con ben 10 celle, se si dovesse presentare la necessità di dover unire 2 o più colonne presenti sulla stessa riga bisognerebbe utilizzare il comando "COLSPAN" seguito dal numero di celle successive che dovranno essere unite.

Se ad esempio volessimo unire le celle 8-9-10 e creare un unica grossa cella allora dovremo scrivere:

UNIONE DELLE RIGHE.

Il comando per unire 2 o più celle presenti sulla stessa colonna è "ROWSPAN" anch'esso deve essere seguito dal numero di celle che si vuole unire.

Se consideriamo la tabella costituita da 2 righe e 3 colonne, quindi un totale di 6 celle

Se volessimo per esempio unire le celle 2 e 5 che si trovano entrambe sulla 2° colonna allora dovremo scrivere:

In definitiva potremo dire che il comando "colspan" effettua l'unione di celle in orizzontale, mentre il comando "rowspan" unisce le celle in verticale.
I due attributi ovviamente possono coesistere all'interno della stessa tabella, se ad esempio consideriamo la tabella di prima e volessimo unire le celle 2-3-5-6 basterebbe prima usare l'attributo "colspan" per unire le celle 2 e 3 e successivamente applicare l'attributo "rowspan" per unire la nuova cella con le celle 5 e 6.

Creare del testo infuocato con photoshop

2009-03-14T17:34:00.013+01:00

Bene, se qualche giorno fà abbiamo visto come fare a creare del testo con effetto ghiaccio, non potevo astenermi dal mostrarvi come fare a creare del testo con effetto infuocato, anche questa procedura non è delle più semplici ma cercherò di essere il più chiaro possibile. Vi ricordo che io utilizzo la versione CS3 di photoshop, anche se i comandi non differenziano di molto dalle versioni precedenti. Iniziamo col creare il nostro nuovo documento vuoto

file-->nuovo-->impostiamo i valori su 400x200 px, con risoluzione di 72 DPI , colore di sfondo trasparente. Adesso con lo strumento secchiello riempiamo il livello appena creato di colore nero. Utilizzando lo strumento testo ed impostando il colore sul bianco inseriamo la nostra scritta.

Uniamo subito i due livelli che si sono creati cliccando su CTRL + E
Adesso applichiamo un filtro distorsione:

filtro-->distorsione-->coordinate polari-->da polare a rettangolare

la scritta verrà tutta scombinata , non vi preoccupate, ruotiamo adesso l'immagine cliccando su:

immagine-->ruotaquadro-->90° orario

otterrete qualcosa del genere:

Applichiamo adesso un altro filtro ovvero l'effetto vento quindi clicchiamo su:

filtro-->stilizzazione-->effetto vento (da destra)

ripetiamo l'effetto appena applicato cliccando su CTRL + F

benissimo, adesso possiamo riportare la nostra scritta in verticale e la possiamo ricomporre, per far ciò dobbiamo ripetere i passi di prima ovvero:

immagine->ruota quadro-->90° gradi antiorario

filtro-->distorsione-->coordinate polari-->da rettangolare a polare

Applichiamo un pò di sfumatura andando su:

filtro-->sfocatura-->sfocatura radiale

impostando i seguenti valori:

l'effetto sembra già essere a buon punto, ma le fiamme che si propagano non sono dritte ma hanno delle increspature, allora dobbiamo dare un pò di effetto increspatura, per far ciò:

filtro-->distorsione-->effetto increspatura (valore a 100%)

ripetiamo l'effetto una seconda volta cliccando su CTRL + F
Otterremo così questo effetto:

Bisogna dare un pò di colore alla nostra scritta, allora per far ciò creiamo un nuovo livello e lo portiamo sopra tutti gli altri se già non lo fosse

cambiamo il metodo di fusione di questo nuovo livello da "normale" a "sovrapponi" otterrete:

stiamo quasi per arrivare al termine, adesso creiamo una scritta identica a quella che abbiamo scritto all'inizio, di colore nero e sovrapponiamola a quella creata finora.

adesso clicchiamo su: immagine-->metodo-->scala di grigio
vi verrà chiesto di unire i livelli , accettate e successivamente vi verrà chiesto se volete togliere le informazioni sul colore, voi accettate. Otterrete così:

Applicate adesso: immagine-->metodo-->scala di colore
vi verrà chiesto ancora una volta di voler unire i livelli, voi cliccate su "OK"

infine cliccate su : immagine-->metodo-->tavola colore (selezionate "corponero") e vedrete subito il risultato in anteprima della vostra scritta infuocata, date l'OK ed il gioco è fatto.

template n° 2

2009-03-11T22:28:00.004+01:00

clicca sul template per ingrandirlo

Scambiare file di grosse dimensioni utilizzando uTorrent

2009-03-11T16:43:00.002+01:00

Salve, girando un pò per i vari blog ho trovato un post dedicato all'invio dati di grosse dimensioni nel web utilizzando il client "uTorrent", si proprio come se state scaricando un film o un software, con la differenza che solo gli amici a qui voi volete inviare il file lo potranno scaricare. cliccate sul seguente link e seguite passo passo le istruzioni per configurare il client.

Scaricare dal web con "uTorrent"

2009-03-10T22:34:00.018+01:00

Dietro diretta richiesta di una mia collega del call-center, vi spiegherò e seguirò nell'installazione e configurazione di uno dei client per protocolli p2p più usati è apprezzati nel web, mi riferisco appunto ad "uTorrent". Con uTorrent è semplicissimo poter scaricare file di qualunque tipo dal web, ma vi ricordo che, utilizzare programmi p2p (peer to peer) come appunto uTorrent, o emule, per scaricare file come FILM , MUSICA , SOFTWARE , e quant'altro sia protetto da copyright è assolutamente ILLEGALE. Detto ciò voglio precisare che L'autore di questo blog declina ogni responsabilità riguardo ai siti ed ai relativi contenuti ai quali è possibile accedere tramite i collegamenti posti all'interno dell'articolo, forniti come semplice servizio agli utenti della rete. Pertanto, si declina ogni responsabilità, che rimane sclusivamente a carico dell'utente finale. Dopo questa obbligatoria precisazione passiamo adesso a descrivere l'installazione del programma. cliccate sul seguente link ed installate la versione stabile 1.8.2 (263Kb), vi verrà chiesto di salvare il file binario , salvatelo sul desktop. A questo punto troverete sul vostro desktop la seguente icona

Adesso fate doppio click sull'icona ed avviate l'installazione del programma, quando si apre l'avviso di protezione cliccate su "esegui" , vi verrà chiesto di selezionare una cartella di destinazione per l'installazione, lasciate quella che vi dà di default, (C:\Program Files\uTorrent). Togliete la spunta nelle prime due caselline e lasciate solo quella relativa alla creazione dell'icona sul desktop. A questo punto cliccate su "installa". A tal punto il programma verrà installato sul vostro Pc. Prima di procedere a configurare il programma vi consiglio di crearvi sul desktop una cartella (chiamatela "Torrent"), successivamente aprite la cartella appena creata e dentro di essa create altre due cartella che chiamerete rispettivamente "File Torrent" ed "Completati".

Una volta installato il programma e create le cartelle , cliccate sull'icona che troverete sul desktop e si aprirà la seguente schermata:

probabilmente la lingua impostata sarà l'Inglese, andate subito a cliccare sull'icone "Impostazioni" (icona a forma di ruota dentata arancione) e si apre una finestra che presenta sulla sinistra un menù , e al centro della finestra le impostazioni relative alla voce di menù selezionata. La prima voce del menù è "Generale"

Vedrete subito che la prima cosa che potete fare è cambiare la lingua , cliccate sulla freccina e selezionate la lingua Italiano, se non vi dovesse essere nessun'altra lingua oltre l'Inglese allora dovete installare il "Language Pack" cliccate su download e salvate sul desktop il file "uTorrent.lng" adesso dovete prendere questo file ed andarlo a copiare nella directory del file "uTorrent.exe". La directory la trovate andando su RISORSE DEL COMPUTER-->(C:)-->PROGRAMMI-->uTorrent , quindi fate doppio click sul disco fisso C: , doppio click sulla cartella PROGRAMMI ed infine cercate la cartella uTorrent e fatecci doppio click, una volta aperta questa cartella troverete dentro il file "uTorrent.exe" e voi ci copierete accanto il file "uTorrent.lng" . Fatto questo passaggio chiudete tutto e riavviate. quando sarete ritornati sul programma andando nuovamente nella cartella generale troverete tutto l'elenco delle lingue e potete selezionare l'Italiano. (SPERO DI ESSERE STATO CHIARO).

Vi mostro i vari screenshot delle diverse cartelle d'impostazione:

Il prossimo screenshot mostrerà come andare ad inserire i due percorsi alle cartelle che avete creato sul desktop, vi ricordo di cliccare sempre su "OK" per salvare le modifiche che apportate nelle singole schermate altrimenti cambiando scheda perderete le modifiche.

Una volta completate le impostazioni, adesso siete pronti ad usare il programma. Vi consiglio un paio di siti dove potete andare a cercare i vostri file .Torrent

1) mininova
2) TNT village
3) colombo

Quando trovate il file che vi serve, cliccate su DOWNLOAD THIS TORRENT e salvate il file .Torrent nella cartella "File Torrent" che avete creato nel desktop dentro la cartella "Torrent". Fatto ciò andate nella suddetta cartella e basta fare doppio click sull'icona del file.Torrent che avete salvato , ed automaticamente questo file verrà caricato nel programma per essere scaricato. Quando il file sarà stato scaricato completamente , il programma automaticamente ve lo sposterà nelle seconda cartella che avevate creato cioè "Completati".

informazioni generali

2009-03-08T01:23:00.005+01:00

In questo post ho pensato di fornirvi un pò di informazioni di vario genere che spesso si dà per scontate che si sappiano ma è possibile che qualcuno abbia ancora qualche dubbio, mi è stato chiesto qual'era la differenza tra "percorso assoluto" e "percorso relativo" di un file, allora, partiamo dal dire che, come penso tutti sappiano, windows è strutturato in cartelle e sottocartelle, fatta questa precisazione diciamo che: se volessimo conoscere il percorso assoluto di un file dovremmo andare a ritroso fino a risalire alla nostra unità fisica(hard disk). Ad esempio avendo il file "foto1.jpg" potremmo dire che il suo percorso assoluto sarebbe qualcosa del tipo:

C:documents and setting/utente/documenti/immagini/foto1.jpg

diremo quindi che il file "foto1.jpg" si trova dentro la cartella immagini, che a sua volta si trova dentro la cartella documenti, che si trova dentro la sezione utente, all'interno dell'area documents and setting che fa capo all'unità "C".

Per quanto riguarda il "percorso relativo" del file foto1.jpg questo è dato solo dall'ultima cartella ovvero quella in cui effettivamente si trova allocato il file in questione

immagini/foto1.jpg

è ovvia la convenienza di specificare sempre il percorso relativo rispetto a quello assoluto.
Motivo per qui quando si comincia a creare un nuovo sito conviene sempre creare una cartella con il nome del sito e al suo interno creare una cartella per le immagini, una per le foto, una per l'audio, una per i video e cosi via, in modo da avere tutto sotto la stessa directory.

La prima pagina del vostro sito quella che volete venga aperta quando l'utente digita il vostro indirizzo la dovete chiamare "index.html" in quanto il browser per default quando viene digitato un indirizzo di un sito , la prima cosa che và a cercare è proprio il file "index.html". Quindi in pratica il file index.html corrisponde con la vostra HOME oppure alla "intro" nel caso in qui l'accesso al vostro sito avvenga dopo una pagina di caricamento.

Le pagine che costituiranno il nostro sito possono essere salvate sia con estensione .html che con estensione .htm così pure per il formato delle immagini queste possono essere salvate come .jpeg oppure come .jpg è consigliato però scegliere un tipo di estensione sia per le pagine che per le immagini ed usare sempre la stessa.

Per quanto riguarda i colori che si usano nel web ad esempio quando vogliamo dare un colore di sfondo alla nostra pagina, questi colori possono essere indicati o con il loro nome in inglese, oppure se si vogliono sfruttare tutte le tonalità possibili allora è meglio utilizzare il valore esadecimale. Tale valore è costituito da un codice di 6 caratteri formato da lettere(dalla"A" alla "F") e numeri (dallo "0" al "9") preceduti dal simbolo "#" (es. #FF36EE)

Vi riporto la tabella completa, è un pò lunga ma vi assicuro che è completa.

Lezione n° 6 - Le Tabelle -

2009-03-07T22:16:00.007+01:00

tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile per gestire i layout grafici.

I tag usati per delimitare una tabella sono: <table> e </table>

I tag usati per delimitare una riga sono: <TR> e </TR> (Table Row)

I tag usati per delimitare una cella sono: <TD> e </TD> (Table Data)

Il contenuto di una cella và quindi inserito tra i tag <TD> e </TD> se ad esempio volessimo costruire una tabella formata da una riga e tre colonne, dovremmo scrivere:

quando non viene definita la larghezza delle colonne, il browser assegna automaticamente lo stesso spazio a tutte le colonne. Inoltre di default il browser non visualizzerà il bordo della tabella, per far si che venga visualizzato dal browser un bordino per la tabella è necessario introdurre all'interno del tag di apertura della tabella <table> un attributo e cioè "border"

Possiamo specificare la larghezza e l'altezza delle tabelle tramite gli attributi width e height che possono essere riferiti a tutti e tre i tag (<table>, <tr>, <td>). Il valore di questi attributi può essere specificato con una larghezza fissa (in pixel: in questo caso basta indicare un numero intero), oppure in percentuale (il numero deve essere allora seguito dal simbolo “%”): in questo caso la tabella si adatta secondo lo spazio a disposizione.

Altri attributi da utilizzare all'intern di <table> sono:

L'attributo "Align" (left, center, right) per allineare la tabella a sinistra, centro o destra
L'attributo "bg color" per determinare lo sfondo della tabella
L'attributo "background" per inserire un'immagine di sfondo alla tabella
L'attributo "bordercolor" per assegnare un colore al bordo (se presente un bordo)

es. <table align="left" bgcolor="red" background="sfondo.jpg" border="3" bordercolor="blue" width="400" height="400">

L’attributo align, se riferito al tag <table>, sposta la tabella rispettivamente a sinistra (align=”left” – è così di default), a destra (align=”right”), o al centro (align=”center”) del documento.
Se riferito a <tr> o a <td> è invece il contenuto delle celle ad essere allineato a sinistra, al centro oppure a destra.

Allo stesso modo "valign" è utile per l’allineamento verticale delle celle. I valori possibili sono top (alto), middle (in mezzo – è il valore di default), bottom (in basso), baseline (alla linea di base).

Ad ogni tabella è possibile associare un'intestazione, ed anche alla riga è possibile associare un'intestazione, per far ciò si utilizzano i tag:

<caption> </caption> per intestazione tabella
<TH> </TH> per l'intestazione di riga

Per quel che riguarda il tag <table>, i seguenti attributi ci permettono di regolare le distanze tra i margini della tabella (o della cella) e il contenuto di essa:

border	(che abbiamo già visto) specifica la larghezza dei bordi di una tabella (in pixel)
cellspacing	specifica la distanza (in pixel) tra una cella e l’altra, oppure tra una cella e il bordo. Di default è un pixel, dunque occorrerà sempre azzerarlo esplicitamente, quando non lo si desideri
cellpadding	indica la distanza tra il contenuto della cella e il bordo. Se il valore viene indicato con un numero intero, la distanza è espressa in pixel; il cellpadding tuttavia può anche essere espresso in percentuale. Di default la distanza è nulla

La dimensione indicata nel cellpadding e dal cellspacing - una volta specificata – ha effetto su tutti i lati della cella.

Pubblicare un sito gratuitamente.

2009-03-06T00:01:00.007+01:00

Salve, vorrei segnalare e consigliare a chi non lo conoscesse ancora un servizio di hosting gratuito tra i più famosi sul web , sto parlando di "ALTERVISTA". Altervista ti mette a disposizione uno spazio web gratuito in qui potrai pubblicare il tuo sito senza spendere un centesimo, è possibile disporre sempre gratuitamente anche di un database. Scopri quanto è facile realizzare un sito, un blog o un forum, o come pubblicare le tue immagini, tutto in pochi minuti. Non ti serve nemmeno conoscere l'html, eppure avrai a disposizione un servizio professionale. Clicca sul link per andare direttamente alla home page del sito altervista.org

clicca sull'immagine per ingrandirla