HTML e CSS. Lezioni 13-14
HTML Forms
I moduli sono le 'pagine di denaro'. Sono il modo in cui i siti di e-commerce vendono i loro prodotti, come le aziende SaaS riscuotono i pagamenti per il loro servizio e come i gruppi senza scopo di lucro raccolgono denaro online. Molte aziende misurano il successo del loro sito Web dall'efficacia dei suoi moduli perché rispondono a domande come 'quanti contatti ha inviato il nostro sito Web al nostro team di vendita?' E 'quante persone si sono iscritte al nostro prodotto la scorsa settimana?' Ciò significa spesso che i moduli sono soggetti a infiniti test A/B e ottimizzazioni.
Ogni form HTML inizia con l'elemento <form> dal nome appropriato. Accetta una serie di attributi, ma i più importanti sono action e method. Vai avanti e aggiungi un modulo vuoto al nostro documento HTML, proprio sotto <header>:
L'attributo action definisce l'URL che elabora il modulo. È qui che viene inviato l'input raccolto dal modulo quando l'utente fa clic sul pulsante Invia.
L'attributo method può essere post o get, entrambi i quali definiscono il modo in cui il modulo viene inviato al server di backend. Questo dipende in gran parte da come il tuo server web vuole gestire il modulo, ma la regola generale è usare post quando stai modificando i dati sul server, riservando il get per quando ricevi solo dati.
Fonte:
Web Typography
L'obiettivo di questo capitolo era duplice: impara i meccanismi dei caratteri web e le proprietà tipografiche CSS di base.
Comprendi come i designer pensano alla tipografia.
Potresti non essere in grado di creare da zero una pagina web splendidamente composta dopo aver letto questo capitolo, ma non era questo il punto. Era per renderti consapevole dell'arte invisibile della tipografia. Ora dovresti avere il vocabolario per parlare di cose come famiglie di caratteri, volti, pesi e stili, nonché interlinea, misura e ritmo verticale.
La cosa più importante che dovresti trarre da questo capitolo è il fatto che nulla è arbitrario in una pagina web ben progettata. Le dimensioni dei caratteri, lo stile del rientro, l'allineamento del testo, l'altezza della riga, i margini e ogni altro piccolo aspetto della pagina sono stati attentamente considerati. C'era uno scopo dietro tutte queste decisioni.
Tutte le proprietà CSS che abbiamo trattato in questo tutorial sono in realtà piuttosto semplici. Quando si tratta di questo, abbiamo semplicemente spostato un sacco di scatole in giro, cambiando alcuni colori e alterando l'aspetto del nostro testo. Il significato dietro queste cose deriva dal design sottostante e dagli obiettivi di business del sito web che stai implementando.