Lezione dal corso Web Design e Webflow
Ok, iniziamo a conoscere un attimo meglio.
Che cosa vuoi, Chloe? Come va inizialmente a lavorare insieme a noi per costruire poi un layout per questo sito internet? Ci sono delle cose che vedrete più spesso rispetto ad altre vero selezionate qua dentro.
Quindi noi utilizziamo molto spesso degli elementi all'interno del blog.
Il primo è il layout, quindi i contenitori section grid colonne che poi andiamo a vedere come si vanno a elaborare all'interno del web.
Quello che è importante per noi capire questo è che il layout è la parte strutturale iniziale che noi diamo a ogni blocco che noi facciamo.
Se vi ricordate bene il suo film erano tutti i blocchi Eder Cairo la sezione col titolo tutte quante prendevano tutto lo spazio che è tutto il full wife del nostro sistema, con anche un padding all'interno o un margine all'esterno a seconda di come avete impostato il vostro box model.
Poi abbiamo una griglia all'interno dove possiamo effettivamente mettere degli elementi all'interno di una griglia che può essere fatta con quattro, cinque, dieci row e dieci colonne.
E poi abbiamo solamente le colonne.
Invece la struttura più classica di elementi selezionati uno accanto all'altro non è detto che tutto cio' che vuoi raggiungere tu non riesca a raggiungere con tutti e quattro alla stessa maniera è assolutamente fattibile.
È una questione di capire che elementi ci interessa di più utilizzare a seconda di come noi costruiamo il nostro sito internet l'interesse di avere qualcosa molto piu' incoronato e che quando abbiamo un sito internet grande non si vede più niente o qualcosa che invece sia molto più stretto e quindi avere tutto quanto contenitore in un contenitore più piccolino, oppure tutto quanto a grandezza piena dipende da quello che volevo fare e secondo quello che vogliamo fare, utilizziamo lo strumento corretto.
Se volete una Swift, quindi interamente tra ragazze dello schermo, di come utilizzare una section.
Se volete un elemento contenuto in uno spazio molto molto specifico, allora come utilizzare un container? Se volete una griglia molto particolare per fare degli elementi diversi e una griglia molto complessa per fare un elemento complesso, è una cosa da utilizzare, così come le colonne, quindi dipende sempre quello che bisogna fare.
Poi passiamo all'elemento basico l'elemento basico si divide in cinque elementi principali liplock che il nostro piccolo mattoncino e noi immaginatevi sempre il web in generale, come anche Fig, ma come una sorta di elementi uno sotto l'altro, quindi elementi incastrati come se fosse una torre lego che tu stai costruendo uno dopo l'altro.
In questo modo riusciamo a pensare che gli elementi che creiamo sono una specie di matrioska, no? Quindi io butti l'elemento, quindi metto dentro un section, poi dentro a Section, mentre tutti di Idv entrò idv, mentre degli heading delle immagini è sempre una unica matrioska che si apre in continuazione di elementi.
Quindi andiamo aggiungere o togliere a seconda della casistica.
Quindi in questo caso molti block abbiamo la lista un elemento effettivamente ha listato un unico l'east side, quindi un singolo, una singola lista, un link block che è un srl effettivamente che ci chiamano da qualche parte e un bottone che può scatenare un'azione.
Abbiamo gli elementi che sono tipografici, quindi heading, quindi l'account che quello che ci siamo detti prima il paragrafo, il link, il Texas bloc, la blockquote, quindi un vuoto che si vuole dare è un rich text, ovvero il testo che va accanto all'immagine che comunque si va a modificare a seconda di quello che è il contenitore che stiamo utilizzando.
E infine abbiamo quattro ultimi elementi di cui il quarto costruito è uscito poco tempo fa, ovvero i primi tre che sono un'immagine.
Un video youtube è l'ultima notte.
Animation animation è un sito internet e in generale un player per after effects che ci permette di costruire delle animazioni all'interno del programma e poi di poterlo esportare tramite un file jayson e mettere all'interno di questo di questo software, ovvero whatsapp, passiamo agli altri tre che a volte vedremo a volte no.
Dipende da sempre da quello che stiamo costruendo cms che in questo caso non vedremo perché non stiamo costruendo un content management system.
Vedremo dei form vedremo anche dei componenti, quindi all'interno abbiamo un drone bloc, una double, un input è un file upload, una ex area dove posso scrivere effettivamente il mio test da definire una checkbox che abbiamo visto in precedenza all'interno dei componenti su fake.
Ma un radio button è una selezione, un capo che quello che abbiamo all'interno di Google e un form e un bottone per fare la sap mite del quel forum è molto importante.
Come vedete qua che ci sono degli elementi che si ripetono anche da quest'altra parte come il bottone, ma hanno diverse tipologie di azioni.
Un bottone non potete utilizzare per mandare un format perché non ha l'opzione di mandare quel format.
Quindi dovete utilizzare per forza il bottone proprio che si chiama form Button prima o poi una search della ricerca all'interno del sito che ci può permettere di trovare un elemento, un background video, un drop down, un elemento in ed quindi un codice che noi poi Kop Kop incolliamo da qualche altra parte.
Una lightbox il cosiddetto lo slider, una nail bar che molto spesso viene utilizzata proprio per la definizione del Lehder.
Quindi che può essere Dexter Mobile utilizzando questa tra l'altro avete già l'elemento responsive.
Non dovete fare nient'altro uno slider, una tab, una mappa che potete possiamo utilizzare ad esempio le mappe di Google e poi infine due social come Facebook e Twitter.
Questi sono gli elementi base che compongono la parte degli elementi che possiamo utilizzare.
All'interno di Wolf.
Come vedete, sono abbastanza Monica così tanti sono quelli che tra l'altro non abbiamo definito o che definiamo all'interno di film.
Quindi quando creiamo noi una nostra sezione all'interno, dobbiamo sempre pensare che stiamo lavorando con questi elementi qui.
Come vi dicevo, all'inizio delle elezioni vi ho preparato qua tutta la parte tipografica che va effettivamente a riprendere quello che abbiamo visto dall'altra parte quello che si può fare all'interno di film entrati Wolf.
Quindi la mia il mio consiglio è sempre prevedere queste cose iniziano a proiettarle prima su film per poi passare in un secondo momento dentro proprio quindi qua come prima cosa io quello che voglio andare a fare è andare a definire quello che sarà il mio Eder da una parte e dall'altra e iniziamo magari a costruire quello che sarà poi la struttura definitiva.
In questo caso mi sono portato un Eder già preparato perché all'interno? Io ho una serie di layout già definiti all'interno di workflow che possono esserci utili per arrivare a fare prima qualcosa.
Chiaramente non saranno esattamente quello che ci immaginiamo, ma almeno sono degli elementi già costruiti definiti questo chiaramente, per evitare di dover fare diversi limiti, tutte le volte possiamo avere un elemento già di base che alla fine ragiona da solo.
In questo caso vedete che sono tutti elementi uguali e ognuno di questi si apre nella stessa maniera.
Chiaramente non è questo che dovresti, come dovresti visualizzarlo, ma era solamente per mostrarvi che ci sono dei componenti già predefiniti direttamente.
I dati da flop in qualche modo vanno ad aiutarci nella creazione di un un nuovo sistema, un nuovo layout.
Nella lezione successiva vedremo effettivamente come iniziare a creare questi elementi e come poter crearlo piano piano ad hoc sulla base delle nostre esigenze o su quello che abbiamo fatto all'interno di film.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.