Ciao a tutti!
Vi tiro fuori questo tutorial sulla programmazione web per aiutarvi a collegare il vostro progetto al vostro sito.
Premetto fin da subito che non è una cosa che si scrive in 10 minuti, dovrò rimodificarlo diverse volte.
In questo topic vi spiegherò:
- Come creare una pagina web
- Come dargli una forma
- Come creare un database
- Come comunicare attraverso dei form
Il tutto è all'unico scopo di rendere i vostri progetti più "pubblici", se si può definir così.
Inoltre vi offro il mio supporto in caso di problematiche, o ulteriori curiosità.
Ve lo dico ora e non più, tutti i link relativi alle risorse che cito, sono in fondo al topic.
Iniziamo subito!
- Requisiti:
- Un account su Altervista (servirà per i test)
- Un editor di testo con proprietà programmative (consiglio vivamente Notepad++)
- Un programma FTP (Opzionale)
- Google Chrome (Fondamentale)
- Kompozer - Editor con anteprima (Opzionale)
- Sezione HTML
L'HTML cos'è?
Non si può nemmeno definire "linguaggio di programmazione" per quanto è semplice!
Abbiamo già dedotto che con queste poche righe, possiamo già mostrare qualcosa nel nostro sito.
Naturalmente se copiate e incollate questo codice, vi uscirà "Ciao mondo!" in alto a sinistra della pagina.
La domanda sorge spontanea: Come si possono creare degli "scompartimenti" da far apparire in determinati punti?
Bene, creiamo questi "scompartimenti" con il CSS!
Nulla di troppo impegnativo anche questo, sebbene svolge un compito importantissimo.
Bene, questo è solo un piccolo esempio di CSS, ci sono mooooltissime tag che si possono utilizzare in questo linguaggio, andiamo avanti!
Colleghiamo il nostro CSS alla nostra pagina HTML:
- Il codice in CSS lo inseriamo in un file di testo, e lo chiamiamo "style.css"
- Torniamo al codice HTML e aggiungiamo questa stringa: <link rel="stylesheet" href="style.css"> tra le tag <head> e </head>
Bene! Cosa è successo?
Stiamo dicendo al browser che dovrà trasformare l'HTML secondo le istruzioni nel file "style.css".
Ricordiamo che ogni cosa ha un'impostazione di default, quindi se ad esempio non mettiamo: body {text-align: center;} dentro "style.css", i testi saranno allineati a sinistra automaticamente perché è infatti un impostazione di default.
Ora, cosa abbiamo fatto nel CSS? Abbiamo creato un ID, ovvero, un'impostazione che può essere richiamata dall'HTML, all'interno delle DIV (i famosi scompartimenti).
Ok, abbiamo creato un ID, lo abbiamo definito, ora inseriamolo!
Nel nostro file HTML, aggiungiamo una DIV, dicendogli di seguire le impostazione dell'ID "nomesezione".
Modifichiamo il BODY del nostro file HTML.
Ottimo, salviamo questi file e carichiamoli nel nostro sito.
PER IL MOMENTO CHIUDO QUI, MI STO DEDICANDO A CREARE DELLE PAGINE CON GLI ESEMPI CHE MOSTRERO' QUI.
Elenco update:
- Aggiunto nuovo requisito
- Aggiunta la lista "Link risorse"
- Nel sito, nuove guide disponibili
Link risorse:
Link diretti ai tutorial: (Gli spazi vuoti sono prossimi a nuovi link)
= HTML
==
= CSS
==
==
==
= PHP
==
= Database
==
Prossimi lavori (oppure in corso): CSS > Impostazioni basilari
Modificato da SiSteP, 06 December 2013 - 21:34 PM.