Realizzare un sito dalla grafica accattivante, integrandolo con animazioni multimediali e filmati non è più un’operazione riservata ai soli Web Designer esperti. Grazie infatti ad alcuni programmi visuali (che non richiedono la conoscenza del codice HTML), chiunque può creare un sito completo, dallo stile moderno e facilmente aggiornabile nel tempo. In questo progetto, partiremo dal disegno del sito e aggiungeremo man mano i contenuti multimediali e testuali, per pubblicarlo infine su un server che offre spazio Web a costo zero ( ad esempio Altervista, www.altervista.org). A tal fine useremo Incomedia WebSite X1, un programma commerciale solitamente a pagamento che vedremo come ottenerlo gratuitamente. Grazie al sistema di composizione visuale delle pagine e alle schermate progressive che guidano nella composizione del sito, saremo in grado di realizzare un portale di comunicazione completo e funzionale, in meno di un’ora.

Limitiamo il software
Windows Vista, per semplificare la procedura d’installazione, tende a installare (tanti!) componenti “generalisti”. Molti di questi, ai più non servono, ma vengono comunque caricati sprecando memoria. E questo equivale a ridurre notevolmente le prestazioni del sistema operativo. Un trucco niente male per velocizzare Windows Vista consiste nel disattivare alcuni di questi componenti; per esempio quelli che hanno a che fare con le “riunioni virtuali” o i Tablet PC. Ovviamente, non disattiviamoli se siamo soliti utilizzarli!
Selezioniamo Start/Pannello di controllo, poi clicchiamo su Programmi e, nella sezione Programmi e funzionalità, su Attivazione o disattivazione delle funzionalità Windows. Nel box visualizzato, clicchiamo su Continua. Il pannello Funzionalità Windows mostra un elenco dei componenti, ciascuno con una casella di selezione. Quelli attivi riportano un segno di spunta: togliamolo (basta cliccarci sopra) da quelli che vogliamo disattivare. Per utilizzi “normali” di Windows Vista, possiamo disattivare Area riunioni virtuali Windows, Componenti facoltativi di Tablet PC e Fax e scanner di Windows. Terminata l’ operazione, clicchiamo su Ok e attendiamo la fine della configurazione: è automatica, ma può durare diversi minuti.(richiesto il riavvio).

Servizi indesiderati:
Alla pari dei “componenti”, e del discorso fatto sulla loro disabilitazione, possiamo risparmiare ulteriore memoria, e migliorare la velocità di Windows Vista, disattivando alcuni servizi. Si tratta di funzioni speciali di Windows che, per quanto piccole, consumano preziosa memoria. Soprattutto, se abbiamo un PC con 2 GB o meno di RAM.
Selezioniamo Start, digitiamo services. msc, premiamo Invio e clicchiamo su Continua. Una volta entrati nella finestra Servizi, individuiamo quelli in cui la voce Stato è impostata su Avviato. Per disattivare uno tra questi, clicchiamoci sopra col tasto destro del mouse e selezioniamo Arresta. I servizi sono più “personali” dei componenti, quindi è bene fare attenzione a quelli da disattivare. In linea di massima, di solito quelli non utilizzati sono: Servizio di input Tablet PC, Windows Media Center Scheduler Service e Servizio Windows Media Center Extender (se non utilizziamo Windows Media Center), Windows Driver Foundation e Individuazione SSDP. Al termine, chiudiamo la finestra.

Finestre più sobrie:
Le prestazioni del sistema spesso non dipendono “solo” dalla velocità d’esecuzione di Vista, ma anche da certi orpelli grafici che impiegano secondi per essere visualizzati. Tra questi, l’effetto di animazione quando ridimensioniamo le finestre. Disattivandolo, risparmieremo circa mezzo secondo. Poco? Se pensiamo a tutte le volte in cui interagiamo con una finestra.
Clicchiamo su Start, digitiamo systempropertiesperformance, in basso nella barra di ricerca presente sotto il menu dei programmi che utilizziamo più di frequente e premiamo Invio. Poi clicchiamo su Continua. Dal tab Effetti visivi, già selezionata, togliamo la spunta da Anima le finestre quando vengono ingrandite o ridotte ad icona. Infine,clicchiamo Applica e OK.

