• User

    Problemi con le tabelle in Dreamweaver

    Ciao a tutti.:)
    Nuovo utente..primo post..
    Per diletto mi sono avvicinato al mondo della web grafica..Dopo aver letto alcune guide online e alcuni libri su dreamweaver e photoshop ho iniziato la realizzazione del mio primo sito(o quanto meno l'idea di partenza era questa:)).
    Dopo aver disegnato il layout della struttura su photoshop ho esportato le sezioni da me selezionate..
    Una volta in dramweaver ho previsto una struttura a tabelle(i css e i div saranno argomento delle prossime letture)dove inserire le porzioni di struttura esportate da photoshop e delle altre celle dove inserire direttamente da dreamweaver le parti testuali(come previsto nella struttura fatta con photoshop).
    Visto che ogni volta che effettuo un semplice copia/incolla del testo nella cella se questo è eccessivo mi altera le dimensioni della cella notevolmente alterando anche l'intera struttura del layout,esiste un modo per definire delle misure fisse della cella..o meglio mi potete consigliare su quali accorgimenti adottare per l'inserimento delle parti testuali???
    Grazie.
    E perdonate la mia non estrema sintesi e forse l apoca chiarezza..ma ste tabelle mi stanno facendo proprio penare!:fumato:


  • Super User

    Ciao SloopyKisses e benvenuto ner forum GT. :ciauz:

    Anche se questo non è proprio campo mio provero a darti una mano.
    Per le prime battaglie con le tabelle ti consiglio di usare Fireworks insieme con Dreamweaver e Photoshop. Fireworks ti permette di tagliare la tua immagine .jpg a "fette" e esportarlo creando in automatico il file html + le immagini nella cartella img. 😄 Inoltre ti crea delle imaggini "spacer" che tengono la struttura insieme.

    Se ho capito bene vuoi scrivere il testo al interno delle caselle avendo l'imaggine come sfondo. Per questo devi dare il background al td. Al td puoi pure dare le misure fisse stabilendo il width e *height. *Al testo invece devi dare i margin. In tuo caso margin-right se non sbaglio, cosi il testo arrivando a un certo punto va da capo. Ovviamente in questo caso se c'è di più testo che la misura (in altezza) del td, il testo continuerà ma lo sfondo sarà ripetuto.

    Spero che ti ho aiutato in qualche modo. Se ti serve qualcosa altro chiedi pure. Se non sarò in grado di aiutarti ci rivolgeremo ai professionisti della sezione html. 😄


  • User

    Ciao Arnien,
    grazie per la tua risposta.
    Tutto più chiaro ora..solo due domandine..:D
    Io uso PhotoshopCS3 per tagliare a "fette" il mio layout esportando solo le sezioni da me selezionate...e non mi ritrovo queste immagini spacer.Potresti spiegare a questo testone che cosa sono?
    Il problema del testo lo risolvo quindi con i margini,ma se ho ben capito il colore dello sfondo dovrebbe essere con una texture omogenea,altrimenti se ripetuto creerebbe un bel papocchio?OK?:D


  • Super User

    Qua le testone sono 2 allora. 😄
    Come ti ho detto non è proprio campo mio. Comunque lavorando con photoshop a tagliare il layout a pezzettini è un lavoracio e puoi sempre non essere tanto preciso. Ti consiglio veramente tanto a usare fireworks (se lo hai ti dico come fare).
    Allora di quello che ho capito una volta (qualche persona molto paziente ha provato a spiegarmelo) gli spacer servono a tenere insieme il layout, come se fosse una colla. Non sono vere e proprie immagini perche non si vedono. prendono larghezza 1 e l'altezza della casella ti faccio un esempio:

    <tr>
    <td>
    <img name="header" src="Img/header.jpg" width="730" height="125" border="0" id="header" alt="" />
    </td>
    <td>
    <img src="Img/spacer.gif" width="1" height="125" border="0" alt="" /></td>
    </tr>

    Come ti ho detto io non ne capisco tanto e forse qualcuno del campo dovrebbe rispondere al posto mio.

    Per la tua seconda domanda la risposta è si almeno che

    1. il testo non va oltre l'altezza del td
    2. crei uno sfondo che anche se ripetuto non si nota la differenza

    Aaaah! Una cosa importante. In caso che l'immagine del background diventa ripetuta non si ripete a tutta altezza dell'immagine ma solamente nella parte dove il testo va oltre, Spero che mi sono fatta capire. :mmm:

    Per gli spacer ti consiglio di fare una domanda in questa sezione: HTML e XHTML


  • User

    Grazie di nuovo..un giorno(molto lontano) quando faranno una domanda sugli spaces potrò dire che..una persona molto paziente tanto tempo fa.....:fumato::fumato::fumato:
    Buona giornata e alla prossima...
    Ora apro Fireworks:D


  • Super User

    😄

    Ok. Ti dico solo qualche cosina per fireworks cosi non ti metti a cercare le opzioni.

    1. nel photoshop salva pe web il layout con 100% della qualità
    2. apri l'immagine con fireworks, premi K oppure scegli il tool SLICE TOOL (crererà dei slice verdi)
    3. crea dei tuoi tagli con quel tool, gli puoi dare anche i link se ti servono nella palette PROPRIETA
    4. una volta finito scegli tutti i pezzi e nella palette OPTIMIZE scegli come devono essere esportate .png, jpg, etc. + abbassi la qualità se ti serve (perche prima abbiamo salvato a 100%)
    5. fai ESPORTA (al inizio inizio oviamente bisogna creare una cartella tipo IL MIO SITO dentro con la cartella IMG), chiama il tuo file index.html scegli opzione PUT IMAGES IN SUBFOLDER e scegli la cartella che hai creato IMG (cosi tutti i pezzettini andranno là)
    6. ora non ti serve nient'altro ma aprire il file con dreamweaver e mettere aposto tutte le cosine che ti servono

    Buon lavoro :ciauz:


  • User

    @arnien said:

    😄
    Buon lavoro :ciauz:

    Grazie..anche a te;)


  • Super User

    P.S. Se alla fine fai CTRL+S fireworks ti chiedera se salvare come png se scegli questa opzione lui farà un file png con i slices memorizati cosi non le devi fare da capo. Se invece farai le modifiche nella parte di photoshop basta importare il nuovo file jpg nel file png di fireworks.

    Ciao ciao :ciauz: