Come velocizzare il lavoro del webdesigner: files, framework e dell’organizzazione in generale

Mi viene chiesto ultimamente in che modo si organizza un webdesigner, soprattutto per quanto riguarda il computer e per velocizzarsi.
Io ad esempio dispongo di una cartella immagini nella quale ho immagazzinato tutte le foto che ho scaricato nel tempo dai vari iStockphoto o Stockexpert, poi ho una cartella “lavori”, suddivisa per cliente, dove in ciascuna ho: layout, dati vari (email con i dati di accesso, dati del cliente, eventuale copia del preventivo che però di solito tengo in una cartella apposita generica dove sono divisi per cliente) ed infine la cartella contenente il sito, che è strutturato nella classica maniera: files html, css e la cartella immagini. Se css e javascript diventano più di uno tendo a racchiuderli in due cartelle apposite.
Solitamente lavoro e testo in locale, salvo poi, nel caso di template per WordPress o creazioni in php, installare il template su un mio spazio di test che a sua volta è suddiviso per clienti, ed ho un’installazione di WordPress di test che mi serve proprio per testare i vari template.
In locale ho anche il mio framework personale, che di volta in volta copio nella cartella “sito” del cliente per il quale sto lavorando e comincio a modificarlo. Per supporti Ajax, a meno che non siano pacchetti che uso spesso, come Lightbox o cose simili, cerco su internet all’occorrenza.
Spero di aver soddisfatto la domanda che mi veniva posa per email, e voi come vi organizzate?

















Add to Google