Disattivare l’effetto aero:
Aero è l’interfaccia grafica 3D di Windows Vista. Bellissima, certo, ma richiede molte risorse del nostro computer, in particolare quando si tratta di applicare l’effetto di trasparenza (quello che ci consente di vedere cosa si trova al di sotto di una finestra). Ecco come disattivarlo.
Clicchiamo col tasto destro del mouse su uno spazio vuoto del desktop di Windows, e selezioniamo Personalizza. Clicchiamo quindi su Colore e aspetto finestre e, nella schermata visualizzata, togliamo il segno di spunta dalla casella Attiva trasparenza. Fatto questo, clicchiamo su OK per confermare.

Dischi SATA, migliori prestazioni:
Se nel nostro computer c’è un disco fisso SATA (questa informazione è di sicuro segnalata sulla confezione del disco, del computer o nella documentazione), possiamo attivare una funzione che velocizza la gestione dei file. Il miglioramento è notevole, ma aumenta, seppur in maniera minima, il rischio di perdere dati.
Selezioniamo Start/Pannello di controllo, poi clicchiamo su Hardware e suoni e su Gestione dispositivi. Clicchiamo su Continua e, nella finestra visualizzata, facciamo doppio clic sulla voce Unità disco. Clicchiamo col tasto destro del mouse sull’unità da velocizzare, e selezioniamo Proprietà. Poi clicchiamo sulla scheda Criteri e, posto che è spuntata la casella Abilita cache in scrittura su disco, spuntiamo anche Abilita prestazioni avanzate. Clicchiamo infine su OK e chiudiamo la finestra.

Monitorare le prestazioni:
Ok, parliamo tanto di prestazioni, ma quali sono, effettivamente, quelle del nostro computer? Windows Vista ci offre uno strumento che ci consente di tenerle sotto controllo. E capire quali sono gli aspetti da migliorare.
Apriamo il “task manager” di Windows Vista. Uno dei metodi più veloci è premere la combinazione di tasti Ctrl+Shft+Esc. Nella finestra visualizzata, clicchiamo sulla scheda Prestazioni. Qui, vediamo le prestazioni della CPU (Utilizzo CPU) e l’occupazione della memoria (Memoria). Fatto questo, clicchiamo su Monitoraggio risorse, e poi su Continua. Nella nuova finestra, clicchiamo su ciascuna delle quattro sezioni principali (CPU, Disco, Rete e Memoria) per vedere quali programmi occupano maggiormente quella data risorsa. In linea di massima, il riscontro maggiore lo abbiamo cliccando su CPU: compare così un elenco delle applicazioni in esecuzione, in ordine decrescente di consumo della potenza del processore.

Disabilita l’account utente:
Con molti programmi Windows Vista ci richiederà la conferma prima dell’avvio del software. Per evitare ciò basta poco.
Se vogliamo disabilitare questa finestra andiamo in Pannello di controllo/Account Utente e clicchiamo su Attiva o disattiva Controllo account utente togliamo la spunta dall’unica voce nella finestra e clicchiamo su OK.

Velocizzare il menu start:
Il menu Start di Windows Vista integra un motore di ricerca (lo troviamo in basso a sinistra). Per velocizzarne l’esecuzione, attiviamo un trucchetto semplice ed efficace. (potermo andare anche nel registro, ma non lo vediamo).
Clicchiamo col tasto destro del mouse su pulsante Start e selezioniamo Proprietà. Nella finestra visualizzata, assicuriamoci che sia selezionata la scheda Menu Start e, da questa, clicchiamo su Personalizza. Scorriamo l’elenco che compare e togliamo il segno di spunta dalla casella Cerca nelle comunicazioni. Sempre dall’elenco, nella sezione Cerca nei file selezioniamo la casella Non cercare i file. Infine, clicchiamo su OK, su Applica e ancora su OK.

