Come ben sapete, MegaVideo è una delle risorse migliori per tutti gli amanti dei Film in Streaming, ed è diventato indispensabile sapersi destreggiare bene tra i vari servizi che ci aiutano a sfruttarlo al massimo delle sue potenzialità, dopo la (presunta) chiusura di AnimeDB, peraltro ancora non confermata (ed alquanto improbabile).

Oggi vi proporremo alcuni trick per aggirare le limitazioni imposte dallo staff di MegaVideo, come ad esempio il limite dei 72 minuti nel guardare un film.

Vi lasciamo alla guida, buona lettura, e mi raccomando, se avete qualcosa da aggiungere i commenti sono aperti!

1. Usate MegaStreaming, un progetto in versione Beta dai creatori di FFinalsqualo. Questo eccellente servizio vi permette di godere di tutti i privilegi di un Account Premium, ovvero guardare i film senza il limite dei 72 minuti, scaricarli fino a 6000 kb/s, avere la priorità massima nella visione e tanto altro. Vi ricordiamo che il servizio è ancora in fase Beta, quindi i ragazzi di FFinalsqualo non garantiscono ancora al 100% sul suo corretto funzionamento.
2. Guardate i video con player esterni come VLC o WMP:
   • Installate Orbit Downloader;
   • Aprite Orbit e andate su Strumenti –> Grab++;
   • Aprite la pagina di Megavideo contenente il filmato e cliccate su Play;
   • Tornate nella finestra di Grab++ già aperta e dopo aver selezionato il link del video cliccate su Download;
   • Apparirà una schermata. A questo punto scegliete se copiare il link ed inserirlo su VLC (o WMP) per guardare il filmato senza scaricarlo, oppure se cliccare su OK per salvare il filmato in formato .flv sul PC e guardarlo successivamente con il player esterno.
3. Seguite la nostra guida su Come Scaricare Film da MegaVideo per goderveli in tutta tranquillità offline.
4. Scaricate i video con Real Player:
   • Installate il software gratuito Real Player basic;
   • Al momento dell’installazione, consentire il collegamento in automatico alle pagine web o l’attivazione di Real Player Downloader (oppure attivarli attraverso la sezione internet delle preferenze);
   • Aprite la pagina di MegaVideo contenente il film che vi interessa e fate partire il video per almeno 2 secondi. A quel punto si aprirà in automatico Real Player Downloader, selezionate il video e cominciate a  scaricare.
5. Riavviate il Router, in questo modo otterrete un nuovo Indirizzo IP (tutte le moderne connessioni ADSL consentono di avere IP Dinamici, che cambiano cioè ad ogni connessione) in modo da poter continuare a vedere il video esattamente dal punto in cui l’avevate lasciato. Vi basterà ripetere la procedura ogni 72 minuti.

Per oggi è tutto, vi aspettiamo tra pochi giorni con ulteriori guide su come scaricare e guardare film gratis!

Buona Visione a Tutti, A Presto!

Via | FFinalsqualo – TuttoGratis

Attenzione: Se cercate anche un articolo su Come Aggirare le Limitazioni di MegaVideo, siete nel posto giusto.

Con l’avvento della banda larga, e il diffondersi dell’ADSL sul territorio italiano, sempre più utenti abbandonano i tradizionali canali del p2p per approdare a soluzioni che consentono di scaricare film e musica in modo veloce, sicuro e senza estenuanti code che fanno perdere tempo e denaro.

Oggi vi consigliamo 5 utilissimi servizi per scaricare film da MegaVideo, il rivale di YouTube creato da MegaUpload per fare concorrenza al notissimo portale di video sharing di proprietà di Google.

Vi lasciamo alla lista, Buon Download!

