Da zero a Iper: impariamo insieme il web

condividendo si impara

Che caratterino! Impariamo a modificare l'aspetto dei testi delle nostre pagine web

2022-05-22 11:56:10

In questa fase del nostro percorso alla scoperta di come creare siti Internet a partire da zero ci stiamo concentrando su come possiamo cambiare l'aspetto e riorganizzare la presentazione degli elementi che abbiamo inserito nelle nostre pagine web.

Fino ad ora abbiamo usato l'esempio del cambio di colore per provare a selezionare in blocco dei tipi di elementi o delle classi e modificarne alcune proprietà. 

Oggi, sempre con l'aiuto della piattaforma FreeCodeCamp, vi propongo di andare ad esplorare qualche altra proprietà che possiamo modificare per rendere i nostri elementi di testo più leggibili, accattivanti e adatti alla trasmissione del nostro messaggio. 

Vedremo come possiamo modificare la grandezza dei caratteri, cambiare la tipografia, cioè la famiglia di caratteri per fare in modo che le lettere abbiano forme diverse, come importare dei caratteri da Google Fonts e come impostare delle tipografie alternative nel caso in cui il browser del nostro utente non abbia installati i caratteri che abbiamo indicato per il nostro sito. 

Insomma ... un contenuto con un certo caratterino!

Scherzi a parte vi ricordo che al video è associato un articolo che potete consultare come contenuto aggiuntivo. Non si tratta di una semplice trascrizione di quanto detto. 

Se conoscete qualche persona potenzialmente interessata a fare questo percorso con noi alla scoperta di come funzionano i siti web sotto il cofano e di come possiamo imparare a crearli da zero potete invitarla su questo canale.

Se avete osservazioni, correzioni, domande di chiarimenti e feedback v'invito a utilizzare i commenti che potrebbero così diventare un luogo dove si ampliano i contenuti e si aggiunge valore agli articoli e ai video per chi arriverà dopo.

Ringrazio tutte le persone che hanno supportato i contenuti precedenti e il canale utilizzando le opzioni messe a disposizione da Cam.tv, in particolare il bottone sostieni che potete trovare sotto al video e anche nella pagina del canale.

Per chi volesse vi ricordo che è anche possibile sostenere questo progetto attraverso dei contributi mensili regolari aderendo all'I-Team: l'area riservata ai sostenitori periodici del canale in cui potrete trovare dei contenuti aggiuntivi, dietro le quinte e riflessioni più profonde sul progetto che non sono presentate nell'area pubblica del canale. 

Detto questo vi lascio e vi auguro una buona visione e una buona lettura!

Condividendo si impara!

16  
63
Da zero a Iper: impariamo insieme il web

condividendo si impara

Modifichiamo con classe lo stile del nostro sito (e già che ci siamo impariamo il font-size)

2022-05-15 12:30:45

Ciao a tutte e tutti, anzi ... un iperbentornato o iperbenvenuto! :-)

Negli scorsi video abbiamo visto come modificare le proprietà degli elementi del nostro sito, ad esempio il colore dei titoli, prima andando a prenderli individualmente e cambiandoli uno per uno e poi selezionando tutti i titoli della pagina e modificandoli in blocco all'interno della sezione style. 

Oggi vi propongo di fare conoscenza con un nuovo strumento molto utile che ci facilita notevolmente la vita: la classe. 

La classe di per sé non è un elemento ma un attributo che può essere aggiunto a qualsiasi cosa presente nel nostro sito. 

Dando delle proprietà a una classe (colore del testo, grandezza del carattere, ...) possiamo creare una volta sola lo stile che verrà poi applicato a tutti gli elementi a cui attribuiremo quella classe, siano essi titoli, paragrafi, formulari o altro. 

Fintanto che restano delle idee e dei concetti astratti può essere difficile capire l'utilità di questi strumenti per cui nel video metteremo le mani in pasta e andremo a vedere concretamente come sono fatte e come funzionano queste classi. 

Ci sarà poi un bonus off-topic in cui impareremo anche come cambiare la grandezza del carattere di un elemento testuale. 

Vi ricordo poi che cliccando su "vedi tutto" potrete accedere anche all'articolo correlato a questo video. 

Non si tratta di una mera trascrizione ma di un vero e proprio contenuto aggiuntivo pensato separatamente con l'obiettivo di completare, chiarire o approfondire alcuni aspetti del tema trattato.

Buona visione e buona lettura!

Condividendo si impara! 

-----------

Se conoscete persone potenzialmente interessate a esplorare con noi come funzionano i siti Internet sotto il cofano e come possiamo imparare a crearli a partire da zero, vi invito a far loro conoscere questo canale!

Ringrazio anche tutte le persone  che hanno supportato i contenuti precedenti e il canale usando l'apposita opzione sostieni sotto i video e nella pagina del canale!! 

Un gesto molto apprezzato e motivante per la continuazione e lo sviluppo di questo progetto!

Chi vuole può anche entrare a fare parte dell'Iper-team o I-Team: l'area riservata ai sostenitori periodici del canale in cui potrete trovare dei contenuti aggiuntivi e dietro le quinte.

Se avete feedback, osservazioni, suggerimenti, correzioni, v'invito a condividerli nei commenti qui sotto o a contattarmi attraverso il form che troverete alla fine dell'articolo oppure su Telegram.

Condividendo si impara!

7  
75
Da zero a Iper: impariamo insieme il web

condividendo si impara

Cambiare stile uno alla volta? Lento e noioso ... perché non farlo in blocco?

2022-05-08 09:59:49

Un iperbenvenuto o iperbentornato a tutte e tutti voi!

Nel contenuto di oggi vi propongo di usare ancora la piattaforma FreeCodeCamp per sperimentare un nuovo modo di cambiare l'aspetto degli elementi che abbiamo inserito nel nostro sito.

Il metodo che avevamo visto la volta scorsa ci permetteva di andare a modificare le proprietà di un singolo elemento. 

Tuttavia, nel caso in cui vogliamo, ad esempio, che tutti i titoli di secondo livello della nostra pagina siano rossi, sarebbe molto laborioso e estremamente poco efficiente dover andare a modificare il colore di ogni titolo singolarmente.

Oggi vedremo come selezionare tutti gli elementi di un certo tipo della nostra pagina e cambiarne i connotati in blocco all'interno di un'apposita sezione chiamata style. 

Vi ricordo che cliccando su vedi tutto potrete accadere non solo al video ma anche a un articolo correlato. 

L'articolo non è una trascrizione del video ma un vero e proprio contenuto aggiuntivo che completa e esplora il tema dalla prospettiva e nella maniera più adatta a un contenuto testuale. 

Detto questo vi auguro una buona visione e lettura e vi invito a far conoscere questo canale alle persone potenzialmente interessate ad esplorare con noi come funzionano i siti Internet "sotto il cofano" e a imparare a crearne da zero. 

Ringrazio tutte le persone che hanno sostenuto i contenuti precedenti di questo canale utilizzando l'opzione sostieni di cam.tv e tutti coloro che vorranno aderire all'area riservata che ho chiamato Iperteam. 

In quest'aera potrete avere accesso a contenuti aggiuntivi, dietro le quinte e iniziative destinate ai sostenitori periodici del canale.

Grazie per permettere e sostenere la continuazione di questo progetto!

Condividendo si impara! :-)

14  
63
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25