Modificare la priorità:
Quando un programma viene eseguito, Vista gli assegna un diverso grado di priorità, a seconda di svariati parametri, rallentando talvolta quella che per noi è invece un’applicazione importante! Se, dunque, vogliamo velocizzare un dato programma, seguiamo la seguente procedura.
Premiamo la combinazione di tasti Ctrl+Shft+Esc. Clicchiamo sulla scheda Applicazioni e, dall’elenco, clicchiamo col tasto destro del mouse su quella da velocizzare. Selezioniamo Vai al processo, quindi clicchiamo col tasto destro del mouse sul processo evidenziato. Selezioniamo Imposta priorità/Alta, e clicchiamo su Modifica priorità. Non selezioniamo, per nessun motivo, la priorità Tempo reale, perché porta sovente a blocchi del sistema!

Disattivare Welcome Center:
Una volta installato Windows Vista, il sistema operativo visualizza, all’inizio, la finestra del “Centro attività iniziali” o “Welcome center”. È utilissima per i meno esperti, ma dopo un po’ di utilizzi, le sue funzioni diventano ridondanti.
Nell’angolo in basso a sinistra della finestra del Centro Attività Iniziali, togliamo il segno di spunta dalla casella Esegui all’avvio. Chiudiamo la finestra. Per ripristinare la finestra, è sufficiente selezionare Start/Pannello di controllo, cliccare su Sistema e manutenzione e poi su Centro attività iniziali, avendo cura di spuntare di nuovo la casella.

Niente di automatico:
Windows Vista esegue anche automaticamente la deframmentazione, quando rileva che ce n’è bisogno. Quest’attività di controllo, però, consuma risorse del sistema, quindi in molti casi è bene disattivarla e preferire l’esecuzione della deframmentazione solo quando siamo noi a volerlo.
Selezioniamo Start/Computer. Clicchiamo col pulsante destro del mouse sul disco dove è stato installato VISTA, spostiamoci nel Tab strumenti, selezioniamo Esegui Defrag da qui, togliamo il segno di spunta dalla casella esegui in base a una pianificazione (scelta consigliata). Infine, clicchiamo su OK.

Applicazioni inutili:
Per quanto sia capiente l’hard disk, più lo riempiamo di programmi più lento diventa. E ne risentono le prestazioni dell’intero computer! Quindi, non resta che disinstallare le applicazioni che non ci servono. (Consiglio di installare Revo Unistaller, in modo da eliminare chiavi di registro e cartelle)
Selezioniamo Start/Pannello di controllo. Nella finestra visualizzata, clicchiamo su Programmi, e quindi, sotto a Programmi e funzionalità, su Disinstalla un programma. Viene così visualizzato l’elenco delle applicazioni installate nel disco fisso. Per disinstallarne una, clicchiamoci sopra, poi clicchiamo su Disinstalla. Clicchiamo su Continua e seguiamo la procedura di disinstallazione. Varia da programma a programma, ma in genere è molto semplice e richiede di cliccare ripetutamente su Avanti.

Prima di utilizzare questo software, però, è opportuno conoscere almeno gli aspetti fondamentali della cosiddetta “area di lavoro”.

Panoramica dell’area di lavoro

Le visualizzazioni predefinite dell’area di lavoro si possono richiamare dal menu Finestra (o cliccando sul tasto a sinistra dei pulsanti ), e sono 3:

• area di lavoro essenziale;
• area di lavoro base;
• area di lavoro che mette in risalto le nuove funzioni di Photoshop CS4.

Inoltre, sono presenti delle visualizzazioni predefinite avanzate adatte per la pittura, per la composizione tipografica o altro; è anche possibile creare la propria area di lavoro e salvarla:

Qualunque visualizzazione sceglieremo di usare, la barra dell’applicazione (detta anche “barra dei menu”), rimarrà in ogni modo invariata:

Gli strumenti

La barra degli strumenti contiene tutti i tool necessari per lavorare sui documenti. La sua posizione predefinita è a sinistra sull’area di lavoro, ma si può spostare cliccandoci sopra con il tasto sinistro del mouse e trascinandola (figura 4b).

Inoltre, cliccando sulla striscia nera in alto, è possibile cambiare la visualizzazione degli strumenti (figura 4c), oppure chiudere del tutto la barra (ma solo se è stata precedentemente spostata).

Per riaprirla bisogna invece cliccare su Finestra > Strumenti nella barra dell’applicazione (figura 4d):