1. VideoDownload1.com è un ottimo servizio gratuito, disponibile sia in Modalità Normale che in Modalità Premium. La Modalità Premium, utilizzabile previa registrazione gratuita, permette di scaricare fino a 4 video da MegaVideo direttamente, semplicemente cliccando su un bookmark fornito dallo stesso VideoDownload1. Per maggiori info eccovi due video esplicativi: Clicca qui se usi Firefox | Clicca qui se usi Internet Explorer.
2. Orbit Downloader è un  famosissimo download manager, che integra anche un’utilissimo strumenti chiamato GrabIt. Per utilizzarlo, installate Orbit Downloader, avviate GrabIt (ricordatevi di avviarlo prima della riproduzione del video!) e poi caricate la pagina di MegaVideo con il video desiderato. Nella finestra di GrabIt dovrebbero essere comparsi diversi oggetti in molti formati strani, tra cui .swf. Molto semplicemente, cliccate sul file con estensione .flv, lo riconoscerete anche dalla sua dimensione in mb molto grande. Attendete il completamento del download e godetevi il vostro film!
3. Megavideo Video Downloader è un utilissimo software gratuito che svolge benissimo la sua funzione di scaricare film da MegaVideo. I video potranno essere scaricati in formati compatibili con PC, PSP, iPod, iPhone ed altri dispositivi mobile. Le estensioni disponibili sono .flv, .avi, .mpeg e .wmv. MV Video Downloader è compatibile con tutti i sistemi Windows, da Windows 95 a Windows Vista. Eccovi il link per scaricarlo.
4. ClipNabber è un’eccellente servizio gratuito, molto semplice da usare, che vi permetterà di cominciare il download del vostro film in pochi secondi. Per cominciare a scaricare, molto semplicemente inserite l’url del video che volete scaricare da MegaVideo e cliccate su “Nab Video!“. Vi consigliamo di utilizzare un download manager come Orbit Downloader o DownThemAll per gestire il download, in quanto permettono anche di interromperlo e riprenderlo quando vogliamo.
5. DownloadHelper è un addon per Firefox, che permette di scaricare video da MegaVideo in maniera semplice e veloce. Come fare? Semplicissimo: Installate il plugin, riavviate Firefox e guardate nella barra di navigazione: dovrebbe essere comparsa un’icona con tre palline colorate, vi basterà cliccarla per cominciare a scaricare.

E’ tutto, buon download da MegaVideo!

P.S:

Se cercate un’altro ottimo articolo in tema, vi consigliamo http://www.wegeek.net/2009/04/25/megavideo-72-minuti/

Ciao a tutti, sulla scia del (discreto) successo della mia Guida Definitiva: Tutti i Trucchi per Velocizzare WordPress ho deciso di pubblicare un’altra “mega-guidona“, una di quelle che avrei voluto leggere io invece di dover scartabellare pagine e pagine di consigli sparsi e disorganizzati.

Oggi vi proporremo tutti i migliori consigli su come migliorare l’indicizzazione del vostro blog WordPress e scalare le SERP dei motori di ricerca. Vi lasciamo alla lista, buona lettura!

1. Utilizza il plugin All in One Seo Pack, ti permette di aggiungere ad ogni post informazioni cruciali per i motori di ricerca, ed aumentare di conseguenza indicizzazione e backlinks.
2. Utilizza i Permalink SEO-Friendly, al momento ci sono diversi dibattiti in corso se sia meglio la forma www.tuosito.com/xxxx/xx/xx/titolo-articolo oppure www.tuosito.com/titolo-articolo. Una cosa è certa: tutti e due sono estremamente più efficaci degli url di default di WordPress, quindi attivateli subito.
3. Se quando avete cominciato ad usare WordPress i permalink seo-friendly ancora non erano stati introdotti, utilizzate il plugin Permalinks Moved Permanently per passare ai Permalink SEO-Friendly senza perdere i backlink ricevuti.
4. Non fatevi scrupolo ad utilizzare il tag NoFollow quando linkate siti o blog poco raccomandabili, compromettere il vostro sito agli occhi di Google è un grattacapo di difficile risoluzione.
5. Evitate di vendere Text-Link-Ads, come avete potuto vedere dalla brutta esperienza di Napolux Google penalizza chi vende o compra link, anche se (apparentemente) non applica nessuna penalizzazione nelle SERP.
6. Segnalate spesso i vostri articoli negli Aggregatori (come ad esempio IlBloggatore) e nei Social Network, a questo proposito vi linkiamo un ottimo articolo su 50 social network che non applicano il tag nofollow.
7. Inserite sempre gli attributi ALT e TITLE nelle immagini, sono utilissimi al fine della loro indicizzazione da parte di Google. A questo scopo, vi segnaliamo il plugin SEO Friendly Images.
8. Se vuoi evitare che Google indicizzi determinate pagine del tuo sito, e non ti va di mettere mano al file robots.txt, allora il plugin Robots Meta fa al caso tuo.
9. Nel caso tu abbia necessità di cambiare spesso i permalink degli articoli pubblicati, dopo che sono stati indicizzati da Google, il plugin Redirection ti eviterà di perdere tutta la tua indicizzazione, reindirizzando tutti (visitatori e spider) al nuovo indirizzo della pagina.
10. I titoli sono una delle parti fondamentali degli articoli, ma non sempre conviene inserire nei permalink congiunzioni ed altre parti del titolo non rilevanti al fine dell’indicizzazione da parte dei motori di ricerca. il plugin SEO Slugs elimina automaticamente le keyword non rilevanti dal titolo dei post.
11. Di default, WordPress aggiunge il tag NoFollow a tutti i commenti dei post. Questa scelta è stata sia contestata sia elogiata, contestata perchè non invoglia sicuramente gli utenti a postare ed elogiata perchè mette al sicuro il blog da possibili associazioni con siti di spam o simili. Se volete premiare i vostri commentatori abituali, regalandogli link validi ed allo stesso tempo mettervi al riparo da spiacevoli sorprese, allora il plugin Nofollow Case by Case fa sicuramente per voi, permettendovi di scegliere volta per volta a quali link togliere il nofollow e a quali lasciarlo.
12. Utilizzate il plugin SEO Smart Links, vi permette di linkare on-the-fly determinate parole in tutti i post contemporaneamente. Utilissimo perchè ti consente di ottimizzare la struttura dei link interni senza dover lavorare su ogni post per impostare i link a mano.



