Ok, andiamo a vedere meglio quelli che sono gli altri elementi all'interno di weblog.

Quindi abbiamo potuto vedere la tipografia prima il basic e poi layout.

Ora andiamo a capire meglio quali sono gli elementi che andremo a utilizzare anche molto più spesso all'interno del sito a seconda di quello che stiamo facendo chiaramente, cioè Collection Sight, la collection list che va utilizzata solo esclusivamente per il CMS che non vedremo all'interno di di questo corso perché è una funzione molto più avanzata che richiede molto piu' tempo.

Abbiamo invece tutta una parte legata al media, quindi quello che può essere una fotografia.

Quindi vedete che io qua soltanto aggiungere una fotografia è Posso scegliere questa? Ok, qua diamogli anche uno sfondo, così vediamo effettivamente quello che stiamo mettendo dentro, quindi selezionare il background.

Ehm ok.

Gli altri li cambiamo tutto in bianco e così possiamo vedere meglio in tutto.

Ok, quindi qua uno stesso stile di paragrafo.

Adesso lo aggiorno e si aggiornano tutti quanti.

Perfetto.

Come vedete qua, giusto adesso inizio a Ok, quindi qui, come vedete, ho caricato un'immagine l'immagine.

Può avere una proprietà? Nel senso che automaticamente si quando tu carichi un'immagine che può essere un smg png jpeg automaticamente prende il suo stesso con le quali l'hai caricato.

Quindi il nostro caso il elemento grande settantotto pixel infatti è grande in tutto pixel elemento una volta caricato, se volessi far diventare di centoventi pixel lo voglio e posso andare a definirlo qua a destra di creando una dannata proprietà all'immagine oppure dandolo direttamente qui centoventi la stessa cosa non cambia niente a differenze che una che fa creare una classe, quella destra in triplice quella sinistra ovvero questo in questo riquadro mi fa creare niente.

Inoltre se l'immagine volete che sia ad alta definizione, basta tappare.

Questo è quello che succede che l'elemento prende un il due per quindi in questo caso sarebbe centosessanta pixel una cosa così vuol farlo diventare più grande.

Non posso farlo perché l'elemento è sempre quello posso costruire vediamo ad esempio questo vedete che l'elemento ingrandisce ma se voglio che sia l'alta risoluzione vedete che diventa più piccola perché esattamente prende il per cento diciassette duecento diciassette diviso due quindi in questo caso è ci tira fuori un lato del genere qua posso andare a definire magari all'interno della suite quello che potrebbe essere il nostro convincimento pixel ed è qua è comunque l'alta definizione dell'immagine, ma è all'interno di questo.

Quindi devo creare poi una classe effettiva per poter analizzare e dare una classe a nostra immagine.

Abbiamo all'interno.

Il video video prende un'area veramente grande.

Ci sono due tipologie solitamente il background video ti permette di caricare un video all'interno, mentre invece per queste tipologie di video ovvero vero e proprio dovete aggiungere un per e un titolo all'interno puoi selezionandolo posso anche utilizzarlo e quindi questa cosa seriamente dare duecentocinquanta pixel di grandezza duecento pixel di altezza che si va in automatico a resettare e questo mi permette effettivamente di creare un elemento a livello visivo, dando poi anche una weed specifica.

Ovviamente dipende sempre dal video che state caricando.

Una volta che andrete a caricare avrà sicuramente una migliore un un migliore effetto all'interno, quindi vi consiglio anche qua quando caricate quando state lavorando su un video, avere un minimo di idea su quello che sarà contenuto in modo da poterlo in qualche modo replicare, utilizzare e poter vedere che cosa sarà l'effetto finale che ci darà il sito internet.

In questo caso più altre cose che possiamo aggiungere sono i link youtube sono molto semplici animazioni lotti che invece sono più complesse.

Per l'animazione otto, infatti, vi servo utilizzare after effects, cioè questo bellissimo sito che vi consiglio vero after effects lotti che si chiama lotti files punto com, dove potete scaricare vi effettivamente all'interno dei delle animazioni.

Quindi in questo caso io voglio scrivere menu ok é una serie di animazioni del menu.

Utilizzando una di queste posso andare a trascinarmi là e a portarmi all'interno di quella casistica.

