HTML - Ecco come iniziare a creare un sito
Oggi un Web Master è quello che sta in sottofondo creando e modificando un sito web con l’intento che il visitatore trova quel sito piacevole.Esso dovrà essere in grado di saper programmare con qualsiasi linguaggio avendo come base l’HTML.
Cos’è l’ HTML? L’HTML (HyperText Markup Language - Linguaggio di Contrassegno Ipertestuale) non è un vero linguaggio di programmazione.Se approfondiamo meglio ci renderemo conto che interagendo insieme ad altri linguaggi esso riesce a rendere più accattivante e dinamico il sito con immagini e scritte su sfondi.In sostanza l’HTML è la base di ogni sito.
Per iniziare a programmare abbiamo bisogno di un EDITOR di testo. Per comodità e facilità personalmente uso Eclipse per due semplici motivi.Il primo è sicuramente il più completo tra tutti gli editor di testo , mentre il secondo e che può essere anche automatico(questo ve lo spiegherò più in la).
Andando sul sito di Eclipse troverete varie versioni . Alcune di queste hanno come base il proprio linguaggio ma comunque si possono scaricare i plugin per qualsiasi linguaggio.
Scaricate l’ultima versione LUNA (Eclipse IDE for Java EE Developers).Finito di scaricare basterebbe solo estrarlo dal pacchetto,aprire la cartella e avviare eclipse.exe .
Attenzione, molto probabilmente , il programma vi darà un errore.Tranquilli basta scaricare il JDK di Java e poi scegliere la versione compatibile per il vostro PC .
Una volta avviato Eclipse ,il programma vi chiederà dove collocare il vostro WORKSPACE (area di lavoro). Scaricate XAMPP.
XAMPP è una piattaforma che consente di creare in modo semplice un server web sul proprio pc .Esso emula il funzionamento del servizio hosting, quello dove appoggeremo il nostro sito web .
Dopo averlo scaricato , dovrete installarlo sul vostro Disco Locale e contemporaneamente vi chiederà di installare anche Apache,Mysql e FileZilla , io ve lo consiglio.Fatto questo avviate prima Apache,Mysql e FileZilla , poi andate su http://localhost/xampp/ e scegliete la lingua. Vi apparirà il vostro server web locale.
Ora finalmente possiamo procedere installando i plugin su eclipse.
Avviate Eclipse , vi chiederà quindi dove collocare la vostra area di lavoro(Workspace).Cliccate su Browse-Computer-Disco Locale-Xampp-htdocs e confermate questo procedimento.Scegliete ovviamente come rinominare il vostro Workspace . Fatto questo , Eclipse vi darà il benvenuto . Chiudete la finestra, andate in alto a sinistra e scorrete su Help-Install New Software, sulla voce Work With scegliete : Luna – http://download.eclipse.org/releases/luna .
Attendete qualche minuto , dovrà connettersi al sito.Dopo un pò vi appariranno i vari plugin, e cliccando su Programming Languages scegliete la voce PHP tools. Finito di scaricare e installare il plugin vi chiederà di riavviare Eclipse.
Ora siamo pronti per iniziare a programmare . Cliccate prima su : Open perspective-PHP .
Cliccando su PHP la pagina si aggiornerà.Andate in alto a sinistra su File-New-Php Project, si aprirà una finestra ,e sulla voce Project name dopo aver messo il nome del vostro progetto cliccate su Next fino alla fine della richiesta.
Sulla sinistra uscirà scritto il nome del vostro progetto.Cliccate con il tasto destro del mause e andate su New-Html file dove apparirà la scritta NewFile.html .Rinominatela index.html e andate avanti.
Index.html sarebbe la pagina iniziale di ogni sito web . Senza di essa nessun sito sarebbe facilmente raggiungibile.
Ecco cosa uscirà:
Provate a scrivere qualcosa tra <body> </body> , salvate in alto a sinistra e avviate la pagina su : http://localhost/NOME AREA DI LAVORO/NOME PROGETTO/index.html e vedrete che vi apparirà la vostra scritta.
Per qualsiasi problema commentate qui sotto..Alla prossima