Da zero a Iper: impariamo insieme il web

condividendo si impara

Etichettare un singolo elemento del nostro sito per identificarlo e modificarlo in seguito

2022-06-12 18:33:36

Ciao a tutte e tutti voi!

Continua il nostro viaggio in cui stiamo imparando come funzionano i siti web sotto il cofano e come possiamo imparare a creare delle pagine Internet a partire da zero.

Il contenuto di oggi è piuttosto breve ma introduce un attributo, chiamato id, che avrà una grande importanza nel nostro percorso e ci permetterà di etichettare in modo univoco un singolo elemento del nostro sito per poi selezionarlo o  richiamarlo in seguito, modificarne le proprietà in modo specifico e individualizzato e fare delle operazioni particolari che toccano solo l'elemento in questione.

Se conoscete persone interessate a questi temi e con la curiosità di capire come funziona il web passettino dopo passettino vi invito a proporre loro questo canale. 

Ringrazio tutte le persone che si sono iscritte al canale e che hanno supportato questo progetto utilizzando l'opzione sostieni sotto ai contenuti pubblicato o nella pagina del canale.

Chi lo desidera può anche sostenere questo canale con un piccolo contributo mensile regolare entrando così a fare parte dell'Iper-Team (o I-Team): l'area riservata in cui potrete trovare contenuti aggiuntivi, riflessioni e dietro le quinte che non si troveranno nella zona pubblicamente accessibile del canale

I contenuti specifici di questa sezione sono in preparazione e verranno lanciati in una prossima diretta su questo canale giovedì 16 giugno 2022.

Detto questo vi lascio e vi auguro una buona visone e una buona lettura, ricordandoci sempre che condividendo si impara!

110  
30
Da zero a Iper: impariamo insieme il web

condividendo si impara

Dare un colore di sfondo ai nostri elementi: una competenza utile per sfondare nel web

2022-06-05 19:36:30

Ciao a tutte e tutti voi!

Oggi vi propongo un video breve in cui scopriamo insieme un metodo che ci permette di impostare il colore di sfondo degli elementi del nostro sito web. 

Un'operazione che viene fatta una miriade di volte per rendere più leggibili o visibili certi punti delle pagine web o per attirare l'attenzione e mettere in evidenza dei messaggi particolari.

Contenuto breve, quindi, ma di un'utilità che credo si protrarrà a lungo nel tempo in quanto si tratta di una competenza di base necessaria a dare ai nostri siti un aspetto professionale ed efficace nella comunicazione dei nostri propositi. 

Come sempre vi ricordo che, associato al video, c'è un articolo che vi invito a leggere per completare le informazioni. 

Potete farlo cliccando su vedi tutto qui sotto. 

Attenzione: se sarete infastiditi dalla presenza di un quadratino nero nella prima parte del testo è un effetto voluto che serve a illustrare un concetto. 

Resistete quei pochi secondi e sperimenterete qualcosa di importante sui colori di sfondo :-)

Un ringraziamento a tutte le persone che hanno sostenuto sinora questo progetto iscrivendosi al canale, invitando persone potenzialmente interessate a seguire questi contenuti, ma anche supportando questo progetto attraverso l'opzione sostieni sotto ai video o nella pagina del canale

Ricordo che chi lo desidera può aderire all'I-Team (o iper-team): l'area riservata per tutte le persone che vorranno supportare il progetto attraverso dei piccoli contributi mensili regolari

Lì troverete contenuti aggiuntivi, dietro le quinte e riflessioni che non si troveranno nell'area pubblicamente accessibile del canale. 

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

PS: ecco il link promesso nel video al contenuto sull'elemento div

Condividendo si impara!

171  
55
Da zero a Iper: impariamo insieme il web

condividendo si impara

Che bella figura: presentiamo meglio le immagini del nostro sito web

2022-05-29 18:18:46

Ciao a tutte e tutti voi, e un iper-benvenuto o iper-bentornato sul canale in cui stiamo imparando a creare dei siti web a partire da zero!

In questa fase del nostro percorso stiamo esplorando diversi metodi per cambiare l'aspetto degli elementi che abbiamo inserito nelle nostre pagine web.

Fino ad ora abbiamo visto soprattutto come possiamo modificare varie proprietà di alcuni elementi di testo sia selezionandoli in blocco all'inizio della nostra pagina web, sia creando e attribuendo loro delle classi legate alla loro funzione.  

In particolare abbiamo visto come possiamo modificare il colore dei testi ma anche cambiare la forma e il tipo di carattere che viene visualizzato dal browser degli utenti del nostro sito.

Oggi vi propongo di andare ad esplorare qualche proprietà di base di un altro tipo di elemento molto importante e utilizzato tantissimo nelle pagine web: l'immagine.

Nel video vedremo come regolare le dimensioni delle immagini del nostro sito, come aggiungere dei bordi, arrotondarne gli angoli o anche farle diventare delle immagini circolari (come quelle delle foto di profilo di alcuni social). 

Anche oggi lo faremo utilizzando la piattaforma gratuita FreeCodeCamp, che ha un nuovo percorso di esercizi dedicato proprio ai temi che stiamo trattando

Gli esercizi che vedrete nel video sono quelli della versione precedente per cui non ci sono spoiler delle soluzioni del nuovo percorso!! :-)

Concludo come sempre ricordandovi che il video è completato da un articolo che potete visualizzare cliccando qui sotto sul pulsante "Vedi tutto" e che non si tratta di una trascrizione ma di un vero e proprio contenuto aggiuntivo.

Detto questo vi saluto ringraziando tutte le persone che hanno supportato sinora questo canale e i suoi contenuti utilizzando l'opzione sostieni sotto ai video o nella pagina del canale e vi ricordo che c'è anche la possibilità di diventare membri dell'iper-team detto anche I-team: L'area riservata ai sostenitori periodici di questo progetto in cui potrete trovare dei contenuti extra, dietro le quinte e riflessioni che non saranno disponibili nell'area pubblica del progetto

Un caro saluto e un augurio di buona visione e lettura!

Condividendo si impara!

13  
41
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