martedì 19 febbraio 2008

come farsi il sito, in cinque lezioni

E' finalmente online il nuovo sito internet.
E' stata dura combattere con i fogli di stile e le pagine Html... ma ora ci siamo. Un piccolo resoconto che può essere d'aiuto anche ad altri progettisti Web.

Primo: creare il modello.
Ho creato il modello del sito, con le varie pagine, usando Adobe Photoshop (io ho la versione CS3). E' comodo perché si può disegnare l'impaginazione in modo relativamente semplice, creando, spostando e aggiungendo gruppi di layer finché non si è soddisfatti del risultato.

Secondo: ritagliare le immagini.
Una volta disegnate le pagine, si usa lo strumento coltello (premere K), per definire i ritagli di immagine che andranno sulla pagina Web. Definiti tutti i ritagli, si va nel menu: File -> Salva per Web e device. Da qui è possibile salvare solo i ritagli (slice) che si sono prima definiti con lo strumento coltello.

E' preferibile salvare le fotografie in formato Jpg (maggiore compressione, più colori), mentre per le immagini come i bottoni e gli altri elementi grafici è preferibile usare il formato Gif (gestione della trasparenza, pochi colori, dimensione contenuta).

Terzo: montare le pagine.
Montare le pagine in Html usando i fogli di stile (Css) e facendo attenzione alla compatibilità tra browser diversi. Questa è la parte più dispendiosa in termini di tempo: anche se si usa uno strumento evoluto, la questione non è semplice come spostare elementi con il drag&drop, tutt'altro. Per questa fase ho usato Adobe Dreamweaver CS3.

Quarto: le gallerie.
Avevo bisogno di un sistema semplice per inviare al sito una galleria di immagini (album), e che questa galleria avesse lo stesso stile grafico del resto del sito. Ho usato Adobe Lightroom (indispensabile strumento per fotografi) ed il suo modulo "Web".

Tramite questo modulo è possibile creare, con pochi clic, una galleria di immagini, usando uno dei modelli predefiniti, oppure un diverso modello di terze parti. Ho usato un modello a mio avviso molto ben fatto, questo.
Ho dovuto personalizzarlo parecchio, usando i miei css, ma ora con un clic in Lightroom posso inviare una collezione di fotografie direttamente sul web.

Quinto: il blog.
Ultimo passaggio è stato quello di trovare una piattaforma di blog affidabile, comoda ed altamente configurabile; ho scelto Google Blogger. Ho dovuto anche qui personalizzare le pagine con lo stile di tutto il sito, ma non è stato eccessivamente complicato, una volta che si hanno i propri Css è questione di integrarli in uno dei modelli predefiniti di Blogger.

Fine del lavoro ;)


2 Commenti:

Alle 27 febbraio 2008 12.31 , Anonymous Anonimo ha detto...

Ciao... i più sentiti complimenti per il bel sito, molto ben confezionato che evidenzia le notevoli qualità tecniche che ti contraddistinguono. Riguardo a considerazioni di altra natura rimando ad un incontro privato... confidando nel tuo ascolto...!!
In bocca al lupo per la tua nuova professione.
Roberto

 
Alle 3 marzo 2008 16.33 , Blogger marco ha detto...

grazie roberto, i complimenti sono sempre bene accetti e ancora di più le critiche ;)

 

Posta un commento

<< Home page