13. Ricordati di linkare spesso nei tuoi articoli passati pertinenti all’argomento, oltre ad essere una preziosa risorsa ai tuoi lettori riproporranno l’articolo a Google, e questo potrebbe portarti nuovi backlink.
14. Evidenziamo spesso le keyword negli articoli, usando saggiamente il grassetto quando serve. Ci sarà molto utile anche per la contestualizzazione degli annunci Adsense.
15. Usiamo il plugin Google XML Sitemap, ed inviamo la nostra Sitemap a Google tramite gli Strumenti per i Webmaster.
16. Per vedere le keyword che hanno portato gli utenti al tuo sito, e puntare maggiormente su quelle più produttive, non dimentichiamoci di installare il preziosissimo plugin Position Yourself.
17. Utilizza il plugin per generare una Sitemap da mostrare poi in una pagina, a beneficio degli utenti e dei motori di ricerca. Può essere usato in coabitazione con Google XML Sitemap, in quanto voi a Google segnalerete la sitemap in formato .xml. Potete vederne un’anteprima nella pagina BlogMap di GeekManiacs.
18. Dai un’occhiata se non l’hai già fatto alla Guida Ufficiale Google per il SEO.
19. WordPress è gia di per se un CMS molto SEO Friendly, grazie anche all’url rewrite integrato nativamente. Se a voi però non basta, allora vi consiglio di utilizzare l’utilissima WordPress Seo Edition di SeoPoint.info, ulteriormente ottimizzata con una riscrittura degli url ancora più avanzata e l’aggiunta di alcuni plugin per il SEO già installati e pronti all’utilizzo.
20. Ed ora, last but non least, ricordatevi sempre la massima fondamentale del blogging: Content is King. Seguire tutti i punti della nostra guida, ma scrivere pessimi contenuti, non vi porterà a niente!

Per oggi abbiamo finito, se avete dei punti da aggiungere o qualcosa da discutere mi raccomando Commentate.

Buona indicizzazione!

Via | Ikaro I – II – SeoPoint

Ciao a tutti, oggi vi proponiamo questo tutorial su Come Velocizzare WordPress, una guida imperdibile per chiunque voglia ottenere le migliori prestazioni possibili dal suo blog senza affaticare troppo il server.

Per rendere questa guida veramente utile a tutti, siano essi blogger alle prime armi o gestori di blog del livello di Geekissimo, abbiamo pensato di suddividere il tutorial in due parti: la prima parte si occuperà di come velocizzare WordPress su Hosting Condiviso, la seconda di come ottimizzare WordPress su un Server Dedicato.

Conclusa l’introduzione, vi lasciamo al tutorial, buona lettura e mi raccomando scriveteci nei commenti!

1. Velocizzare WordPress su Hosting Condiviso:

1. Non inserire troppe animazioni in flash o immagini troppo pesanti in home page, allungano i tempi di caricamento della pagina di almeno 2-3 secondi. Per vedere quanto tempo impiega il tuo sito ad aprirsi prova WebWait.
2. Togli i Plugin che non utilizzi, effettuano chiamate al database che possono ridurre in modo considerevole le prestazioni. Tieni solo lo stretto indispensabile.
3. Controlla i file del tuo template, per verificare se ci sono chiamate esterne a immagini che non esistono più.
4. Verifica l’integrità strutturale del tuo blog WordPress con AutoTest , oltre a rappresentare un pericolo per i tuoi visitatori eventuali virus inseriti in home page da lamer possono ridurre sensibilmente le prestazioni.
5. Se sei su un Hosting USA, controlla tramite un Traceroute (Prompt dei comandi –> tracert nomesito.com) quanti punti di passaggio si frappongono tra te (e quindi i tuoi utenti) e il tuo sito. Di norma dovrebbero essere 12 o inferiori a 12, ma su un hosting usa 15-17 punti di passaggio sono nella norma. Oltre 17, contatta la tua assistenza tecnica per trovare una soluzione. Se superi i 20-25, ti conviene cambiare hosting.
6. Riduci il numero di articoli in home page, troppi articoli ridurranno i tempi caricamento inutilmente, in quanto difficilmente gli utenti scrolleranno fino ad arrivare in fondo. Tenere 7-8 articoli può essere una buona scelta, ma ovviamente bisogna adattarla alle proprie esigenze.
7. Utilizza il plugin Wp SuperCache, riduce moltissimo le chiamate al database consentendoti di guadagnare anche 4 secondi nel tempo di caricamento. Inoltre, il tuo sito comincerà ad apparire all’utente dopo qualche frazione di secondo, non dopo 1-2 secondi.
8. Se hai una sidebar abbastanza voluminosa, piena di immagini e di widget, installa il plugin Wp WidgetCache per ridurre di molto le chiamate al database e guadagnare da 2 a 5 secondi preziosi.
9. Ricordati di ottimizzare periodicamente il database MySQL da PhpMyAdmin, sfruttando l’opzione “Optimize Database” e svuotando le tabelle inutili.
10. Per chi usa i Permalink SEO-Friendly, ricordarsi sempre di farli iniziare con parametri numerici e non testuali.
11. Utilizziamo l’ottimo metodo di ottimizzazione via .htaccess di Computer-Acquisti.com, inserendo nel file .htaccess le seguenti righe:

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css

SetOutputFilter DEFLATE

12. E nelle pagine che volete velocizzare (consigliamo index.php, single.php e page.php)

<?php

ob_start( 'ob_gzhandler' );

?>

13. Affinchè questo trucco funzioni è  necessario però che il vostro hosting supporti ZLib, per verificarlo create un file chiamato info.php ed inserite al suo interno il codice

<?php

info();

?>

raggiungendolo poi dal browser per verificare la presenza o no della libreria necessaria. Se non volete fare le modifiche a mano, questo plugin farà tutto automaticamente.

14. Comprimi lo style.css e tutti i javascript esterni con CleanCss.
15. Se non ti basta, ricorri anche ad accelleratori PHP come PHPSpeedy, eAccellerator e APC.

2. Velocizzare WordPress su Server Dedicato (per blog con alto traffico):

1. Installare Wp SuperCache, e nelle impostazioni impostare il parametro Expire Time a 240 secondi (4 minuti).
2. Usare il plugin OptimizeDB per ottimizzare il database, fare sempre un backup prima dell’operazione in quanto a volte il database crasha.
3. Se non dovesse bastare, provvediamo a creare gli indici nel database, in quanto di default WordPress ne è sprovvisto.
4. Creazione di indici aggiuntivi:

Il primo indice che manca a tutti gli effetti è sulla tabella options che viene utilizzata per trovare tutti i record che hanno autoload. Perciò andiamo a creare l’indice in questione con questa query SQL:

create index idx_options_autoload on wp_options (autoload);

5. Un altro indice da creare quello relativo alle categorie, di fatto ne esiste uno sul campo category_nicename, siccome male non fa, noi ne creiamo uno su category_name

create unique index idx_cat_name on wp_categories (cat_name);

6. Ora veniamo all’indice più importante, quello dei posts, infatti per ogni pagina viene interrogata la data del post per vedere se è visualizzabile o meno.
7. Per facilitare il compito a MySql basta creare 2 indici, uno sul campo date ed uno sul campo date_gmt:

create index idx_post_date_gmt on wp_posts (post_date_gmt);

create index idx_post_date on wp_posts (post_date);

Ora abbiamo tolto un bel pò di peso al nostro MySQL.

8. Passiamo alla configurazione dei file my.cnf e /etc/my.cnf, ed impostiamo i seguenti parametri (forniti da Shor di Geekissimo):

[mysqld]

safe-show-database

skip-innodb

max_connections = 500

key_buffer = 32M

myisam_sort_buffer_size = 64M

join_buffer_size = 1M

read_buffer_size = 1M

sort_buffer_size = 2M

table_cache = 1800

thread_cache_size = 384

wait_timeout = 35

connect_timeout = 10

tmp_table_size = 64M

max_heap_table_size = 64M

max_allowed_packet = 64M

max_connect_errors = 10

thread_concurrency = 2

read_rnd_buffer_size = 524288

bulk_insert_buffer_size = 8M

query_cache_limit = 3M

query_cache_size = 64M

query_cache_type = 1

query_prealloc_size = 163840

query_alloc_block_size = 32768

default-storage-engine = MyISAM

[myisamchk]

key_buffer = 64M

sort_buffer = 64M

read_buffer = 16M

write_buffer = 16M

9. Riavviamo MySQL con

/etc/init.d/mysql restart

e dovremmo aver risolto quasi tutti i nostri problemi di prestazioni.

E’ tutto, se volete commentare la guida, aggiungere suggerimenti, trick, correzioni, o anche semplici osservazioni, Accomodatevi!

Buona ottimizzazione a tutti!

Via | Geekissimo – WordPressMania – ComputerAcquisti – ZioSteve

P.S:

Esattamente un anno fa, il 26 Febbraio 2008, moriva Jessica Merlini, mia amica da 5 anni, nell’incidente stradale divenuto famoso come la Strage di Via Montanari a Fiumicino, la mia città. Vorrei dedicarle quest’articolo, e ricordarla qui, insieme a voi, per la splendida persona che era.

Le immagini

Per migliorare l’aspetto della pagina è utile aggiungere delle immagini. Per farlo le istruzioni sono:

• <BODY BGCOLOR=”codicedelcolore”>: Inserisce uno sfondo del colore indicato. Nella tabella seguente elenchiamo alcuni codici.



• <BODY BACKGROUND=”nomefileimmagine“>: Indica il nome del file dell’immagine scelto come sfondo della pagina;
• <IMG SRC=”nomefileimmagine“>: Inserisce l’immagine;
• <IMG ALT=”Testo illustrativo“>: Il testo illustrativo appare al posto dell’immagine, qualora chi sta visitando la pagina abbia scelto di navigare senza la visualizzazione delle immagini;
• WIDTH e HEIGHT: gestiscono le dimensioni delle immagini (larghezza e lunghezza).

I formati di immagine che consiglio di utilizzare nelle pagine sono quelli con estensione .gif oppure .jpeg (per la loro leggerezza). Mentre il formato .png va utilizzato solo se abbiamo la necessità di avere un immagine con un ottima qualità, in quanto rallenta la navigazione.

Adesso modifichiamo il nostro documento:

Adesso salviamo la nostra pagina web, e vedrete come risultato che anziche il solito sfondo bianco, abbiamo uno sfondo di colore celeste chiaro.

Nella pagina visualizzeremo anche la nostra immagine, che essendo parecchio grande, potremo ridimensionare cosi:

Aggiungi WIDTH=”200″ HEIGHT=”150″ nell’istruzione di inserimento immagine <IMG SRC=”Indirizzo Immagine” INSERISCI QUI I COMANDI DI PRIMA >.

Bene, il corso è finito, adesso disponete di una conoscenza di base dell’html, che vi permetterà di muovervi meglio nel web, modificare o creare documenti html, ecc…

Non vi resta che mettere in pratica le vostre nuove capacità!

Per pubblicare il proprio sito su internet, bisogna comprare un pacchetto hosting, con dominio incluso, oppure rivolgersi a degli ottimi servizi gratuiti come Altervista.org o Netsons.com.

Buona navigazione by BlackFenix!

I Link

Come in ogni ipertesto anche la tua homepage deve dare la possibilità di navigare al suo interno.

Esistono due differenti tipi di collegamenti:

