Allora: chiedo supervisione e assistenza al mio operato!

[mar]

  Laura!

Comincia ad entrarmi qualcosa dopo aver consultato tutte le guide che mi hai indicato! Ho visto i contenitori, le spiegazioni per le diverse risoluzioni!Cioe' lo scopo dei css l'avrei capito in generale!

Pero' da mettere in pratica, aiuto, devo scegliere la guida piu' semplice e con esempi proprio passo passo! Cioe' bisognerebbe fare qualche esercizio per provare!
 


Per ora è ancora molto confuso il procedimento!
Ti dico i prossimi giorni se m'illumino d'immenso!

Grazie mille per la pazienza poi cambiamo topic questo diventa chilometrico!


Buonanotte a te e a tutti,se passano di qui:

[bloum]

  mar
già se inizi a comprendere qualcosa è molto.
Per la guida passo passo, temo dovrai aspettare la mia guida, perchè in giro anche se semplici, non ti guidano per mano.
Però potresti intanto fare una prova costruendo un sito con fp e andare a mettere lo style, che lui mette nel codice, in un foglio a parte; insomma inizia a sperimentare
Quando ti serve qualcosa sai dove trovarmi e non preoccuparti per il post Kilometrico.
 

[mar]

Ciao Laura!

Si' infatti provo poi ti sottopongo le prove!

Ho una domanda a proposito della nostra "index in corso",per favore potresti dirmi come vedi la pagina dopo che ho ridotto la dimensione dei fotogrammi?

Non sei autorizzato a vedere i links. Registrati o Login

Con la mia li vedo perfetti:cioe' devono terminare ai due lati con i buchi della pellicola!

