Lezione gratuita dal corso Web Development
Mettiamo un attimo da parte i componenti fatti fino adesso e concentriamoci un po' su layout.
Commentiamo quello che abbiamo fatto finora sulla nostra pagina.
Lo utilizzeremo dopo e andrei a guardare un po' meglio il nostro film Sam prima dare un'occhiata generale.
Quello che notiamo nelle section è come il contenuto sia concentrato, raggruppato sulla parte centrale è nonostante le sezioni si estendono orizzontalmente da parte a parte del newport.
Questo è a livello di design è molto comune.
Lo riscontriamo in siti come come linkedin, come Facebook notiamo che è appunto un contenuto centrale.
Poi l'intera pagina che si estende lateralmente, ma tendenzialmente tutto resta raggruppato.
Quindi andremo a creare questo questo componente che ci farà da container che si contrappone un po' qui a quei design invece fu weed, dove tutto va da parte a parte.
Quello che facciamo adesso, quindi è iniziare a creare una prima section che ci farà un po' da base su cui all'interno.
Andremo a montare il nostro container, quindi creero' un dvd a cui darò classe appunto chiamero' container e inserisco un po' di testo a caso.
Okay, ricarica la pagina.
Bene, vediamo il nostro testo disposto, completamente allineato alla destra cominciamo a dargli un po' di stile.
La mia classe mi ha detto che il container La prima cosa che posso fare è dare una dimensione a questo a questo contenitore.
Sam, questo container potrebbe avere una dimensione fluida di non so Facciamo ottanta percento dell'intera pagina.
Come abbiamo visto, posso dichiarare una larghezza in percentuale, quindi weed ottanta per cento.
E facciamo così per rendere più evidente questi cambiamenti, proviamo ad assegnare temporaneamente un colore di background in modo tale da evidenziare un po'.
Le nostre l'impatto delle nostre modifiche.
Mettiamo Grown Gold.
Ok, vediamo appunto come il container è l'ottanta percento dell'intera pagina, ma non è ancora centrato.
A questo punto potremmo applicare sia a destra che a sinistra un margine auto.
Okay, margin-right auto margin-left auto.
E questo ci consentirà di centrare automaticamente il nostro container.
Ok, ci siamo quasi.
Ancora un piccolo dettaglio da chiarire, dato che il container è l'ottanta percento Dell'intero Newport dell' intera pagina.
Quindi, nella sua ampiezza, potremmo trovare nei test top con risoluzioni molto elevate, magari delle dimensioni eccessive.
Cioè, il nostro container potrebbe estendersi piu' di quanto vorremmo.
Anche è esteticamente.
Potrebbe non essere tanto gradevole, quindi potremmo limitare magari questa ampiezza utilizzando un attributo Max Weed.
Io direi che comunemente un mille centoquaranta px, così come fa anche bus tra potrebbe andare come vincolo ricarica la pagina.
Ok, quindi adesso, nonostante il nostro container abbia una percentuale relativa, quindi l'ottanta percento della pagina, abbiamo vincolato comunque a mille centoquaranta la sua estensione massima per far si' che comunque resti tutto abbastanza contenuto è compresso senza senza rompere il layout.
Direi che possiamo rimuovere il background che abbiamo inserito come The Bug e il nostro container è pronto per iniziare a sviluppare le sezioni.
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.