Em, se avete after effects, se riuscite a fare delle animazioni potere anche esportare il codice che viene dato attraverso il lotti punto g s e grazie a quello inserire all'interno del proprio.

In questo modo potete avere delle animazioni custom oppure le animazioni un pochino più carini rispetto a quelle normali.

Tornando al nostro, possiamo vedere qui che gli elementi principali erano appunto immagini e video youtube lotti animations lotte animations come dicevo prima all'interno devono avere un sw g o un canvas.

Come decidete di lavorarci? E quello che succede che è un asset di fatto quindi se io prendo voglio scaricare uno di questi posso scaricarmi? Lo vede che mi scarico lotti jayson quello che mi serve a livello visivo devo creare chiaramente l'account prima di poterci accedere.

E una volta che scarico il codice codice grayson, posso andare a inserirlo all'interno di questo di questo contenitore, ovvero gli asset dove si inseriscono le immagini, eventuali video, eventuali gif e altra tipologia di contenuti.

Infine il mio poi forms, dove ci servono chiaramente per inviare dei testi.

In questo caso mettiamo tutto quanto in bianco, così possiamo vedere il testo vero e proprio.

Quindi il form è un elemento come te stesso che ci viene dato a livello proprio visivo.

È un componente intero che composto Dunham girls.

Quindi se io vado sul fax, vedrò che cosa succede quando ricevo il messaggio di successo che l'ho amministrata inviato correttamente oppure l'errore, ovvero mi compare all'interno qua sotto un messaggio di errore che automaticamente dato dal componente.

Se io volessi replicare questa cosa senza utilizzare il componente, dovrei per forza utilizzare del codice custom, altrimenti non è proprio possibile.

Quindi in questo caso voglio che sia normale.

Voglio che sia tutto in Inter e vedete che non quando selezioni internet automaticamente.

Tutta la tipografia viene editata automaticamente in inter e un po' come se andassi nel body.

Stessa cosa se io seleziono qua inter e non avessi selezionato nessun tipo di tipografia prima, tutte quante avrebbero evitato appunto l'inter perché è il contenitore principale.

Se vi ricordate bene il discorso delle matrioske e e che la regola è che la matrioska che sta in alto riesce alla fine a dare l'ordine a quella che sta in basso, tornando di nuovo agli elementi che possiamo avere, non possiamo vedere che all'interno ci sono altre cose che possiamo creare, come ad esempio un highball.

Quindi se vogliamo aggiungere gli elementi all'interno del forum possiamo farlo riuscendo raggiungendo input ponendo una serie proprio di cose al mio interno con anche una serie di play soldi qua stessa cosa possa avere ripreso nel quale interno inserisci il tuo nome posso anche dire che questo campo deve essere required, quindi qualora tu non dovessi completarlo io ti andrò a dire guarda che non hai completato il messaggio, ricordatelo anche qua come per gli altri elementi possiamo dare una larghezza cento pixel e automaticamente il contenitore si va a riaggiustare oppure metterle in percentuali come abbiamo già visto prima.

Inoltre abbiamo anche il test area, quindi in questo caso mettiamo che vogliamo far sì che la persona ci lascia un messaggio.

Io metto una double all'interno e vado aggiungere anche un altro elemento, ovvero la text area.

Quindi per rilasciarti un eventuale messaggio.

Quindi qui liscia inserisci il il tuo messaggio é qua sopra.

Dico che questo deve essere il messaggio che stai pubblicando, ok? Quindi se io ho un bottone il bottone posso anche andarlo a cambiare.

Non posso cambiare il bottone dentro come questo componente, quindi non andandoci proprio dentro cliccandoci, ma devo prima selezionarlo, andare sulla rotellina e poi cambiare questo tipo di bottone Invia questo form.

Inoltre, la scritta che leggete qua sotto Whiting è esattamente il testo che compare una volta che voi inviate il form.

Ed effettivamente il format lavora per darvi un risultato.

Abbiamo altri elementi che sono sempre utili, come quello del file upload, anche se utilizzato comunque poco in generale nei siti Xbox e radio.

Botton la select.

Quindi mettete caso che dovete dire che tipo di servizio state offrendo? Quindi posso dire servizio? A che servizio sei interessato? E qui andiamo a definire degli input.

