realizzare un sito web con Photoshop: quali formati usare?

carminefusco

Nuovo Utente
24 Apr 2009
7
0
0
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

Utente Attivo
29 Mar 2008
656
0
0
Palermo
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

Nuovo Utente
24 Apr 2009
7
0
0
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 :cool:
 

gianni21031

Utente Attivo
29 Mar 2008
656
0
0
Palermo
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

Utente Attivo
14 Lug 2004
1.539
0
0
mhm?
www.carla146.it
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

Utente Attivo
25 Apr 2009
31
0
0
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

Utente Attivo
14 Lug 2004
1.539
0
0
mhm?
www.carla146.it
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

Utente Attivo
25 Apr 2009
31
0
0
credo di aver capito, comunque in questi giorni provo a vedere se ci riesco nel caso vengo a disturbarti di nuovo

grazie
 

tinetta83

Utente Attivo
25 Apr 2009
31
0
0
mmmmmmm allora l'immagine è intrasparenza... ma non so se ho fatto tutto bene, comunque mi sono arenata non trovo crea div o simili....
 

tinetta83

Utente Attivo
25 Apr 2009
31
0
0
mi apro una discussione mia perché i dubbi sono molti... e non vorrei impantanare questa che non è mia
 

carminefusco

Nuovo Utente
24 Apr 2009
7
0
0
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

Utente Attivo
29 Mar 2008
656
0
0
Palermo
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.. ;)
 
Discussioni simili
Autore Titolo Forum Risposte Data
N Con cosa realizzare un sito web? Webdesign e Grafica 9
B realizzare una introduzione per un sito web Javascript 4
T Come potrei realizzare un piccolo forum di discussione su un sito web...? phpBB 2
C cerco un web master per realizzare sito professionale Offerte e Richieste di Lavoro e/o Collaborazione 6
M [Cerco Collaborazione] un bravo esperto per realizzare insieme un sito web? Offerte e Richieste di Lavoro e/o Collaborazione 8
A realizzare un catalogo in un sito web Webdesign e Grafica 3
corkis81 realizzare sito web: utilizzare un cms? Content Management System (CMS) 15
P è meglio un framework o realizzare da solo un sito? HTML e CSS 4
M devo realizzare un sito ma... Offerte e Richieste di Lavoro e/o Collaborazione 4
M per realizzare il sito passare da aruba a serve dell agenzia?? Hosting 0
M Consigli per sito da realizzare Joomla 0
P Realizzare un sito di annunci con wordpress WordPress 1
D urgente please, devo realizzare un sito in 12 giorni Discussioni Varie 14
E realizzare sito di ecommerce Content Management System (CMS) 4
D cms per realizzare sito multiutente Content Management System (CMS) 8
M aiuto per realizzare area upload download sito Database 1
buccilla Realizzare un sito in flash in poco tempo Webdesign e Grafica 5
C Cercasi esperto x realizzare sito ecommerce Webdesign e Grafica 1
S come realizzare sito dinamico PHP 1
S come realizzare sito dinamico HTML e CSS 1
C [Retribuito] cerco programmatore per realizzare forum phpbb su altervista Offerte e Richieste di Lavoro e/o Collaborazione 0
A [Photoshop] come poter realizzare il seguente "effetto" Photoshop 4
I [Photoshop] Come realizzare immagine tonalità di grigio Photoshop 0
C [PHP] Come realizzare un tema wordpress per monetizzarlo?e dove testarlo gratis? PHP 3
F Realizzare video su Mac Mac e Software 0
D [PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe PHP 0
D [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe Offerte e Richieste di Lavoro e/o Collaborazione 2
L [ASP.Net] Realizzare modulo contatti PopUp ! ASP.NET 1
N Come realizzare Cookie e Privacy Policy con Iubenda Leggi, Normative e Fisco 5
elpirata Realizzare video con immagini testo e transizioni Windows e Software 5
L [HTML] Realizzare piantina prenotazione posti HTML e CSS 4
P [PHP] Realizzare un controllo accessi cantiere, problema lettore Qrcode... PHP 0
M [Photoshop] come realizzare un effetto speciale? Photoshop 1
Z È possibile realizzare DEM con Adobe Muse? Webdesign e Grafica 0
asevenx Realizzare modulo per selezionare elementi da una lista PHP 1
Silvio Losi Come realizzare una piattaforma "ad-hoc" (No CMS) E-Commerce 8
E realizzare una mappa personale e responsive HTML e CSS 6
E Realizzare una finestra overlay con caricamento pagina html HTML e CSS 3
Gabriele Visioli Realizzare e Vendere siti web senza aprire una Partita IVA... Come? Leggi, Normative e Fisco 4
S Come realizzare una didascalia a comparsa su un'immagine? HTML e CSS 1
L Realizzare script con grafico e tabelle che si aggiornano automaticamente jQuery 1
S realizzare un' area di login completa costo... Offerte e Richieste di Lavoro e/o Collaborazione 2
L Realizzare tabella che aggiorna i prezzi in base alle quantità jQuery 16
L Realizzare applicazione per hotel con camere disponibili PHP 2
G [GRATUITO]Cercasi webdesigner (per realizzare template) Offerte e Richieste di Lavoro e/o Collaborazione 7
Carlito's Come realizzare uno script Javascript 2
T [risolto] Realizzare un form email con multi scelta Sviluppo app per Android 2
G C++ realizzare apps per iOS C/C++ 1
A Realizzare un mega menu con css HTML e CSS 2
L realizzare login numerico PHP 8

Discussioni simili