realizzare un sito web con Photoshop: quali formati usare?

[carminefusco]

Innanzitutto ciao a tutti e complimenti per il gran bel forum;

io pure sto cercando di realizzare la mia home page con photoshop ma son alle prime armi in campo di home photo..nel senso,lavoro bene o male con photoshop e ho un mio spazio web realizzato con frontpage che vorrei trasportare e rimodificare in tutto con photoshop

Ho un abbozzo di home page , ma dopo mi blocco, nel senso: in che formato salvarla per modificarla per l'inserimento di menu, news,feed. immagini, ecc? sapete consigliarmi qualche sito base da dove partire?

 

[gianni21031]

Ciao Carmine! Benvenuto sul forum :fonzie:
Realizzare un sito web con Photoshop è un gran lavoro soprattutto di integrazione tra i vari strumenti che potrai usare. Nella maggior parte dei casi bisogna lavorare su più software diversi (uno per la creazione di pagine html, uno per l'editing e la realizzazione di immagini e parte puramente grafica, come il Photoshop).
Più che altro bisogna creare, per ottimizzare il lavoro, dei file di stile da utilizzare in tutto il sito. Solo in quel modo il lavoro è completo e graficamente ottimo.
Puoi comunque partire da alcuni template di base già realizzati per personalizzarli, per esplorare e studiarne il codice, e per non rischiare di commettere errori.. qui ne trovi qualche decina: http://www.freephotoshoptemplates.com/templatesbox/index.htm
Naturalmente non posso non consigliarti anche la guida a Photoshop su Mr.Webmaster https://www.mrw.it/photoshop/guide/guida-photoshop_12/ in cui troverai preziosi consigli anche sull'integrazione di elementi per realizzare contenuti relativi a siti web e la sezione dedicata all'uso e alla creazione di fogli di stile css, che trovi qui https://www.mrw.it/css/ , fondamentale per lavorare sulla grafica omogenea del sito.

P.S. ho modificato il tuo messaggio aprendo una nuova discussione, visto che la tua domanda era un po' più diversa dall'argomento di cui si parlava nel topic precedente.

 

[carminefusco]

perfetto ottimo, grazie per i consigli, anche se sinceramente "odio" partire da template anche perchè una volta che lo modifichi, non è che ti dicono "come fare"; cmq provo a darci un occhiata.

L'idea base almeno per lo sfondo e l'organizzazione della home è in teoria questa http://img15.imageshack.us/img15/9074/home1w.gif
ma in gif...e il passo per fare poi tutto in html, e quindi inserire menu e varie, sinceramente non l'ho capito

 

[gianni21031]

Per realizzare la pagina in html devi usare programmi come Dreamweaver (se non vuoi scrivere tutto a mano), ma un'integrazione perfetta tra html e photoshop puoi averla maggiormente se usi i fogli di stile css. Sono delle pagine di codice che specificano le classi di stile che condizioneranno tutte le pagine del sito internet. Ti basterà quindi richiamare quelle classi per assegnare automaticamente quello stile agli oggetti della pagina.
In pratica, se devi creare un menu con degli effetti di sfondo e di colore particolari, puoi richiamare la classe di menu sul foglio di stile e con poco codice il menu sarà creato in tutte le pagine.
Non sono necessari, ma danno più uniformità e facilitano le cose.
Le guide che ti ho segnalato sopra sono relative esplicitamente a Photoshop e ai CSS, ma mi sono accorto adesso che fa sicuramente al caso tuo questa guida, dedicata esplicitamente al web design https://www.mrw.it/web-design/guide/guida-web-design_36/ e all'integrazione tra html, fogli di stile e software per la grafica e il design web. Seguila perché è veramente ottima per quello che ti serve :fonzie:

 

[carla146]

se usi dw
nel menu elabora, trovi proprietà pagina e come ultima voce della finestra immagine da ricalco.
importi lì la tua immagine e la vedrai in trasparenza nell'area di lavoro.
poi ricrei la tua pagina direttamente in dw con css copiandola dalla tua immagine di ps.
quando hai finito togli l'immagine da ricalco e ti rimane una pagina uguale in html.

 

[tinetta83]

se usi dw
nel menu elabora, trovi proprietà pagina e come ultima voce della finestra immagine da ricalco.
importi lì la tua immagine e la vedrai in trasparenza nell'area di lavoro.
poi ricrei la tua pagina direttamente in dw con css copiandola dalla tua immagine di ps.
quando hai finito togli l'immagine da ricalco e ti rimane una pagina uguale in html.

ciao sono nuova, e siccome vorrei realizare dei siti artigianali, volevo capire meglio questa funzonalità di dw, io ho dw cs3 e photoshop cs2, fino ad importare l'img in trasparenza ho capito come fare ma da li a ricalcare mi sono persa... mi spiegheresti? ps non dare niente per scontato perché io non sono ad un livello avanzato anzi sono proprio base...

Grazie

 

[carla146]

per ricalcare intendo creare i vari div css e metterli nelle stesse posizioni di quelli del layout, stessi colori ecc. utilizzando come traccia l'immagine in trasparenza.
quando tieni aperta la finestra di definizione di un css, dopo le modifiche clicchi sul tasto 'applica' e vedrai sull'area di lavoro gli spostamenti e le varie mdifiche applicate, continui così fino a che ogni div non sia proprio sopra quello del tuo layout e uguale in tutto e per tutto.
procedi con un div per volta finchè non hai finito il lavoro.
personalmente comunque preferisco creare il tutto direttamente in dw, mi risparmio metà del lavoro....

 

[tinetta83]

credo di aver capito, comunque in questi giorni provo a vedere se ci riesco nel caso vengo a disturbarti di nuovo

grazie

 

[carla146]

perfetto...ma fino a giovedì non ci sarò, qundi dopo.

 

[tinetta83]

mmmmmmm allora l'immagine è intrasparenza... ma non so se ho fatto tutto bene, comunque mi sono arenata non trovo crea div o simili....

 

[tinetta83]

mi apro una discussione mia perché i dubbi sono molti... e non vorrei impantanare questa che non è mia

 

[carminefusco]

uhm grazie a tutti per i consigli, anche se allla fine resto convinto che la fuga migliore è il classico "collage" da programma a programma:dipser:

 

[gianni21031]

sicuramente il collage è molto più sbrigativo e facile da realizzare, ma per quanto riguarda la chiarezza del contenuto sicuramente sono quelli gli strumenti da utilizzare.. diciamo che in quel modo sono fatti meglio, rispettando tutte le regole e le specifiche tecniche, e poi usare strumenti di questo tipo ti può aiutare se devi aggiungere diverse pagine al sito o se devi trasformarlo in seguito in un prodotto più complesso! poi dipende molto dalle esigenze personali..