Scusate.

Ok, questi così la radio battono.

Ok, quindi io all'interno.

Voglio racchiudere questo.

In che tipo di servizio si è interessato a ricevere deve ricevere servizi fotografia, video, making, grafico ok, quindi come vedete qua si crea automaticamente questo questo forma all'interno con queste tipologie di dati.

Se io poi volessi cambiare il di questi ed è che posso utilizzare flex, utilizzare poi vertical e poi aggiungere la distanza tra queste ro che cosa vediamo però come problema vediamo che tutte queste si spostano una con l'altra.

Per quale motivo? Perché non ci sono dei block all'interno che le fanno stare insieme.

Allora noi volessimo avere invece un'idea un pochino più corretta all'interno potremmo utilizzare il d block ovvero vedete qua alex fields phil double quindi vado a inserire dentro il mio di block questi due okay lulic oppio sotto la inserisco anche e quindi mi occupo un'altra di block questo di blocchiamo come le email address che sopra e cancello i miei ladri sotto sotto facciamo l'ultimo di block all'interno così capiamo bene come ci puo' aiutare e poi inseriamo tutti questi elementi dal film doc radio button, radio button, button all'interno di un'altra diva se io poi ha l'ultimo è quello del messaggio.

Okay, viene inserito qui dentro.

Ok, perfetto di block è qui all'interno.

Posso andare a inserire text area dentro con anche il football.

Quindi se io poi ho il mio forno che ho fatto in flex, io poi posso darli pero'.

Vedete che gli elementi che prima stavano lontano dall'altra ora stanno insieme tutti uno sotto l'altro Cosa ci aiuta per quando dobbiamo fare forma quando dobbiamo fare degli elementi? In generale vedete che il l'idea di utilizzare i block per unire le cose ci può essere utile per ricordarci molto come funziona Fig.

Ma questi di fatto non è altro che un auto layout.

Ok, ho un'auto layout addirittura un fra me, quindi volessimo replicare quello all'interno di film e in questa maniera name aspettiamo proprio le cose vere.

In questo caso, come vi dicevo prima io posso andare a definire tutto il forum e dare a tutto il forum intero in tenui oppure un'altra tipologia di fondo Vedete che man mano che seleziono anche il resto cambia.

Vediamo l'inter come esempio.

Quindi io voglio replicare questo no, gli do inter qui e non è nient'altro che un fra me e questo caso verrà replicare esattamente quello che è successo prima, ovvero avere tutti questi testi uno sotto l'altro come esattamente la prima.

Ok, quando noi utilizziamo l'auto degli auto quello che succede questo che è la stessa identica cosa che succedeva quando io aggiornava proprio il form qui sopra con i robot qua dentro.

Se io dovessi andare a togliere appunto tutti i tipi qui all'interno di andarle a inserire fuori, vediamo come tutto si sposta effettivamente tanto tutti qua la differenza che è esattamente quello che vediamo dentro film.

Quindi adesso riprendiamo il form vedete che ci sono venti pixel.

Io alla fine metto venti pixel Sono super vicini, cambiano sicuramente qua possiamo mettere anche diciotto qua faccio Operation command, un commando per scoppiare lo stesso stile da una parte all'altra così diventa molto piu' semplice vede che si crea queste cose dove c' è una poca spazzatura da una parte all'altra Allora, in questi casi cosa conviene fare? Creare dei gruppi ok di gruppi creare di fame.

In questo caso io creo un layout qua dentro otto pixel e poi lo vado a replicare gli altri vi posso cancellare direttamente ora io tre fra me blocchi che sono i nostri blocchi di fatto in auto layout E sì, io questo lo faccio in ottanta.

Tutti quanti avete che staranno insieme.

La stessa identica logica avviene qui dentro non è nulla di diverso rispetto all'auto degli out l'unica, cosa che cambia è che potete fare molte meno cose trascinando e allargando i componenti rispetto a quelle che si possono fare invece config ma filma dà molta più libertà da quel punto di vista.

White ti trattiene perché ti ricorda molto di piu' utilizzare delle dei numeri o comunque utilizzare dei comandi all'interno della schermata.