slicing problemi gif animate

[Caluk]

Ciao raga, sto entrando nel mondo della creazione dei siti web, e sto cercando un metodo per creare un layout di un sito web.

Girovagando su questo fantastico sito ho trovato la tecnica dello sclicing. Allora mi sono messo con photoshop ho creato la grafica della home e ho iniziato a fare pratica con lo slicing.

Poi, mi è venuto in mente di mettere qualke gif animata, ed ecco ke qui sorgono i primi problemi.

Ho creato delle nuvole animate e fino a qui tutto ok, poi ho fatto l'animazione a un sole, ke è composto da tante parti di immagine (appunto per lo slicing) e l'animazione offline su browser è perfetta, quando lo metto online sballa tutto.

Per farvi capire il problema dell'animazione che ha il sole potete andare qui

www.revivalviaggi.com/revival2 questo è il lavoro ke sto facendo.

Come posso risolvere? Lo slicing è fuori moda o esistono altre tecniche per creare layout di siti web tipo con i css?

grazie anticipatamente

[r.daniele]

Stai facendo una cosa molto amatoriale.Ti dico subito che gif cosiì pesanti sono una pessima idea,come lo è impaginare il layout con le tabelle.

Lo slicing è fuori moda o esistono altre tecniche per creare layout di siti web tipo con i css?

Si devi usare i CSS

[ryan atwood]

Sinceramente non mi piace... Lo vedo infantile!
Per creare un sito professionale e di impatto devi usare i CSS, HTML
Per iniziare potrebbero bastare...
Ciao

[Caluk]

allora per quanto riguarda il fatto che sia infantile o meno non è problema mio perchè me la vogliono far fare espressamente così

questa è la grafica della home, che io sto integrando su una pagina di joomla, visto che ancora nn sono bravo a creare un template con css e robe varie da integrare perfettamente su joomla, ho copiato la tabella dell'html generatomi da photoshop, al'interno di un articolo e l'ho messo come home.

Purtroppo, visto che mi fanno fretta, se vado a perdere tempo con i css nn la finisco più, quindi devo cercare di tamponare per adesso e di andare successivamente a trasformare tutto con i css

se mi indicaste una guida in modo tale che io riesca a trasformare questo layout con i css ve ne sarei grato

quello che volevo sapere da voi è se posso risolvere in qualche modo sto problema del sole che si vede male, oppure mi conviene eliminare la gif nel sole.

vi ringrazio per l'aiuto che mi state dando e rinnovo i complimenti per questo sito che è veramente pieno di risorse

[andrew low]

http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

[Caluk]

grazie andrew, adesso mi seguo questi tutorial

nel mentre nessuno mi può dire come risolvere il problema del sole???

grazie

[ryan atwood]

Originariamente inviato da Caluk
grazie andrew, adesso mi seguo questi tutorial

nel mentre nessuno mi può dire come risolvere il problema del sole???

grazie

Io non ho capito che problema ha il sole...
A me sembra corretto!

[Caluk]

corretto??????

ehm, con ke browser lo visualizzi? visto che con IE7 e Firefox 3.0.6 e Google Chrome l'animazione sfasa?

nn ci sto capendo niente, io offline lo vedo perfetto, online no, tu e altri mi dite ke il sole è perfetto, altri mi dicono ke sfasa O_O

Il problema è ke il sole è composto da tante gif, ossia, con lo slicing, ho tagliato il logo in tante strisce, e quindi quando poi il browser va a ricomporre l'immagine, l'animazione del sole è sballata; ma questo solo online, ed evidentemente nn tutti lo vedono sballato visto che tu mi stai dicendo ke lo vedi bene.

Ora è chiaro che per risolvere io dovrei creare una gif soltanto per quanto riguarda il sole, ma se faccio così allora nn posso continuare con il metodo dello slicing

Per caso tramite css esiste un modo per dare alle diverse immagini (bottoni, sole, nuvole) delle posizioni assolute all'interno di un div? In modo ke, anche se non c'è la tabella, non mi sballano le posizioni nel layout? Perchè se esiste questo metodo metto solo le animazioni come gif e il resto in jpg in modo da avere una home più leggera.

Scusatemi se faccio queste domande, ma sono agli inizi

[Myaku]

Originariamente inviato da Caluk
ehm, con ke browser lo visualizzi? visto che con IE7 e Firefox 3.0.6 e Google Chrome l'animazione sfasa?

nn ci sto capendo niente, io offline lo vedo perfetto, online no, tu e altri mi dite ke il sole è perfetto, altri mi dicono ke sfasa O_O

......

qui si discute sulla grafica, le tue domande riguardano il codice.
Intanto ti sposto, ma tieni presente che, come ti hanno già detto, stai sbagliando approccio.
Non puoi pretendere di avere un sito crossbrowser utilizzando il codice generato da un programma tipo photoshop. Già fanno un casino i software che si autodefiniscono "per creare siti", figuriamoci uno che è nato e vive per fare altro ...

Inoltre, a mio avviso utilizzare lo slicing (nella maniera che prevede prendere tutta la grafica e dividerla in rettangoli da ricomporre a mosaico) ad oggi non è più adatto.
Poteva andare bene quando si utilizzavano le tabelle per impostare il layout, ma adesso è una pratica che può essere evitata.

[Caluk]

si infatti lo so che non è l'approccio giusto, ma purtroppo, come ho detto in precedenza, se adesso mi metto a perdere tempo non ce la faccio più.

cmq adesso ho risolto rendendo anche più leggera la pagina, e in effetti è una tecnica che potevo usare prima -.-. Ho creato una gif di sfondo animata, e ho posizionato solo i link con lo slicing. Quindi adesso il browser al posto di ricomporre tutta la home, ricompone solo i link :P.

Per quanto riguarda l'impostazione con i css, se io vorrei creare una home come questa, quindi mettendo i link in una determinata posizione rispetto al logo, come faccio? Posso dare delle coordinate? Oppure si fa tramite div diversi per ogni link?

Se mi dite questo inizio a convertirla con i css

Grazie ancora