Programma per layout con grigli modulari

[mircov]

Salve a tutti, sto cercando da oltre 3 or un programma per crare layout con griglie modulari.
Ho imparato cos'è il mockup ma di griglie modulari non c'è alcuna traccia!!!
Ho trovato un articolo sul blog di html.it ma cmq non consiglia programmi ma parla solo della tecnica. Lo stesso dicasi per l'articolo nella sezione web design sempre di html.it.

Qualcuno mi può consigliare qualche programma del genere? Mi sta facendo impazzire e più non lo trovo più sono curioso!!!
Vi allego delle immagini così da farvi un'idea di quello che sto cercando.
Grazie mille! Ciao!

[mircov]

E questa è la seconda

[ecmedia]

Per quanto ne so, mock-up è solo un altro termine per indicare una bozza, che alla fine puoi fare con un qualsiasi programma di grafica (gimp, photoshop, inkscape, illustrator...).
E comunque se le griglie ti servono solo per l'allineamento, le puoi attivare in uno qualsiasi di questi programmi.

[mircov]

In gimp come si attivano? E in photoshop? Grazie!

[ecmedia]

Originariamente inviato da mircov
In gimp come si attivano? E in photoshop? Grazie!

In photoshop: Visualizza -> Mostra -> Griglia

[J.C. Design]

Se hai qualsiasi programma Web Editor puoi semplicemente creare delle tabelle con le celle e quello che vuoi tu! Ma non ho capito se le vuoi creare graficamente o cosa :master:

[mircov]

Praticamente prima di creare la grafica vera e propria vorrei poter creare la bozza della pagina per potermi rendere conto degli spazi che ho e delle parti che vanno a comporre la pagina. Usare un programma di grafica va bene, ma se ci fosse sto programma che cerco sarebbe tutto molto più semplice: gestirebbe lui tutto, mi darebbe le dimensioni, le distanze e tutto il resto. Mi pare di aver capito che è un po' come excel: solo che nelle griglie anzichè fare calcoli, crea la struttura.

[J.C. Design]

Allora puoi usare Dreamwe**er, Front Page, Notepad++, Namo Web Editor o qualsiasi altro programma, ti crei le tabelle, io ne ho fatta ora una da 20 colonne e 20 righe:

<table width="100%" border="1">
  <tr>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
    <th scope="col"></th>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <th scope="row"></th>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

[mircov]

Mi sa che non ho spiegato bene cosa voglio.
I CSS li conosco (e infatti non uso mai le tabelle ) e conosco anche l'XHTML, uso DreamWeaver anche per programmare in PHP.
Quello che mi serve è uno strumento che mi permetta di creare la struttura del layout. Non mi serve nemmeno che me lo esporti in CSS. Mi serve solo che ci siano delle griglie che mi permettano di mantenere le proporzioni, che mi permetta di avere un'idea della struttura, del menabò, che mi permetta di dire qui ci va il banner, qui l'intestazione, qui ci va il menù principale, qui quello laterale e via dicendo. Non mi serve il codice. devo avere uno strumento che velocemente mi permetta di creare il menabò/struttura/moke-up o come lo vogliamo creare. Non cero una soluzione alternativa ma quella soluzione!
La domanda logica sarebbe "e perchè non usi un programma di grafica?".
Risposta: 1) Perchè lo so già usare 2) Perchè sono curioso di usare un programma come quello a griglie.

Inoltre l'uso delle griglie dovrebbe permettermi di gestire meglio le dimensioni.

Con le tabelle va bene, si può fare (ma a quel punto uso direttamente i css!), ma a me serve qualcosa di più semplice, non di complesso. Quando vado a fare la bozza non mi posso mettere a perdere tempo con i float, i margini il padding e tutto il resto. Per questo vorrei un programma come quello.
Che poi io non lo faccio manco per lavoro! E' giusto una curiosità! E se ci sto perdendo tutto sto tempo per trovare il programma vedi quanto sono curioso!

[mircov]

Giusto per precisare.
Mettiamo che devo progettare un sito.
Un sito avrà varie pagine ed ognuna avrà delle caratteristiche specifiche. Ci sarà la struttura di base ma poi la disposizione degli elementi sulla pagina cambia per la pagina che mostra i file che si possono scaricare, per gli articoli, per un form di contatto, per mostrare un portfolio, per mostrar le pagine di un prodotto (ed anche quelle possono cambiare in base al prodotto). Creare la bozza grafica di ogni pagina con i css porterebbe via molto più tempo!

Poi mettiamo che io voglia creare solo la struttura e demandare la stesura del codice ad un coder ecco che il programma in question mi torna molto utile! Date le dimensioni e stabiliti gli spazi il programmatore non dovrà pensare a nient'altro se non a realizzare con i css quello che io gli ho passato in forma grafica!
Ecco a cosa mi serve il programma!