Design, sviluppo e pubblicazione di un sito web
A course by Javier Usobiaga Ferrerweb designer
A course by Javier Usobiaga Ferrer, web designer
Dai uno sguardo completo al processo di creazione e pubblicazione di un sito web usando HTML, CSS e JavaScript
Nel web design, una buona interfaccia cerca di soddisfare e rispondere a come agisce il cervello umano. Ciò significa che abbiamo in tutti noi un designer, a volte incosciente o addormentato, capace di vedere qualcosa che funziona, che è armonioso, anche se non ne capisce il motivo. Se vuoi imparare i principi del web design e risvegliare quel designer in te, sei nel posto giusto.
In questo corso vedrai i due lati della creazione di un sito web: da un lato, vedrai le tecniche di base per pianificare un sito web, organizzare le informazioni in wireframe e creare una grammatica visiva con tipografia, tavolozze di colori, spaziatura, composizione, illustrazione. Quindi entrerai nella costruzione di quella pagina utilizzando HTML, CSS e JavaScript, fino al momento della pubblicazione della pagina su Internet.
La tua guida durante questo processo sarà Javier Usobiaga, web designer, fondatore dello studio Swwweet e professore di altri corsi presso Domestika come Grafica vettoriale SVG: illustra e anima con codice , Layout web con CSS Grid, Flexbox e altre tecniche moderne , Introduzione alla programmazione in JavaScript e [Introduzione allo sviluppo Web reattivo con HTML e CSS](Introducción al Desarrollo Web Responsive con HTML y CSS) , che può fungere da complemento a quanto esposto in questo corso.
Cosa imparerai in questo corso online?
27 lezioni & 33 download
Cosa faremo nel corso?
1 minuto, 12 secondi
Obiettivi di progettazione, struttura e riferimenti
6 minuti, 50 secondi
Inventario dei contenuti
6 minuti, 17 secondi
Informazione architettura
9 minuti, 56 secondi
Principi e strumenti
4 minuti, 9 secondi
Indagine visiva
6 minuti, 32 secondi
Cosa include questo corso?
Inizierai il corso incontrando Javier e alcuni designer e sviluppatori che scrivono articoli e fanno vari esperimenti sulle tecnologie web di cui vale la pena tenere traccia. Scoprirai anche i contenuti del corso.
Imparerai i principi del visual design e gli elementi che lo compongono, e lavorerai principalmente su quelli più fondamentali, come tipografia, colore, griglia e illustrazione.
Avrai la tua prima occhiata a un generatore di HTML statico e al suo sistema di modelli, nonché all'organizzazione dei file e alla creazione di pagine master.
Nella prossima unità, inizierai a passare il sistema di progettazione proposto al codice front-end : il carattere, il colore, la griglia e altri componenti.
Aggiungerai più elementi di interazione al progetto attraverso diverse librerie e funzioni JavaScript.
Vedrai come funzionano i gestori delle versioni del codice e, infine, utilizzerai un servizio di pubblicazione per far conoscere al mondo il tuo sito web.
Recommended software & tools for this course
What is this course's project?
Creerai, svilupperai e pubblicherai una pagina web con il tuo portfolio di lavoro.
Progetti di allievi del corso
Who is this online course for?
A tutte le persone che sono interessate ad apprendere i principi del web design e che vogliono pubblicare la propria pagina web.
Requirements and materials
Sarebbe consigliabile avere una conoscenza di base di HTML e CSS. Se non li hai, si consiglia di completare il primo corso di Javier a Domestika: Introduzione allo sviluppo web reattivo con HTML e CSS.
Avrai bisogno di un computer e di un editor di codice (Javier ne proporrà alcuni gratuiti). Può anche essere interessante avere un programma di visual design come Sketch, Figma o Adobe XD, sebbene non siano essenziali.
Recensioni
- 3 mesi fa
I really enjoyed this course. I already had a website I needed to build and I was able to apply this to improve it so much. It’s comprehensive and well structured.
- 5 mesi fa
Muy buen curso y muy buena explicación del profesor, como siempre. Perfecto para iniciarse en la creación de webs
- 7 mesi fa
Excelente curso para tener las bases de animación con css
- 7 mesi fa
Me gustó
- 8 mesi fa
Excelente curso, viene muy ordenado y armado. Es un muy buen profesor
Gode anche del suo ruolo di insegnante di Web Design in rinomati laboratori e scuole come Elisava, IDEP.
Usobiaga comprende il web nella sua interezza, non solo quanto può essere bello sullo schermo del computer, ma anche la sua usabilità in diversi dispositivi e circostanze.
Nelle sue parole "Penso che sia importante quanto l'estetica sia quanto velocemente si carica o quanto bene risponde, e mi sembra che nel nostro settore spesso ce lo dimentichiamo".
Contenuti
- U1
introduzione
- Presentazione
- Influssi
- Cosa faremo nel corso?
- U2
Ideazione di un web
- Obiettivi di progettazione, struttura e riferimenti
- Inventario dei contenuti
- Informazione architettura
- U3
Progettazione visiva
- Principi e strumenti
- Indagine visiva
- Composizione tipografica
- Tavolozza dei colori in un'interfaccia
- Reticolo e ritmo verticale
- Illustrazione e iconografia
- U4
Sistema di modelli
- Preparazione dell'ambiente e degli editor di codice
- Struttura e funzionamento dei file
- Pagine master e creazione di nuove pagine
- Condizionale e parziale
- U5
Sviluppo frontend
- Organizzazione del codice
- Composizione e colore
- Sistema a griglia
- Componenti dell'interfaccia
- Completamento dell'interfaccia
- U6
Interazione web
- Menu interattivi ea discesa
- Implementazione di una galleria
- Completando l'interazione
- U7
Pubblicazione di un sito Web
- Gestione delle versioni del codice
- Servizi editoriali
- Risorse addizionali
- PF
Progetto finale
- Progettazione, sviluppo e pubblicazione di una pagina web
Cosa aspettarsi da un corso Domestika
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
Certificates
PLUSIf you're a Plus member, get a attestato personalizzato signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Soyez aux premières loges
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Il corso è pensato per chi ha conoscenze di base di HTML e CSS, senza bisogno di essere esperti. È perfetto per chi vuole approfondire tecniche moderne di design web e sviluppo front-end.
Si consiglia di avere una conoscenza base di HTML e CSS. Non è necessaria esperienza avanzata, ma è utile capire la struttura delle pagine web e come modificare il codice.
Imparerai a creare layout responsivi, animazioni con CSS, grafica SVG accessibile, architettura dell’informazione, wireframe, prototipi, pubblicazione di siti web e ad applicare metodologie agili nei progetti digitali.
Ti servirà un editor di codice (come VS Code), Node.js, un terminale, un browser aggiornato e accesso a strumenti come Figma, Keynote, PowerPoint o Notion per prototipazione e organizzazione.
Imparerai a usare le variabili CSS per gestire colori, font e spaziature, facilitando la coerenza visiva e permettendo modifiche globali rapide nei tuoi progetti web.
Sì, farai pratica con CSS Grid e altre tecniche per creare strutture web che si adattano a diversi dispositivi, migliorando l’esperienza dell’utente finale.
Sì, potrai sviluppare un progetto personale applicando tutti i concetti di design, sviluppo e pubblicazione per creare un portfolio o un sito per clienti reali.