Problema con editor html

(neo) · 12-09-2006, 23:29

Salve ragazzi. Ho un problema con alcuni editor html quali Dreamweaver o Frontpage. In pratica ho urgente necessità di creare un sito, ma non riesco a mettere le immagini dove voglio io nelle pagine, cioè le posso spostare solo a destra centro o sinistra, se voglio mettere un'immagine in un punto qualsiasi e soprattutto sovrapposta a del testo o ad un'altra immagine non si può fare. Mi interesserebbe + per Dreamweaver e penso anche che sia + utilizzato.

In pratica vorrei sapere come fare a sovrapporre un testo o un'oggetto qualsiasi, ad un'immagine o ad un'altro oggetto, senza che gli oggetti vengano tipo sempre allineati ai bordi o al centro..

E poi un'altra cosa. E' una cosa forse + di programmazione html. Vorrei sapere come si fa a mantenere centrata una pagina, anche se viene ridimensionata. Perchè ho fatto un sito, e alla mia risoluzione lo vedo per bene perchè l'ho progettato in quella, ma quando vado a vederlo con un'altra risoluzione, minore o maggiore, le immagini o i blocchi di testo per esempio li trovo spostati tutti a cxxxo di cane.. Vorrei fare in modo che anche se una pagina viene adattata ad una risoluzione diversa tutti gli oggetti seguano il ridimensionamento e stiamo in proporzione dove stavano prima, non so se mi sono spiegato benissimo, chiedetemi pure se non avete capito, ma devo risolvere urgentemente questi 2 problemi, + importante il secondo..

grazie a chi mi darà una mano..

(neo)

Raist78 · 13-09-2006, 00:45

Dunque per il discorso del proporzionamento, se vuoi che tutte le cose rimangano così come sono devi settare invece che la percentuale di larghezza delle tabelle (vedi <table width="100%">), la dimensione in pixel, in modo tale che da una certa risoluzione in poi vedi la pagina in maniera sempre uguale ... mi sembra la soluzione più praticabile se vuoi mantenere tutti gli allineamenti così come li hai pensati.

