Cell. +39 3479684755
Il Blog di Instant Websites
Corso Base di Web Design – promozione di Natale
INSTANT WEBSITES ha deciso di proporre il proprio CORSO BASE DI WEB DESIGN ad un prezzo promozionale per la prima edizione del 2014: € 450 invece di € 650!
Programma del corso in sintesi:
- Introduzione al web design
- La struttura di un sito web
- XHMTL e CSS
- Uso di Adobe Dreamweaver®
- Gli elementi multimediali
- Aggiornamento e backup del sito
- Promozione del sito
Durata del corso: 8 incontri di 4 ore (totale: 32 ore di lezione) + 4 ore per l’esame di un progetto sviluppato dal discente
Materiale: vengono forniti dispensa e CD con appunti
Libri di testo: Adobe Dreamweaver® e manuale dei CSS suggeriti (acquisto facoltativo)
Programma: clicca qui per scaricare il programma in formato pdf
Programma dettagliato: fornibile a richiesta
Attestato: al termine del corso viene rilasciato attestato nominativo di partecipazione
DOVE SIAMO: in Via Luigi Stropeni 36/B a Vigevano (PV), sulla strada da/per Milano e a due passi dalla stazione ferroviaria – vedi la mappa
La proprietà CSS3 border-radius
Tra le novità introdotte con i CSS3, vale a dire la nuova versione dei Cascading Style Sheet, merita una menzione la proprietà border-radius che consente di arrotondare i bordi di un box in base ad un determinato raggio.
Fino ad oggi, per ottenere l’effetto di arrotondamento era necessario creare i bordi tramite elementi grafici (tipicamente, gif trasparenti) ed applicare questi ultimi al box interessato come sfondo e/o come contenuto.
Un’ulteriore complicazione era data dal fatto che diventava spesso necessario creare dei div ad hoc proprio per applicare tali sfondi, rendendo più complesso – e semanticamente meno corretto – il mark-up.
Si trattava, in altre parole, di una procedura noiosa e contrastante con l’obiettivo di semplicità e stretta rilevanza semantica del codice ma inevitabile per ottenere l’effetto.
Tutte queste complicazioni sono oggi venute meno grazie alla proprietà border-radius che ha la seguente struttura:
#box {
…
border-radius: 10px;
}
dove il valore 10px si riferisce al raggio di ciascun angolo, nel caso specifico uguale su tutti e quattro gli angoli.
La funzione rgba per gestire il canale alfa nella definizione del colore di sfondo
Una delle tante novità introdotte con i CSS3 è quella relativa alla funzione rgba per definire il colore di sfondo di un elemento; oltre ai 3 canali Red, Green e Blue in pratica viene gestito un quarto canale e cioè alfa.
Il valore di alfa va da 0.0 (completamente trasparente) a 1.0 (completamente opaco) e consente quindi introdurre la trasparenza negli sfondi stessi.
La notazione sarà del tipo:
#elemento {
background-color: rgba(255,128,150,0.8);
…
}
utilizzando quindi i 256 possibili valori di ciascun canale e specificando infine la trasparenza.
Potete vedere un esempio molto semplificato in questa pagina dove le proprietà CSS sono state così definite:
body {
margin: 0;
padding: 20px;
background-color: #FFF;
}
#contenitore {
width: 600px;
height: 450px;
background-color: rgb(0,0,0); /* dichiarazione di sicurezza */
background-color: rgba(0,0,0,0.6); /* dichiarazione per i browser che supportano CSS3 */
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
padding: 7px 14px;
line-height: 120%;
}