• Interni: che consentono di passare da una parte all’altra dello stesso documento;
• Esterni: che permettono di collegarsi direttamente a un altro sito;

Collegamenti Interni

Per fare in modo che cliccando su una parola si salti direttamente alla sezione cui il termine si rifesce, è necessario introdurre due comandi particolari:

• <A HREF=”#àncora”> Parola1 </A>: rende Parola1 una zona calda (hotword) che apparirà colorata e sottolineata; in pratica se viene cliccata Parola1 il cursore va immediatamente nel punto individuato dal secondo tag in cui si trova nuovamente l’àancora;
• <A NAME=”àncora”> Parola2 </A>: la presenza della stessa àancora indicherà il punto esatto, che inizia con parola2, da cui ripartire dopo il salto.

Apparirà come nell’immagine qui sotto la parola siti evidenziata. Se la selezioni, il cursore si trasforma in una mano a segnalare la presenza di una zona calda e, se clicchi una volta su di essa, vedrai scorrere immediatamente la pagina alla sezione sottostante Tutto sui miei siti.

Come puoi constatare, le parole che permettono il salto sono visualizzate con una sottolineatura che indica che in relazione a quella parola vi è una qualche funzione speciale. Passando su queste particolari parole anche il tuo cursore cambia aspetto (di solito divena a forma di mano).

Collegamenti Esterni

I collegamenti esterni sono quelli che consentono di connettersi direttamente a un sito, semplicemente cliccando sul riferimento contenuto all’interno del documento.

La sintassi del comando da introdurre nel testo è molto simile a quella che abbiamo visto per i riferimenti interni, ma in questo caso è necessario aggiungere anche il tipo di protocollo da utilizzare per permettere il collegamento.

• <A HREF=”http://indirizzosito“>parola</A>: serve per collegarsi immediatamente all’indirizzo in questione clicca su parola
• <A HREF=”mailto:nomeutente@email.it“>parola</A>: cliccando su parola viene aperto il programma di posta elettronica con aperto un messaggio vuoto da compilare, dove risulta già riportato l’indirizzo di posta elettronica presente nel comando HTML.

Adesso modifichiamo il nostro documento:

Dopo vediamo il risultato:

Per oggi è tutto, arrivederci alla prossima ed ultima puntata di questo corso HTML di base!

Buona navigazione su GeekManiacs.com!

Creazione di Liste

All’interno di una pagina Web può spesso accadere di dover ricorrere all’utilizzo di elenchi allo scopo di poter rendere più chiara la lettura della pagina agli altri.

Per costruire un elenco esistono diverse diverse istruzioni:

• <DL> </DL>: (Definition List) Permette di costruire una lista a glossario, cioè un elenco nel quale a ogni voce deve corrispondere una porzione di testo esplicativo, come accade ad esempio in un dizionario;
• <DT> </DT>: (Definition Terms) Indica una voce di una lista a glossario;
• <DD> </DD>: (Definition Defined) Indica la sezione utilizzata per la spiegazione di una voce della lista a glossario;
• <UL> </UL>: (Unordered List) Indica una lista non numerata le cui voci sono marcate da pallini;
• <OL> </OL>: (Ordered List): Genera una lista numerata;
• <LI> </LI>: Indica una singola voce della lista; la chiusura non è obbligatoria.

Ora modifichiamo il nostro file .html e aggiungiamo questo codice a quello già presente:

Il risultato sarà come questo:

Non perdetevi la prossima puntata, che sarà abbastanza lunga.

Ciao!

Via | Templari34

Paragrafi

Oltre agli header è possibile utilizzare altri comandi per suddividere il testo in paragrafi:

• <P> indica l’inizio di un nuovo paragrafo e fa sì che il testo torni a capo e venga lasciata una riga vuota;
• <HR> provoca l’inserimento di una linea di separazione orizzontale;
• <BR> comporta il ritorno a capo del testo e non prevede il comando di chiusura.

N.B = Nessuna delle tre istruzioni appena introdotte richiede il corrispondente comando di chiusura.

Adesso andiamo a mettere in pratica la teoria appena spiegata, apriamo il nostro file sito.htm salvato in precedenza e modifichiamolo come nell’esempio qui sotto:

Adesso salviamo il file, e dovremmo ottenere un risultato come quello mostrato nell’immagine seguente:

Altri comandi da utilizzare per suddividere il testo sono:

