Imparare le basi dell'HTML e del CSS costruendo il proprio sito e pubblicandolo online 😊
Questo è un esempio di quello che potrete realizzare: guarda qui 😉
📹 Qui c'è un breve video introduttivo
HTML (Hyper-Text Markup Language) è il linguaggio che definisce la struttura di una pagina web, dal titolo ai paragrafi, all'impaginazione. È quel codice che permette al browser di mostrare il contenuto del tuo documento HTML.
CSS (Cascading Style Sheet) è un linguaggio che viene utilizzato per gestire tutta la parte estetica di una pagina web.
Oggi utilizzeremo Bulma.
Bulma è come una cassetta degli attrezzi, ti mette a disposizione gli strumenti e tu puoi prendere quello che ti serve per costruire la tua pagina web, in particolare ti dà degli stili CSS carini, già pronti per essere utilizzati 😊
Utilizzando Bulma, il tuo sito sarà già mobile-friendly, ovvero i contenuti del sito saranno facilmente visualizzabili sia in grandi che piccoli schermi 📱
Javascript è un linguaggio utilizzato per rendere dinamico ed interattivo il sito. Gestisce il comportamento degli elementi dinamici di un sito web, ovvero come il contenuto (HTML) e lo stile grafico (CSS) reagiscono e si modificano sulla pagina web.
Il workshop è strutturato in 10 capitoli, all'interno di ognuno troverai una breve guida su come realizzare un pezzettino del sito e un file contenente la soluzione che proponiamo noi riguardo ai capitoli precedenti.
- Installazione
- Preparare il progetto
- Personalizzare il template
- Modificare il layout
- Aggiungere icone
- Aggiungere foto e immagini
- Aggiungere delle colonne
- Aggiungere una sezione colorata
- Aggiungere una sezione per le esperienze
- Aggiungere la sezione contatti
- Pubblicare il sito online
Una volta che avrai creato il tuo sito potrai potenziarlo e personalizzarlo ancora di più.
👉 Puoi cliccare qui per scoprire come fare: Potenzia il tuo sito
- Personalizza lo stile del sito
- Aggiungi un menu
- Aggiungi un video Youtube
- Aggiungi delle nuove pagine al tuo sito
- Bottone per andare a inizio pagina
👩🏻💻 Per ulteriori approfondimenti su HTML, CSS e Javascript ti consigliamo di visitare i seguenti siti:
- Questo sito ti permette invece di comprendere meglio la struttura HTML
- Questo sito invece contiene spiegazioni su HTML, CSS, Javascript e molto altro: W3School
Trovi maggiori informazioni su questo articolo ✨
Se vuoi rimanere aggiornata sui nostri prossimi eventi, qui trovi i nostri contatti:
🔵 Facebook: @voxelcommunitytrento
🌐 Sito web: https://www.voxel.community