La sovrapposizione invece devi farla tramite i livelli (non so se hai dimestichezza con un po' di html od usi i programmi in modalità visuale).

(neo) · 13-09-2006, 01:01

avevo dimestichezza con html puro, ma ho dimenticato tutto in un anno che non l'ho usato per nulla e quindi ora mi sono buttato un pò sul visuale..

Quindi al posto della percentuale cosa dovrei scrivere?
E il fatto dei livelli me lo puoi spiegare se non ti dispiace? Qualcosa tipo photoshop per dire? Con i livelli su cui si lavora separatamente? Non l'avevo mai sentito per l'html..

tutmosi3 · 13-09-2006, 08:20

L'idea dei layer, proposta da Raist78 è buona ma se non sei pratico di HTML, ti conviene riciclarla in Photoshop.
Prendi l'immagine che vuoi di sfindo e ci scrivi sopra quello che ti serve con lo strumento testo, poi la esporti in JPG, GIF o PNG e la inserisci nella pagina.
Ciao

Raist78 · 13-09-2006, 09:39

Dunque per il discorso della larghezza in pixel è sufficiente che nella tabella più esterna della pagina imposti al posto di <table width="100%"> (ho messo una percentuale a caso, magari hai una dimensione minore) imposti <table width="numero di pixel di larghezza"> (quindi 800 se vuoi che sia larga 800 pixel, 1024 etc ).

Per il discorso dei layer preferisco indirizzarti ad una guida abbastanza facile spiegata passo passo: http://www.softwareplanet.net/php/mo...dl=231&parte=1
Spero che possa tornarti utile.
Ciauz

(neo) · 13-09-2006, 10:12

Sai cos'è il fatto, che io fin'ora per risolvere il problema della sovrapposizione usavo un programma che si chiama Coffee Cup o simile, è un editor schifosissimo, però mi permetteva di sovrapporre qualunque oggetto e spostare tutto con precisione pixel per pixel, quindi mi era molto utile, però il fatto è che programmando con sto programma, le pagine mi venivano visualizzate diversamente tra IE, Opera e Firefox, quindi ogni volta era davvero un casino assurdo guarda.. Cmq credo che questo programma usasse proprio i livelli come hai detto tu perchè leggendo nella guida che hai postato tra i tag tag che vengono usati per i livelli c'è anche ZINDEX, ed è uno dei tag che mi generava proprio coffee cup..
Poi, secondo me il fatto di scrivere per esempio la distanza dal bordo in pixel non mi serve a nulla, perchè se io pòer esempio con uno schermo da 800x600 metto un'immagine a distanza 50px, uno che visualizza la pagina a 1024x780 vedrà quell'immagine molto vicina al bordo, ma tutto il resto spostato, capisci cosa voglio dire?
Vorrei solo sapere come creare una pagina che mi resta sempre centrata e che le immagini che metto io non si spostino nel ridimensionamento...

Ho anche provato ad usare dei template per fare qualche sito che avesse di default il fatto di essere sempre centrato, quindi almeno ridimensionando la pagina la struttura generale mi rimane al centro, però poi le mie immagini che inserisco dopo se ne vanno a destra e sinistra..

Per favore aiutatemi..

Cmq per quanto riguarda quello che dice Tutmosi3 non credo sia la soluzione migliore perchè nel ridimensionamento l'immagine viene ingrandita o rimpicciolita, e le scritte con essa, non si leggerebbe nulla sicuramente, oltre al fatto che il testo non sarebbe neanche del testo, quindi i motori di ricerca non ti trovano mai, ed è anche un fattore scomodo per chi visita il sito perchè se volessero evidenziare una frase o un indirizzo per dire dovrebbere ricopiare tutto a mano..

Raist78 · 13-09-2006, 12:47

Allora secondo me c'è un problema di fondo ... i siti in generale vanno costruiti dentro delle tabelle e non come se fosse un foglio vuoto, quindi si usano dei table annidati ... questa è la base da cui parto, quindi io non parlo di impostare la distanza dal bordo, ma la larghezza della tabella più esterna ... entro cui metterai altre tabelle che stavolta puoi impostare in maniera percentuale, tanto hanno un limite massimo in cui variare.
Il discorso dei layer è l'unica soluzione in html per fare quello che vuoi , quindi con zindex, altrimenti devi fare con i css mettendo come sfondo di tabella (secondo lo standard w3c quindi non usare il background nel tag della tabella, ma usalo nello style sheet) l'immagine che tu desideri utilizzare, poi nella pagina userai quello che ci vuoi scrivere.
Stando a quello che dici secondo me è sufficiente, piuttosto che andare a complicarti la vita con i layer, che utilizzi i CSS e i background e che impagini tutto secondo tabelle. Però non so se ho capito bene quale è il problema...

(neo) · 13-09-2006, 14:43

Si probabilmente hai capito il problema, dovrebbe essere come dici tu.
Allora, siccome ora mi sono abbastanza incasinato perchè devo fare un sito per una società, e mi devono pure pagae, gli ho detto che glielo faccio, mi hanno già dato i dati, foto e tutto il resto.. Ma sto fatto che si spostano le immagini nel ridimensionamento l'ho notato solo ora poichè avevo fatto solo un paio di siti fin'ora.. Io cmq non ricordo di avere mai usato le tabelle come dici tu. Cioè io metto uno sfondo, del testo, e delle immagini, dei link, tutto nella stessa pagina, e i link mandano ad altre pagine. cioè html di base terra terra proprio, però sapendo usare il photoshop in passato mi erano venute delle cose carine perchè con delle belle immagini compensavo l'elementarità della struttura del sito.

Cmq, facciamo così, cosa mi consigli di leggere per imparare a creare decentemente un sito anche elementare?

La guida di html.it non è il massimo, anche se qualche spunto si trova, e in giro per la rete non ho trovato niente di molto allettante, ma tu mi sembri abbastanza preparato magari mi sai consigliare meglio..

grazie cmq..

tutmosi3 · 13-09-2006, 15:18

Quote:

Originariamente inviato da (neo)

Sai cos'è il fatto, che io fin'ora per risolvere il problema della sovrapposizione usavo un programma che si chiama Coffee Cup o simile, è un editor schifosissimo, però mi permetteva di sovrapporre qualunque oggetto e spostare tutto con precisione pixel per pixel, quindi mi era molto utile, però il fatto è che programmando con sto programma, le pagine mi venivano visualizzate diversamente tra IE, Opera e Firefox, quindi ogni volta era davvero un casino assurdo guarda.. Cmq credo che questo programma usasse proprio i livelli come hai detto tu perchè leggendo nella guida che hai postato tra i tag tag che vengono usati per i livelli c'è anche ZINDEX, ed è uno dei tag che mi generava proprio coffee cup..
Poi, secondo me il fatto di scrivere per esempio la distanza dal bordo in pixel non mi serve a nulla, perchè se io pòer esempio con uno schermo da 800x600 metto un'immagine a distanza 50px, uno che visualizza la pagina a 1024x780 vedrà quell'immagine molto vicina al bordo, ma tutto il resto spostato, capisci cosa voglio dire?
Vorrei solo sapere come creare una pagina che mi resta sempre centrata e che le immagini che metto io non si spostino nel ridimensionamento...

Ho anche provato ad usare dei template per fare qualche sito che avesse di default il fatto di essere sempre centrato, quindi almeno ridimensionando la pagina la struttura generale mi rimane al centro, però poi le mie immagini che inserisco dopo se ne vanno a destra e sinistra..

Per favore aiutatemi..

Cmq per quanto riguarda quello che dice Tutmosi3 non credo sia la soluzione migliore perchè nel ridimensionamento l'immagine viene ingrandita o rimpicciolita, e le scritte con essa, non si leggerebbe nulla sicuramente, oltre al fatto che il testo non sarebbe neanche del testo, quindi i motori di ricerca non ti trovano mai, ed è anche un fattore scomodo per chi visita il sito perchè se volessero evidenziare una frase o un indirizzo per dire dovrebbere ricopiare tutto a mano..

Sono d'accordo con te.
Ma ho proposto questo pagliativo per diversi motivi, primo fra tutti il poco appeal di (neo) con l'HTML.
Io uso poco i layer ma solo perchè non mi piacciono, tuttavia un'opinione personale non deve inficiare l'utilità di questa funzione.
Coffee Cup è un buon edito ma troppo legato alla grafica, se uno vuole imparare bene il codice (e c'è poco da imparare visto che sono 4 acche messe in croce) sarebbe meglio andare verso altri freeware tipo Alley Code.
Poi perchè non credo che il problema di (neo) sia l'indicizzazione da parte di Google & Co.
Ciao
Ciao

Raist78 · 13-09-2006, 15:54

Non sapendo indicarti una guida precisa, visto che per mia esperienza mi sono basato su esperienza e consigli di amici programmatori, mi limito a darti qualche dritta, sperando che sia utile: diciamo che la strutture fondamentale di un sito si costruisce in genere dentro a delle tabelle annidate.
In questo secondo me ti dà una forte mano dreamweaver perchè senza avere conoscenze assurde ti sà indicare come modificare i tag senza troppo codice.
Dentro quest'ossatura composta di tabelle ti trovi in condizione di poter fare proprio quello che tu dicevi, ossia una struttura che anche cambiando risoluzione rimanga la stessa.
Il discorso delle immagini e un testo sovrapposto è abbastanza facile perchè basta che tu dai uno stile alla riga, alla colonna che ti interessa, specificandogli l'immagine di background e il testo che ti interessa.
Per il background puoi usare o un css esterno, specificando (secondo lo standard w3c, non parlo di tag fuori standard, altrimenti rischi che il tuo sito possa essere visualizzato correttamente solamente da un determinato browser di cui non farò il nome) nei td (ossia le colonne) le class di appartenenza, oppure specificando lo style e il background della casella della tabella.
Per una guida alle class e allo style ti rimando qui: http://www.diodati.org/w3c/raggett/style.asp che altro non è che la traduzione di un articolo del w3c.
Spero che queste due cose possano esserti utili per cominciare.

(neo) · 13-09-2006, 16:07

Mm.. sembra interessante. Allora stasera me lo leggo per bene e poi cerco di mettere in pratica qualcosina.. Grazie mille per le dritte!

Io cmq DEVO fare questo sito di cui ti parlavo prima, ma ho un pò ti tempo, quelli mi hanno detto anche un paio di mesi.. ma io pensavo di farlo in un paio di giorni come ho fatto in passato usando qualche template e ps...

Quindi se avrò problemi solleverò ancora questo post ok? Oppure se vuoi mi puoi dare il tuo contatto msn così ti romperò le scatoline in privato qualche volta...

12-09-2006, 23:29	#1
(neo) Senior Member Iscritto dal: Sep 2006 Città: Pisa Messaggi: 1270	Problema con editor html Salve ragazzi. Ho un problema con alcuni editor html quali Dreamweaver o Frontpage. In pratica ho urgente necessità di creare un sito, ma non riesco a mettere le immagini dove voglio io nelle pagine, cioè le posso spostare solo a destra centro o sinistra, se voglio mettere un'immagine in un punto qualsiasi e soprattutto sovrapposta a del testo o ad un'altra immagine non si può fare. Mi interesserebbe + per Dreamweaver e penso anche che sia + utilizzato. In pratica vorrei sapere come fare a sovrapporre un testo o un'oggetto qualsiasi, ad un'immagine o ad un'altro oggetto, senza che gli oggetti vengano tipo sempre allineati ai bordi o al centro.. E poi un'altra cosa. E' una cosa forse + di programmazione html. Vorrei sapere come si fa a mantenere centrata una pagina, anche se viene ridimensionata. Perchè ho fatto un sito, e alla mia risoluzione lo vedo per bene perchè l'ho progettato in quella, ma quando vado a vederlo con un'altra risoluzione, minore o maggiore, le immagini o i blocchi di testo per esempio li trovo spostati tutti a cxxxo di cane.. Vorrei fare in modo che anche se una pagina viene adattata ad una risoluzione diversa tutti gli oggetti seguano il ridimensionamento e stiamo in proporzione dove stavano prima, non so se mi sono spiegato benissimo, chiedetemi pure se non avete capito, ma devo risolvere urgentemente questi 2 problemi, + importante il secondo.. grazie a chi mi darà una mano.. (neo)

13-09-2006, 08:20	#4
tutmosi3 Senior Member Iscritto dal: Sep 2004 Città: Deir el-Bahari - Luxor Location desiderata: Nantucket (Maine - USA) Nome horo: Ka nekhet kha m uaset Messaggi: 23966	L'idea dei layer, proposta da Raist78 è buona ma se non sei pratico di HTML, ti conviene riciclarla in Photoshop. Prendi l'immagine che vuoi di sfindo e ci scrivi sopra quello che ti serve con lo strumento testo, poi la esporti in JPG, GIF o PNG e la inserisci nella pagina. Ciao __________________ Sorridi ... Sempre, anche quando le cose non vanno\|2 aprile 2005, ore 21:37 - Giovanni Paolo II vive NAS\|Quello su Libero e su Splinder, non sono io\|Test RAM

13-09-2006, 10:12	#6
(neo) Senior Member Iscritto dal: Sep 2006 Città: Pisa Messaggi: 1270	Sai cos'è il fatto, che io fin'ora per risolvere il problema della sovrapposizione usavo un programma che si chiama Coffee Cup o simile, è un editor schifosissimo, però mi permetteva di sovrapporre qualunque oggetto e spostare tutto con precisione pixel per pixel, quindi mi era molto utile, però il fatto è che programmando con sto programma, le pagine mi venivano visualizzate diversamente tra IE, Opera e Firefox, quindi ogni volta era davvero un casino assurdo guarda.. Cmq credo che questo programma usasse proprio i livelli come hai detto tu perchè leggendo nella guida che hai postato tra i tag tag che vengono usati per i livelli c'è anche ZINDEX, ed è uno dei tag che mi generava proprio coffee cup.. Poi, secondo me il fatto di scrivere per esempio la distanza dal bordo in pixel non mi serve a nulla, perchè se io pòer esempio con uno schermo da 800x600 metto un'immagine a distanza 50px, uno che visualizza la pagina a 1024x780 vedrà quell'immagine molto vicina al bordo, ma tutto il resto spostato, capisci cosa voglio dire? Vorrei solo sapere come creare una pagina che mi resta sempre centrata e che le immagini che metto io non si spostino nel ridimensionamento... Ho anche provato ad usare dei template per fare qualche sito che avesse di default il fatto di essere sempre centrato, quindi almeno ridimensionando la pagina la struttura generale mi rimane al centro, però poi le mie immagini che inserisco dopo se ne vanno a destra e sinistra.. Per favore aiutatemi.. Cmq per quanto riguarda quello che dice Tutmosi3 non credo sia la soluzione migliore perchè nel ridimensionamento l'immagine viene ingrandita o rimpicciolita, e le scritte con essa, non si leggerebbe nulla sicuramente, oltre al fatto che il testo non sarebbe neanche del testo, quindi i motori di ricerca non ti trovano mai, ed è anche un fattore scomodo per chi visita il sito perchè se volessero evidenziare una frase o un indirizzo per dire dovrebbere ricopiare tutto a mano.. Ultima modifica di (neo) : 13-09-2006 alle 10:17.

13-09-2006, 00:45	#2
Raist78 Senior Member Iscritto dal: Apr 2004 Città: Terni Messaggi: 566	Dunque per il discorso del proporzionamento, se vuoi che tutte le cose rimangano così come sono devi settare invece che la percentuale di larghezza delle tabelle (vedi <table width="100%">), la dimensione in pixel, in modo tale che da una certa risoluzione in poi vedi la pagina in maniera sempre uguale ... mi sembra la soluzione più praticabile se vuoi mantenere tutti gli allineamenti così come li hai pensati. La sovrapposizione invece devi farla tramite i livelli (non so se hai dimestichezza con un po' di html od usi i programmi in modalità visuale).

13-09-2006, 01:01	#3
(neo) Senior Member Iscritto dal: Sep 2006 Città: Pisa Messaggi: 1270	avevo dimestichezza con html puro, ma ho dimenticato tutto in un anno che non l'ho usato per nulla e quindi ora mi sono buttato un pò sul visuale.. Quindi al posto della percentuale cosa dovrei scrivere? E il fatto dei livelli me lo puoi spiegare se non ti dispiace? Qualcosa tipo photoshop per dire? Con i livelli su cui si lavora separatamente? Non l'avevo mai sentito per l'html..

13-09-2006, 09:39	#5
Raist78 Senior Member Iscritto dal: Apr 2004 Città: Terni Messaggi: 566	Dunque per il discorso della larghezza in pixel è sufficiente che nella tabella più esterna della pagina imposti al posto di <table width="100%"> (ho messo una percentuale a caso, magari hai una dimensione minore) imposti <table width="numero di pixel di larghezza"> (quindi 800 se vuoi che sia larga 800 pixel, 1024 etc ). Per il discorso dei layer preferisco indirizzarti ad una guida abbastanza facile spiegata passo passo: http://www.softwareplanet.net/php/mo...dl=231&parte=1 Spero che possa tornarti utile. Ciauz

13-09-2006, 12:47	#7
Raist78 Senior Member Iscritto dal: Apr 2004 Città: Terni Messaggi: 566	Allora secondo me c'è un problema di fondo ... i siti in generale vanno costruiti dentro delle tabelle e non come se fosse un foglio vuoto, quindi si usano dei table annidati ... questa è la base da cui parto, quindi io non parlo di impostare la distanza dal bordo, ma la larghezza della tabella più esterna ... entro cui metterai altre tabelle che stavolta puoi impostare in maniera percentuale, tanto hanno un limite massimo in cui variare. Il discorso dei layer è l'unica soluzione in html per fare quello che vuoi , quindi con zindex, altrimenti devi fare con i css mettendo come sfondo di tabella (secondo lo standard w3c quindi non usare il background nel tag della tabella, ma usalo nello style sheet) l'immagine che tu desideri utilizzare, poi nella pagina userai quello che ci vuoi scrivere. Stando a quello che dici secondo me è sufficiente, piuttosto che andare a complicarti la vita con i layer, che utilizzi i CSS e i background e che impagini tutto secondo tabelle. Però non so se ho capito bene quale è il problema...

13-09-2006, 14:43	#8
(neo) Senior Member Iscritto dal: Sep 2006 Città: Pisa Messaggi: 1270	Si probabilmente hai capito il problema, dovrebbe essere come dici tu. Allora, siccome ora mi sono abbastanza incasinato perchè devo fare un sito per una società, e mi devono pure pagae, gli ho detto che glielo faccio, mi hanno già dato i dati, foto e tutto il resto.. Ma sto fatto che si spostano le immagini nel ridimensionamento l'ho notato solo ora poichè avevo fatto solo un paio di siti fin'ora.. Io cmq non ricordo di avere mai usato le tabelle come dici tu. Cioè io metto uno sfondo, del testo, e delle immagini, dei link, tutto nella stessa pagina, e i link mandano ad altre pagine. cioè html di base terra terra proprio, però sapendo usare il photoshop in passato mi erano venute delle cose carine perchè con delle belle immagini compensavo l'elementarità della struttura del sito. Cmq, facciamo così, cosa mi consigli di leggere per imparare a creare decentemente un sito anche elementare? La guida di html.it non è il massimo, anche se qualche spunto si trova, e in giro per la rete non ho trovato niente di molto allettante, ma tu mi sembri abbastanza preparato magari mi sai consigliare meglio.. grazie cmq..

13-09-2006, 15:54	#10
Raist78 Senior Member Iscritto dal: Apr 2004 Città: Terni Messaggi: 566	Non sapendo indicarti una guida precisa, visto che per mia esperienza mi sono basato su esperienza e consigli di amici programmatori, mi limito a darti qualche dritta, sperando che sia utile: diciamo che la strutture fondamentale di un sito si costruisce in genere dentro a delle tabelle annidate. In questo secondo me ti dà una forte mano dreamweaver perchè senza avere conoscenze assurde ti sà indicare come modificare i tag senza troppo codice. Dentro quest'ossatura composta di tabelle ti trovi in condizione di poter fare proprio quello che tu dicevi, ossia una struttura che anche cambiando risoluzione rimanga la stessa. Il discorso delle immagini e un testo sovrapposto è abbastanza facile perchè basta che tu dai uno stile alla riga, alla colonna che ti interessa, specificandogli l'immagine di background e il testo che ti interessa. Per il background puoi usare o un css esterno, specificando (secondo lo standard w3c, non parlo di tag fuori standard, altrimenti rischi che il tuo sito possa essere visualizzato correttamente solamente da un determinato browser di cui non farò il nome) nei td (ossia le colonne) le class di appartenenza, oppure specificando lo style e il background della casella della tabella. Per una guida alle class e allo style ti rimando qui: http://www.diodati.org/w3c/raggett/style.asp che altro non è che la traduzione di un articolo del w3c. Spero che queste due cose possano esserti utili per cominciare.

13-09-2006, 16:07	#11
(neo) Senior Member Iscritto dal: Sep 2006 Città: Pisa Messaggi: 1270	Mm.. sembra interessante. Allora stasera me lo leggo per bene e poi cerco di mettere in pratica qualcosina.. Grazie mille per le dritte! Io cmq DEVO fare questo sito di cui ti parlavo prima, ma ho un pò ti tempo, quelli mi hanno detto anche un paio di mesi.. ma io pensavo di farlo in un paio di giorni come ho fatto in passato usando qualche template e ps... Quindi se avrò problemi solleverò ancora questo post ok? Oppure se vuoi mi puoi dare il tuo contatto msn così ti romperò le scatoline in privato qualche volta...

Strumenti
Mostra una versione stampabile Invia questa pagina per email