Homepage  Il progetto dsy.it è l'unofficial support site dei corsi di laurea del Dipartimento di Scienze dell'Informazione e del Dipartimento di Informatica e Comunicazione della Statale di Milano. E' un servizio degli studenti per gli studenti, curato in modo no-profit da un gruppo di essi. I nostri servizi comprendono aree di discussione per ogni Corso di Laurea, un'area download per lo scambio file, una raccolta di link e un motore di ricerca, il supporto agli studenti lavoratori, il forum hosting per Professori e studenti, i blog, e molto altro...
In questa sezione è indicizzato in textonly il contenuto del nostro forum


.dsy:it. .dsy:it. Archive > Community > Tech
 
[web] disegnare templates
Clicca QUI per vedere il messaggio nel forum
0m4r
Volevo chiedere a voi utenti e fruitori del web qual tipo di strumento utilizzate per creare la grtafica dei vostri siti.
Utilizzata photoshop o sw particolari?

Avete guide tutorial da consigliarmi?

fulminato1
interessa anke a me!grafica diversa da flash però!

0m4r
si si, grafica da cui triare furi semplice HTML....

Napolux
Io uso Photoshop.
E uso vari programmini freeware per creare bottoni ecc...

Cmq tendo a fare poco uso della grafica, anche perche' non sono un mago del disegno.

Mi limito a pulsanti e barre, per il resto CSS e foto da siti dedicati.

Ste Ramone
Anch'io uso photoshoppe :D

korn
Photoshop è sempre la scelta migliore... altrimenti puoi provare Gimp, che ha il grande pregio di essere gratuito.

0m4r
ok, ma come si fa? Voglio dire....come si fa?

Napolux
Originally posted by 0m4r
ok, ma come si fa? Voglio dire....come si fa?

A fare che?
Fare un template come quelli di http://www.freewebtemplates.com/ non vuol dire usare SOLO photoshop o SOLO Dreamweaver. Io quando creo un sito prima sviluppo la struttura (CSS, menu', eventuali rollover, loghi, immagini, ecc...) e mi salvo una copia della pagina vuota proprio col nome template.ESTENSIONE. Da qui parto per creare tutte le altre, stessa cosa per le immagini.

Esempio: Se ho bisogno di 5 pulsanti uguali, del tipo "Home" "Page1""Page2" "Mail" "Links" creo un pulsante vuoto con una scritta dummy (tipo "TEXT HERE") e la salvo in formato PSD. All'occorrenza cambio il testo e salvo in formato jpg, in modo che possa essere usata online.
Spero di aver capito il senso della tua domanda.
Se hai domande piu' specifiche chiedi...

0m4r
quello che voglio dire è: come lo faccio il disegno del template utilizzando photoshop? quali strumenti devo utilizzare? ...non so se sono stato abbastanza chiaro...

Napolux
Ho editato, vedi se cosi' rispondo alla tua domanda...

ripe
Photoshop + ImageReady

Con Photoshop crei il template del tuo sito usando tutti gli effetti che vuoi, dopodichè usi lo strumento "Sezioni per livelli" che crea una sezione a partire da ogni livello del tuo template. Dopodichè aggiusti le sezioni che non ti servono, oppure quelle che devono essere unite o ulteriormente divise. A questo punto importi la stessa image in Imageready che ti permette di raffinare il salvataggio in sezioni (scegliendo ad esempio se usare il formato gif o jpg, con quale qualità, ecc...), creare gli effetti di rollover e altri che coinvolgono javascript/dhtml... alla fine puoi usare l'opzione "Salva per web" e vedere creata la tua bella pagina html con tutte le immagini al posto giusto.

Qui per me inizia il lavoro... :)

^Angelus^
Io utilizzo sia photoshop che fireworks per la grafica

korn
Originally posted by ^Angelus^
Io utilizzo sia photoshop che fireworks per la grafica


Fireworks è un'arma a doppio taglio, nel senso che ti consente di creare senza tanti sbattimenti grafica ed effetti carini, ma in realtà se non hai abbastanza conoscenze di html low-level per "tenerlo a bada" ti ritrovi enormi assurdità sia nel codice che nelle immagini (ho visto gente che aveva il testo del sito salvato come .gif... ma dai!).

korn
Originally posted by 0m4r
quello che voglio dire è: come lo faccio il disegno del template utilizzando photoshop? quali strumenti devo utilizzare? ...non so se sono stato abbastanza chiaro...


Dai un'occhiata qui:

http://www.graphiczoneonline.it/articoli/articoli.php
http://www.80four.co.uk/tutorials.php

poi se non ti basta cerca "photoshop tutorials" o "photoshop web tutorials" su google...

0m4r
grazie molto interessanti, soprtatutto il primo.
Se avete altri links utili postateli pure ;P

webwarrior
Fireworks, senza dubbio.

Magari non ha molti effetti grafici, a differenza di Photoshop, ma è splendido per creare "prototipi" di sito, magari da inviare in anteprima al cliente.

Crei il tuo modello, poi con il taglierino selezioni i vari rettangoli in cui scomporre l'immagine e determini per ciascuna di queste il tipo di compressione ecc.

Powered by: vbHome (lite) v4.1 and vBulletin v2.3.1 - Copyright ©2000 - 2002, Jelsoft Enterprises Limited
Mantained by dsy crew (email) | Collabora con noi | Segnalaci un bug | Archive | Regolamento |Licenze | Thanks | Syndacate