Ogni strumento possiede delle opzioni, che possono essere di volta in volta visualizzate nella barra delle opzioni. Questa barra si trova subito sotto la barra dell’applicazione, e può anche essere rimossa momentaneamente cliccando su Finestra > Opzioni nella barra dei menu:

Infine, cliccando sul primo pulsante a sinistra di questa barra, è possibile aprire un menu che contiene i pulsanti .

Cliccando su quello in alto si apre un pannello a comparsa per accedere alle opzioni disponibili per alcuni strumenti; cliccando su quello in basso si crea invece direttamente un nuovo strumento predefinito:

I pannelli

Considerando l’interfaccia di tipo base, sul lato destro dell’area di lavoro è presente un’altra barra verticale, che racchiude i pannelli ridotti ad icona:

Questi pannelli permettono di effettuare varie azioni sui documenti e di gestire il lavoro, e possono essere ingranditi e raggruppati tra loro a piacimento come mostrato nelle immagini.

Per aprire un pannello basta cliccare sull’icona corrispondente; per spostarlo bisogna tenere premuto col tasto destro del mouse sull’icona o sul nome del pannello sulla rispettiva linguetta e trascinarlo:

Inoltre, possiamo modificare la grandezza di ciascun pannello passando sopra uno qualunque dei suoi bordi con il mouse, tenendo premuto col tasto sinistro e trascinando:

I pannelli si possono chiudere cliccando sul tasto delle opzioni del pannello e dal menu a tendina Finestra sulla barra dell’applicazione si può aggiungere o rimuovere nello spazio di lavoro qualunque pannello.

Finestra del documento

Quando si apre un file su Photoshop, il programma va a creare un riquadro nell’interfaccia detto finestra del documento (figura 10).

Ovviamente, è possibile aprire più di un file alla volta, ed ogni file crea una propria finestra.

Le finestre così aperte equivalgono a quelle dei comuni sistemi operativi, e si possono, dunque, modificare per quanto riguarda proporzioni e grandezza, minimizzare ed affiancare (figura 10):

Infine, cliccando con il tasto destro del mouse su un documento, appare il menu di scelta rapida dello strumento che si sta utilizzando:

Vediamo ora una panoramica generale delle modifiche apportate alla precedente versione. Troverete le spiegazioni dettagliate di queste novità nei capitoli dedicati ad ognuna di esse.

Interfaccia

Ciò che salta all’occhio appena avviato il software è l’interfaccia ridisegnata.

Come possiamo notare, se apriamo due documenti essi verranno raggruppati sotto forma di schede e potremo passare dall’uno all’altro cliccando sulla scheda che contiene il documento su cui vogliamo lavorare

L’area di lavoro può essere cambiata velocemente scegliendo dal menu che troviamo premendo il controllo in alto a destra. Questo ci permetterà di variare gli strumenti e i pannelli presenti nell’interfaccia principale

Pannello Regolazione immagine

Il nuovo pannello ci aiuta a modificare in modo veloce ed efficace le regolazioni come luminosità/contrasto, bilanciamento colore e tutte quelle caratteristiche che nelle precedenti versioni potevamo trovare nel menu classico sotto la voce Immagine > Regolazioni

Scala in base al contenuto

Questa è forse la novità più grande che troviamo in Photoshop CS4.
Qualora volessimo ridimensionare un’immagine senza però andare a modificare parti di essa potremo farlo grazie a questa caratteristica.

Andando nel menu Modifica e scegliendo Scala in base al contenuto avremo la possibilità scalare le nostre foto tenendo inalterate le dimensioni delle aree che non vogliamo modificare. Questo sistema è stato chiamato Content Aware

OpenGL

La versione CS4 Photoshop permette di trarre vantaggio dalle specifiche OpenGL. Se la vostra scheda grafica le supporta potrete zoomare, ruotare le immagini in maniera rapida e fluida

Le nuove caratteristiche di Adobe Photoshop non si fermano qui. Abbiamo anche un nuovo sistema di organizzazione di livelli, l’anteprima dell’area che vogliamo clonare con lo strumento Timbro, modifica di oggetti e proprietà 3D e molto altro ancora che troveremo spiegato nelle prossime lezioni.

In definitiva Photoshop CS4 si rinnova e si rivela per quello che: è il miglior programma di fotoritocco sul mercato.