16 Commenti
Io ho due cartelle distinte nella root del mio hard disk. Una chiamata Design e una chiamata Sviluppo.
Entrambe contengono la cartella principale con il nome del cliente, solo che nella prima salvo ordinatamente immagini prese da iStockPhoto, Photoexpress, ecc, le bozze grafiche in psd, il logo ecc. Insomma tutta la parte relativa alla creazione grafica del progetto.
Nell’altra cartella Sviluppo invece creo la cartella del cliente dove dapprima contiene il mio framework xhtml per la realizzazione del template grafico. Una volta completato il template grafico andrà a contenere il mio framework php con tutte le librerie da me create e il supporto al templating di smarty.
Ho una cartella per ogni cliente (ora stavo pensando di posticipare al nome anno e mese), all’interno di essa ho una cartella “PSD” e un altra “sito”, il contenuto e immaginabile :p .
Ogni tot tempo facci un backup della cartella lavori su un hard-disk esterno.
Buon lunedì a tutti. Allora, io mi organizzo così:Una cartella contenente le immagini scaricate dai vari siti che lo concedono (ma solitamente o faccio io le foto al cliente o me le procura già lui), poi una cartella “lavori” dove inserisco all’interno i miei clienti nei quali poi suddivido in 3 cartelle. DOCUMENTI, nella quale metto contratti, registrazione dominio, e i testi del cliente.GRAFICA, che contiene le immagini del cliente stesso, i psd, le bozze in jpeg inviate, le lavorazioni in flash etc etc e una WEB nel quale metto il sito una volta definito con tutte le sue pagine. Poi nella mia area pubblico un test con il link da inviare al cliente. Ecco tutto.
Per l’organizzazione delle cartelle dei progetti faccio più o meno come voi. Per le immagini invece ho creato una sorta di repository su Picasa dove le suddivido per cartelle, le taggo e assegno un rating. Questo permette di avere un motore di ricerca per l’intero archivio fotografico.
Faccio come te Laura più o meno.
Cartella lavori divisi per nome (su un altro pc li ordino per data ma non mi trovo granchè), ogni passo del progetto ha la sua cartella.
Oltre a questo ho un database di clienti online.
Io lavoro in modo molto simile a te Laura, con la pecca che fino ad ora non ho fatto moltissima attenzione alle password ed ai dati, che tengo principalmente via mail (ma in effetti sarebbe cosa buona e giusta salvarli sull’HD).
Ho due cartelle una chiamata Clienti suddivisa per nome e una per i lavori, immagini, portfolio, ecc… ogni tot eseguo un backup su hd esterno e per i file più importanti ho un chiavetta usb esterna per ogni cliente con gli ultimi lavori, non si sa mai
Io i file del layout li tengo in una sottocartella del progetto stesso… Si risparmia un click
nella ditta dove ho lavorato 8 anni (che non si occupava di web design), avevamo una cartella per ogni cliente, successivamente suddivisa per lavori (numero commessa), successivamente suddivisa per categoria (preventivo, prog. elettrico, prog. meccanico, ecc), così in una sola cartella c’era vite morte e miracoli di una commessa.
poi avevamo un database di preventivi, con dei collegamenti ipertestuali alle varie commesse, in modo da avere sott’ occhio quanti preventivi erano diventati ordini, il margine di profitto per ogni commessa o cliente, circa ogni mese si faceva un report per la direzione, con grafici e tabelle (du maroni…).
penso che ad essere ordinati si risparmia tempo e casini.
ciao
Ciao a tutti, intanto, dato che sono appena arrivato su iwd
Il mio workspace e’ diviso in due cartelle principali, una che si chiama ARCHIVIO, dove tengo tutti i templates, le prove o i files creati seguendo i tutorial per imparare, le immagini che mi sembrano riutilizzabili, i files di testo con le idee che mi vengono e le guide che uso piu spesso. Poi ho una cartella, quella del mio webserver cosi suddivisa: cartella SCARTOFFIE, che contiene per ogni sito tutti i documenti (riferimenti cliente, registrazioni varie) e cartella SITES, che contiene le folder vere e proprie dei miei siti (che avranno come nome l’url). Ogni cartella di sito avra’ la sottocartella immagini, la sottocartella style per css e immagini riguardanti i css, la sottocartella scripts per i js e scriptini vari. Contenuto separato da layout, insomma
Vorrei porre una questione …
Anche io organizzo cosi i siti … ma il mio database grafico ?
Cioè immagini vettoriali e non, progetti : psd premiere after effetcs (mi occupo anche di montaggi).
Sto cercando da molto di crearmi un database unico per tutte le applicazioni grafiche … (anche un software che mi da una mano ma nn ce ne sn)… avete metodi o idee al riguardo ?
Passa a MAC: spotlight è fenomenale
@Francesco Caruccio
Mi sembrava che M$ avesse copiato anche qualla funzione… non è così?
Cmq… tornando in tema… io suddivido in modo preciso anche il sito vero e proprio.
Nella root sul server ho solo index.***, robot.txt, .htaccess e al massimo un’altra cosina. Poi divido in directory: img, css, include, testi
di prog che indicizzano e cercano ce ne sn … ma catalogare già tt nelle cartelle e magari stampare un book con le anteprime (sopratutto nel caso dei font) è un altra cosa !
[...] Come velocizzare il lavoro del webdesigner: files, framework e dell’organizzazione in generale Mi viene chiesto ultimamente in che modo si organizza un webdesigner, soprattutto per quanto riguarda il computer e per velocizzarsi. blog: Italian Web Design | leggi l'articolo [...]
Io suddivido in questo modo:
Siti > Nomeprogetto > On [tutti i file che pubblico online]
Siti > Nomeprogetto > Off [tutti il resto che mi serve per lavorare (grafica e materiale fornito dal cliente)]
Le password e tutti i dati di accesso li tengo:
a) come archivio nelle mail che mi mandano
b) nel portachiavi di Mac OS X (le password memorizzate dai vari client FTP, MySQL, ecc)
c) in un file di Excel criptato
All’interno della directory del sito seguo la struttura del CMS/Framework che sto usando. Di solito lavoro direttamente sul server finale. Se si tratta di un restyling idem, ma su un IP diverso o su un sottodominio.
I backup li faccio tramite script sul server (fondamentale per database e materiali caricati dal cliente/utenti) e localmente con TimeMachine (non tanto per i siti quanto per tutto il resto).
Una cosa mi chiedo da tempo e sto valutando alternative: ma sono l’unico a non poterne più della lentezza e dei timeout dell’FTP ??