Mi ha inviato un messaggio Felice( l'homo ha un nome)per dirmi che da una parte i fotogrammi non li vedeva finiti!

IL resto delle modifiche mi spiega sabato al PC!

Grazie a dopo

[bloum]

  mar
i fotogrammi non potremo mai vederli tutti alla stessa maniera, ovvero mi spiego
a 1024x768 (risoluzione standard per gli attuali visitatori) i fotogrammi finiscono
a 1600x1200 (risoluzione che uso io) i fotogrammi sono spezzati
ma ripeto, ti puoi anche mettere in croce, non avrai mai un risultato omogeneo
Soluzioni
A - ti fai dire che risoluzione usa, si fa la pagina per quella risoluzione, e pregando che non lo veda su altri pc hai risolto
B - costruisci un contenitore da 1000px, ci metti come sfondo i fotogrammi, e il resto si fa uno sfondo che riprenda il grigio dell'immagine
Se ho due minuti di tempo ti preparo questa soluzione e sabato gli spieghi bene le cose come stanno.
Altre alternative non ce ne sono, non possiamo mica cambiare le regole noi 
 

[mar]

Infatti mi stavo chiedendo come fa uno che deve costruire un sito a far entrare tutto  nelle varie risoluzioni! 

L'idea tua di un fondo grigio e sopra i fotogrammi sarebbe bella,comunque chiedo a lui,oppure usare l'immagine dell'automobile ma non in fotogrammi!

Ok vedremo cosa dice!
 

[mar]

Sto studiando profe! 
Comincio a capire la sintassi , da vedere sembrerebbe non difficile da fare emh non so da dove cominciare!

Devo pur iniziare a fare una prova altrimenti solo leggere gli esempi non mi serve!

Comincero' a scrivere qualcosa magari colorato ecc pero' non ho ancora ben capito quanti e quali fonts si devono mettere !

Ti faccio una domanda a prescindere dalle mie prove che saranno all'inizio disastrose ma fa niente,allora la domanda è questa:

mentre si fa il sito allora come si fa ad essere sicuri che la pagina che stai facendo la vede ,sebbene non identica ma comunque decente,anche chi ha altre risoluzioni?
Sta cosa della risoluzione adesso mi blocca,ho un blocco-risolutivo

[bloum]

  mar
iniziando dal fondo, cioè dal blocco risolutivo, la soluzione più semplice è costruire un sito fisso alla risoluzione minima adottata dalla massa, cioè allo stato attuale alla risoluzione di 1024 x 768. La forma sceglila tu, una tabella o un div container.
Risalendo, ancora non hai provato a pastrochiare codice?  e io che faccio  vado al

Devo pur iniziare a fare una prova altrimenti solo leggere gli esempi non mi serve!

Come dicona dalle mie parti "quanno te sbrighi fai sempre a tempo!" 
Dai su, coraggio, tutti all'inizio abbiamo fatto i disastri, ma se non cominci non impari
Su maestra! Forza e coraggio 
 

[mar]

Son qui col primo pastrocchio,lo so è proprio da asilo ma devo pur cominciare!

Non sei autorizzato a vedere i links. Registrati o Login

 

Profe dimmi tutto poi vado avanti!Non so dove ma continuo ad esempio ingrandire il testo!

Gli altri per favore non sghignazzino!

[bloum]

  è un buon inizio
se non usi immagini puoi usare anche il layout liquido, continua a provare e prova anche a fare delle tabelle con i fogli di stile
Vai colpisci e torna
 

[mar]

Laura perche' non vedo nel codice la chiusura di body e html?
Eppure li ho messi!

Grazie ora proseguo!

[bloum]

Laura perche' non vedo nel codice la chiusura di body e html?
Eppure li ho messi!

boh, eppure mancano 

[mar]

Li vedo in anteprima,li ripubblico  ma nun ce stanno!Non capisco l'inghippo,ho provato anche a cancellare la pagina e ripubblicarla,boh ,non lo so! 
Eppure nell'anteprima li vedo!

Sto provando le tabelle........prima dell'alba dovrei arrivare!
Non so di quale giorno,profe lo so che per te è una pinzillacchera ,per me è una confusione in via di scioglimento ma sempre confusa!

[_jan_]

Il bello è che non ci sono né errori...né avvisi di errore.... 

[micdas]

Ciao Mar 
sto seguendo con molta discrezione questa discussione ed ora mi decido a dire quel che penso sulla creazione delle pagine WEB.
Personalmente lavoro con un editor che mi consenta di lavorare sia in modo visuale che in modo testuale. Ossia Questo editor mi permette di lavorare sia come se fosse un WORD sia come se fosse un semplice Blocco Notes.
Però la regola che io uso con questo editor è quella di tener sempre sotto controllo sia la parte visuale che quella del codice.
Un documento nuovo ha sempre questo codice:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>

<body>
</body>
</html>
A questo punto, a parte i codici aggiuntivi (CSS, JS, Metatag specifici, ecc) che debbo mettere tra

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<head>
.........
</head>il mio lavoro comincia sempre tra i tag

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<body>
............
</body>Di conseguenza un mio semplice lavoro potrebbe esprimersi in questo modo:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>

<body>
<p>Ciao mondo</p>
</body>
</html>
Che a schermo mostrerà il messaggio:
Ciao mondo

Da tutto questo discorso arrivo alla conclusione:
tutta la pagina è racchiusa nel tag:
<html>
</html>

tra questi tag ci sono 2 porzioni di codice:
<head>
</head>

<body>
</body>
quindi abbiamo:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<html>
<head>
..........codice per il governo della pagina
</head>

<body>
............ codice dei contenuti della pagina
</body>
</html>
Una volta superate queste premesse possiamo cominciare a valutare l'idea di addentrarci in altre argomentazioni che riguardano la formattazione dei contenuti della pagina ed eventuali effetti speciali, usando script che riguardano i CSS, JS, JAVA, Audio, Video e quant'altro.

Premetto che io oltre a certi lafori di formattazione ed effetti non riesco ad andare oltre i CSS ed i JS cercando di copiare e modificare script che riguardano questi due ambienti.

 

[mar]

Arieccomi! Grazie Mike!
Mi fa piacere leggere il tuo post!Molto chiaro è sintetico il tuo schema:grazie!

Stavo provando con Laura a comprendere come funzionano i css! La struttura di base di html dovrei ,anche se con molte sviste
averla un po' imparata!
Con sviste, infatti le "avrai viste le sviste" 



Per Mike ancora:
il problema dei fogli di stile è sorto perche' dovendo aiutare un amico a creare il suo sito avevo chiesto qui di controllarmi,avevo fatto la pagina di presentazione :io la vedevo in un modo,come pensavo di averla fatta,invece con altre risoluzioni si vedeva una cosa orrenda!

[mar]

Tra un po' metto la pagina come dovrebbe risultare,deve dirmi ancora alcune modifiche! 

Quando mi dice Ok la posto cosi' potete vedere come la vuole!Un po'diversa da prima! Il mio codice sara' un miscuglio allucinante ma è solo per mostrarvi il risultato finale! Cosi', se vi va e quando avete tempo, potete correggermi coi fogli di stile!

Grazie,nel frattempo continuo le mie prove( pagina in rosa!) partendo dai "fondamentali"!

[mar]

Allora son qui con la pagina della Notar!
La risoluzione di Felice è 1024x768 ed io l'ho fatta con quella,la mia è 600x800 infatti me so' mezza cecata!

Il codice l'ho fatto con quello che sapevo fare quindi detto alla padana:"L'è un fricandoch"è solo per mostrarvi come deve essere lìestetica della pagina,manca ancora la freccetta enter che mi ha detto va messa sulla banda rossa all'estrema destra!

Come potete verificare io ho inserito quello pseudosfondo come immagine e il vero sfondo è grigio non sapendo ancora fare il famoso box liquido !

Ok esprimetev esprimetev esprimetev grazie!

Non sei autorizzato a vedere i links. Registrati o Login

[micdas]

Ciao Mar 
In attesa della tua pagina rosa ho elaborato una paginetta con due colonne, di cui una è liquida per adattarsi a qualsiasi risoluzione ed a qualsiasi schermo (spero almeno perchè io uso solo uno schermo a 17' ed con risoluzione a 1024.
Premetto che in un sito ci possono essere diversi fogli di stile, uno per ogni esigenza, ed anche più di uno per ogni pagina.
La pagina la si può vedere a Non sei autorizzato a vedere i links. Registrati o Login.
Non ho lavorato sulla Home ma ho preferito lavorare su una pagina che può essere usata all'interno del sito. Per la Home penso sia perfetta quella di Laura.

Premetto che io non so creare da zero un layout completo per una pagina, in questo Laura e Nina sono grandi maestre 
Nel mio lavoro, trovato un CSS semplicissimo, l'ho elaborato lavorando con le immagini.
Ho scelto questo modello perchè mi ha permesso di usare le immagini in 3 modi diversi:
Lo sfondo della pagina (nel body):

Codice: Non sei autorizzato a vedere i links. Registrati o Login

body {
background-image: url(../img/erba.jpg);
background-attachment: fixed;
.................
}
In questo modo l'immagine viene ripetuta nella pagina sia in larghezza che in altezza. Però rimane fissa (ossia non scorre con la pagina) Se si desidera che scorra assieme alla pagina basta togliere "background-attachment: fixed;"

La testata della pagina (nella #testata)

Codice: Non sei autorizzato a vedere i links. Registrati o Login

#testata {
background-image: url(../img/top.jpg);
background-repeat: repeat-x;
background-position: 0 0;
.....................
}
In questo modo l'immagine viene ripetuta in tutta la larghezza della pagina

La colonna di sinistra (nel #telaio)

Codice: Non sei autorizzato a vedere i links. Registrati o Login

#telaio {
background: #EDE3D1 url(../img/left.jpg);
background-repeat: repeat-y;
background-position: 0 0;
............
}
In questo caso l'immagine viene ripetuta per tutta l'altezza della pagina
Qui ho preferito usare il #telaio invece del #sinistro perchè, se la colonna di sinistra ha meno contenuti di quella di destra, e rimane quindi più corta, il rimanente spazio sottostante la colonna di sinistra rimarrebbe vuoto.

Nell'ultimo esempio che ho usato ho centrato l'immagine nel contenitore dello sfondo

Codice: Non sei autorizzato a vedere i links. Registrati o Login

#fondo {
background: #FFF url(../img/rosa.jpg);
background-repeat: no-repeat;
background-position: center;
....................
}

Nella pagina non sono stato molto diligente nella scelta dei colori e delle immagini, ma ho fatto in modo che i singoli elementi siano ben riconoscibili. Questi possono essere facilmente cambiati secondo la necessità.
Naturalmente la mia non vuole essere la pagina di presentazione del sito, ma solo una delle pagine interne. Per la pagina di presentazione credo che sia ottimo l'esempio che ha fatto Laura.
Il mio vuole essere solo un piccolo contributo sull'uso e la collocazione delle immagini nel CSS
Infatti, come ho detto all'inizio, non sono molto bravo in questo e debbo inchinarmi alle mie maestre.

Spero che questa chiacchierata ti sia utile

 

[bloum]

  mar
ti dispiace se ti rispondo domani nel tardo pomeriggio?
La disquisizione si fa importante, anche alla luce di quanto postato da Mike, che è un livello leggermente più avanzato, e richiede tempo, ed io fino a domani tardo pomeriggio sono con la testa altrove.
Confido nella tua comprensione, tanto se hai qualche dubbio hai valide persone che ti supportano
 

[mar]

Grazie Ragazzi!Siete davvero molto gentili!

 

Pure io torno piu' tardi !Intanto grazie , a stasera con domande e risposte

[bloum]

  per favore buttare Front page nel c........ e provare con altro editor.
La pagina è tutta da rifare, ma per curiosità perchè hai fatto un'iimmagine unica del fondo e del logo?
Cerco in serata al max domani di sitemare la pagina
 

[mar]

Scusatemi se ieri non sono piu' passata ma un problema altrove , di cui sono a conoscenza anche altri che vengono qui mi ha molto coinvolta e impedito di concentrarmi su qualunque altra cosa finche' non fosse stato risolto!Ora sembra tutto chiarificato!

A Mike :ora riguardo tutto ,ieri non ci stavo proprio !

A Laura:ho fatto quella pagina a caso( a caso vuol dire guardando e copiaincollando parti del mio sito con modifiche) fra le schioppettate solo per mostrarvi come la vuole Felice,cioe' il look! 

Il metodo non è corretto infatti una immagine deve essere sfondo ma con sotto il grigio,appunto come si vede!Cosa che non so fare e per mostrarvela ho messo tutto insieme!

Per di piu' la freccia enter che dovrebbe essere posta sulla banda deve essere cliccabile!


Per me in generale sta pagina e' "Mission impossible"!


Spero coi vostri suggerimenti di capirci qualcosa per poi fare le altre!!! 
 

PS FP l'ho messo da parte!

 

[bloum]

  mar

un problema altrove , di cui sono a conoscenza anche altri che vengono qui mi ha molto coinvolta e impedito di concentrarmi su qualunque altra cosa finche' non fosse stato risolto!Ora sembra tutto chiarificato!

solo per mostrarvi come la vuole Felice,cioe' il look!

Per di piu' la freccia enter che dovrebbe essere posta sulla banda deve essere cliccabile!

se po fa'

Per me in generale sta pagina e' "Mission impossible"!

Non preoccuparti Ethan Hunt raduna la squadra e si dirige in missione a Mantova  

Spero coi vostri suggerimenti di capirci qualcosa per poi fare le altre!!!

Certo altrimenti noi cosa ci stiamo a fare qui  

PS FP l'ho messo da parte!

Questo mi rende molto ma molto felice  
Vado colpisco e torno  
 

  dove vado se non ho le immagini separate 
va beh vado a farmi un giro

[_jan_]

Ando vaiiiiii, se la bbanana nun ce l'hai 

[Loretta/Nina]

...................

........................
va beh vado a farmi un giro

  adesso che hai un NCC nuovo di zecca e tutto luccicoso te ne vai a zonzo