I selettori adiacenti sono una funzionalità dei CSS spesso ignorata, ma dalle grandi potenzialità. Con una semplice dichiarazione infatti è possibile identificare l’elemento immediatamente vicino (quindi adiacente) ad un altro. Ad esempio con

div + p {
color: #a00;
}

è possibile assegnare delle proprietà al primo paragrafo contenuto in un div, paragrafo che in questo caso diventerà rosso.

Niente classi o id, è possibile gestire tutto tramite CSS senza bisogno di appesantire il codice HTML. L’altra buona notizia è che questo tipo di selettore funziona su tutti i principali browser, escluso ovviamente Internet Explorer 6. Firefox, Explorer 7, Safari, Opera e Chrome la supportano senza problemi.

E’ tempo quindi di sperimentare ed iniziare ad utilizzarli, anche come progressive enhancement, per offrire ai visitatori con un browser recente una migliore esperienza di navigazione.

Neanche il nuovo EXT4, appena sbarcato stabilmente nel kernel 2.6.28, ne è immune ed è per questo che gli sviluppatori hanno deciso di creare un tool che ne permetta la deframmentazione, un po’ alla Windows!

Questo tool non è presente nel kernel 2.6.28 ma verrà sicuramente incluso nei prossimi.

Avete mai sentito la necessità di qualcosa del genere oppure pensate che sia assolutamente inutile?

I menu a tendina sono un’ottima soluzione per rendere accessibili più pagine ai visitatori del sito. Possono essere realizzati usando solo i CSS o anche JavaScript, ma è comunque necessario rispettare alcune regole:

* Le voci devono avere un’area estesa, comodamente selezionabile, per consentire una navigazione facile. Sono sconsigliate le etichette di testo troppo lunghe.

Dropdown menu
* E’ utile un ritardo di qualche frazione di secondo su apertura e chiusura del menu, per evitare attivazioni involontarie spostando il mouse
* Il menu deve potersi riposizionare a seconda delle dimensioni della finestra del browser, spostandosi in un’area visibile quando si trova vicino ai margini della stessa. Un classico errore è mostrato nell’immagine: Un esempio di menu a tendina con comportamento errato, ai margini della finestra del browser.
* All’apertura della tendina, l’utente deve vedere tutte le voci insieme, senza necessità di effettuare scroll della pagina
* I link di primo livello devono avere una destinazione, che sarà utilizzata anche se il menu non è accessibile (ad esempio JavaScript disabilitato)
* Un menu a tendina non è una mappa del sito, è inutile e dannoso elencare tutte le pagine
* Le voci selezionate dall’utente all’interno del menu dovrebbero rimanere evidenti Menu con voci selezionate
* Il menu dovrebbe essere perfettamente navigabile anche da tastiera
* I menu realizzati esclusivamente con i CSS spesso sono poco usabili: a volte è meglio evitarli. Senza JavaScript infatti non è possibile gestire alcuni aspetti come il ritardo sull’apertura e sulla chiusura.
* Con JavaScript disabilitato il sito deve essere comunque navigabile
* Le voci dei sottomenu è bene che siano accessibili agli screen reader senza nasconderle con display: none (ma con position: absolute) Queste regole andrebbero rispettate in ogni occasione: per alcune potrebbe essere concessa qualche eccezione a seconda delle circostanze, ma alcuni requisiti come l’usabilità sono fondamentali. Un menu a tendina deve essere facile da utilizzare, perchè è il mezzo principale per far navigare gli utenti nel vostro sito. In certi casi conviene mantenere un menu classico, se l’alternativa deve essere poco usabile. Esempi di menu a tendina Esistono diverse risorse disponibili per realizzare un menu a tendina senza troppi problemi. Non tutte però seguono i principi elencati: ve ne segnalo un paio. Potete usarle come un ottimo punto di partenza per i vostri siti:
* Free CSS DropDown menu Framework: una soluzione modulare, con diversi temi grafici già pronti
* MenuMatic: un plugin per la libreria Mootools che trasforma una lista di link HTML in un menu a tendina Se conoscete altre risorse interessanti segnalatele pure nei commenti, le aggiungerò a questa lista.

Fatene buon uso!!