• <BLOCKQUOTE> </BLOCKQUOTE>: il testo compreso fra le due istruzioni viene separato dal paragrafo precedente e dal successivo mediante una riga vuota e risulterà rientrato rispetto a questi;
• <CENTER> </CENTER>: posiziona una frase, un immagine o altro al centro di una pagina.

Anche per oggi è tutto, non perdetevi la prossima puntata!

Via | Templari34

Titoli: Dimensioni e scelta dei caratteri

Il linguaggio HTML mette a disposizione comandi appositi per la creazione di titoli di vario livello all’interno del contenuto del testo. Si usano i tag…

<Hx> e </Hx>: (H sta per header) Dove con x si intende il livello di importanza del titolo.

Il valore della ‘x‘ può variare da 1 a 6. Si userà il tag <H1>…</H1> per i titoli più importanti e successivamente <H2>,<H3>… per gli altri.

Per quanto riguarda la gestione dei caratteri a livello di dimensione e di tipo, il browser li visualizza in un modo standard, ma è possibile scegliere anche il tipo (font) e la dimensione. Ovviamente occorre conoscere il nome tecnico con cui vengono indicati questi font (Times New Roman, Arial, Courier, ecc.). Per ottenere questo tipo di modifica le istruzioni sono:

• <FONT FACE=”tipo carattere“> e </FONT> per indicare quale carattere o font usare;
• <FONT SIZE=”dimensione“> e </FONT> per indicare la grandezza dei caratteri con un numero variabile da 1 (minima dimensione) a 7 (massima dimensione).

Più in generale, tutti i comandi relativi ai caratteri sono compresi tra i tag <FONT> e </FONT>.

Ora mettiamo in pratica ciò che abbiamo appena detto, apriamo il nostro file precedentemente salvato e aggiungiamo le istruzioni, come nell’immagine qui sotto:

Salviamo il nostro documento modificato e vediamo il nostro risultato sul browser (ricordati di aggiornare la pagina nel browser per vedere le modifiche) che dovrebbe essere simile a quello nell’immagine qui sotto:

L’effetto è mostrato nell’immagine qui sopra. Come puoi vedere al termine di ogni titolo il documento va a capo automaticamente, il carattere della frase benvenuto “Benvenuto nella mia HomePage” risulta modificato, dopo “Ciao” (che è un titolo di livello 2), va a capo nuovamente e, infine, le dimensioni della frase “mi chiamo Giuseppe e ho 16 anni” sono aumentate.

Alla prossima!!

Via | Templari34

Intestazione, titolo e corpo del documento

In ogni pagina Web oltre all’apertura <HTML> e alla chiusura </HTML> sono sempre presenti altri elementi indispensabili:

• <HEAD> e </HEAD>

  Fra queste due istruzioni vi devono essere tutte le informazioni ritenute utili per identificare il contenuto della pagina. All’interno è obbligatorio inserire il titolo del documento posizionato fra i tag <TITLE> e </TITLE>.

• <BODY> e </BODY>

  Fra queste due istruzioni vi deve essere tutto il corpo del documento.

Tenendo conto di queste informazioni iniziamo a costruire la nostra pagina HTML, o se vogliamo, il nostro mini-sito.

1. Apriamo il Blocco Note di Windows e inseriamo le istruzioni HTML che vediamo nell’immagine qui sotto:



2. A questo punto salviamo di nuovo il documento (Vedi 2° Parte del corso) e osserviamo il risultato, che dovrebbe essere simile a quello nell’immagine qui sotto:

Forse ora vi state chiedendo… e il titolo che ho incluso nei tag <TITLE> e </TITLE> perchè non è all’inizio della pagina? Beh perchè se vedete bene, il titolo di una pagina web, viene visualizzato in alto a sinistra sulla finestra del browser, quindi ora se già non lo sapevate, avete chiarito la domanda di come una pagina potesse far comparire il proprio titolo in alto nella finestra del browser.

Inoltre nota che il nuovo titolo della pagina e il testo che hai inserito all’interno del tag <BODY> è stato scritto tutto di seguito, anche se tu sei andato a capo in mezzo alla riga, mentre lo scrivevi sul blocco note. Questo avviene perchè la formattazione del testo HTML può avvenire solamente tramite gli appositi comandi, che vedremo nelle prossime parti del corso.

Alla prossima!

Via | Templari34