NOTAR pagina due

[mar]

Allora vi spiego:
guardare a risoluzione 1024x768
l'ho fatto con quella di Felice appunto!

Il risultato "visivo" estetico-grafico, deve essere quello perche' lo ha visto e ha confermato che va bene!

Veniamo al punto cruciale!

Ho cercato di guardare le varie guide e ho messo lo style nella pagina,poi magari lo mettiamo esterno! L'ho messo nella pagina per fare prima per il momento!

Il nuovo editor non riesco ad usarlo e mi sto stampando una guida!

L'ho fatto un po' con front page un po' con l'altro!

Il risultato del codice sara' un miscuglio pero' mi sto avviando dato che ho riscontrato molte cose di cui vi chiedo spiegazione!

1) Non ho capito bene la differenza fra classi e id
2) il container e il content devono essere sempre usati nelle pagine?


Nel codice ho sbagliato a nominare le immagini ,quelle numerate,ho tralasciato il due quindi risultano nove anziche' otto,ma lasciamo cosi' se no devo cambiare tutto!A parte che dovro' cambiare sicuramente molto!

Allora posto la pagina e volevo chiedervi se mi spiegate gli errori e le modifiche in modo che poi possa capire cosa avete fatto!

Ok il link è questo:mi raccomando la risoluzione altrimenti lo vedete sballato!

Non sei autorizzato a vedere i links. Registrati o Login

I loghi sono linkabili,sulla banda stavolta non ci va nulla!

Vi ringrazio e vi mando uno sfraccolo di baciotti!

[bloum]

   me 
Dunque la differenza tra la classe ed un id sta nell'univocità di quest'ultimo.....
cioè una classe è applicabile a più oggetti, un id è solo ed unico
Il container dovrebbe stare in tutte le pagine e serve a definire la struttura, nel tuo caso la 1024 appunto, altrimenti come in questo caso si vede bene a 1024 ma se sposti un pelino...... meglio che non te lo dico. Vedi mar, capisco che tu e Felice lo vediate a 1024, ma non puoi obbligare gli utenti ad usare quella risoluzione, dovrai fare in modo che anche a risoluzioni maggiori la pagina non si sballi
Il content è ciò che deve essere contenuto nel container, quindi tutti i tuoi box
Poichè un uccellino mi ha detto che micdas si è già lanciato nella scrittura della pagina, vediamo cosa combina, alle brutte ci metto la mia tastiera 
 

[mar]

Ciao Laura!

Si' immaginavo n'apocalisse!
Il problema è che guardo un po' una guida un po' l'altra,se guardo una poi non trovo una cosa,guardo l'altra e mi manca un'altra cosa! Allora uso gli esempi poi cambio i parametri finche' vedo il risultato alla risoluzione richiesta per far vedere a Felice!

So chiaramente che non è il metodo giusto ma manca una guida che insegni proprio passo passo, ed essenziale che non ti faccia perdere nei meandri delle complicazioni come cappuccetto nel bosco!

Ho capito lo scopo dei fogli, la sintassi,in generale ci sarei , non posso dire di essere ancora all'oscuro come prima pero' ho una miscellanea inestricabile!
E' metterli in pratica che mi risulta difficilissimo!

Ci vorrebbe proprio una guida con esercizi proprio dall'inizio ,problemi da risolvere,prima piccoli poi piu' complicati!

Insomma come a scuola!

Lo so che a voi sembra strano, ma c'è anche chi ,come me,ha bisogno di spiegazioni piu' semplici perche' prima di arrivare a creare da soli ce ne vuole!

Certo dipende da persona a persona ed io,evidentemente proprio con queste cose son negata ma appunto per questo VOGLIO riuscirci!

Vi ringrazio per la pazienza,ok con le vostre correzioni poi vedo cosa ho combinato e chissa' che abbia un'illuminazione!

Bacioni e buona giornata!


PS Ho una domanda importante:
tra i links che mi hai segnalato non in tutti quando si parla di Layout liquido ( o elastico ,non so!) nominano container e content perche' non lo trovo in tutte le guide ?

Io credo da  scolara dura che manchi una guida illuminante,semplice,sintetica per duri da rammollire!

 

Non c'è non c'è !

[bloum]

  mar
questa volta ti ho preparato la struttura, sarai tu che dovrai inserire i contenuti e regolare le grandezze dei contenitori...
I contenitori avranno nomi  "particolari", questo per farti capire che non è il nome che fa un div 
Non sei autorizzato a vedere i links. Registrati o Login trovi lo zippetto, fai e disfa come meglio credi, basta che dopo mi lasci "casa" in ordine 

P.S. Mike consiglio di scaricarlo e studiarlo, non si sa mai nella vita.....

Dopo la mia follia quotidiana, vi lascio ai vostri studi e torno ai miei impegni semi-seri 

[fadamia]

Studiare non fa mai male, capire lo stesso, indi-poscia-per cui, lo ZIP me lo prendo anch'io.
 

[mar]

Grazie Laura sei una profe portentosa!

Stanotte vedo se concludo qualcosa di decente! Speriamo bene!

 

[bloum]

  mar
Attenta però che nel codice c'è un trabocchetto, sta a te capire quale 
 

[mar]

Con i "nomi dei div" credo che tu mi abbia illuminato!

Al trabocchetto non ci avevo pensato,vedro' in quale"stanza" si trova!

[micdas]

    

[mar]

Son qui profe!  
Dopo aver trasportato mobiletti e tavolini tutta notte......
Credo di aver centrato bagno e cucina, ma non il salone!

Ora si vede anche alla risoluzione 600x800 oltre che 1024x768 ma le altre no!

Il trabocchetto non l'ho manco trovato ,figurati se vedo il trabocchetto!
Ho capito cosa sono container e content ma sono ancora lontana e fuori dal mondo!

Vabbeh  ' colo qui:
Non sei autorizzato a vedere i links. Registrati o Login
Bacioni!

[bloum]

 
ok vediamo se Non sei autorizzato a vedere i links. Registrati o Login di micdas ti illumina d'immenso.
Attenzione al codice, lui non è caduto nel tranello e ha provveduto a modificare giustamente il codice 
Dai su ragazzi, ce la potete fare 

[mar]

Ciao Laura!

Gli altri ragazzi ce la fanno di sicuro! 

Mike poi!

Grazie :dopo guardo l'esempio,chissa' che possa avvenire un miracolo!  

Al massimo vado dietro la lavagna!

[bloum]

  mar
ce la fai anche tu ne sono sicura 
Al massimo andiamo tutti dietro la lavagna per un corso intensivo 

[mar]

 

Ok grazie per la solidarieta'!

Stanotte ristudio!

Dopo pero' passo per scrivere alcune domande!
Besos!

[Loretta/Nina]

 Mar - Laura - Mike ........  ecco chi mi viene in mente ....IL TRIO LESCANO! 

me fate morì dalle risate .....  siete troppo forti ragazzi................. 

ps per Mar: un piccolo indizio...... controlla i div 


ps per Laura: per la guida che stai scrivendo, mi hai fatto venire in mente che sarebbe una bella idea scriverla come fosse la costruzione di una casa, penso che per chi è ha digiuno di codici html css ecc.... forse è di più facile comprendonio .... che ne dici?   

adesso che ho detto la mia, 
mi piglio un caffè  vi saluto 
e vado via

[micdas]

ps per Mar:.............
ps per Laura:...........
ps per Mike ..........?????????

Beh il ps pe mike lo scrivo io 
Non mi permetterò mai di svelare dove sta il trabocchetto. Mi limito a dire solo di non usare un CSS ibrido ma di usare solo quello abbinato alla pagina. In questo modo si fa meno confusione. Se poi servono altre regole verranno aggiun te a questo.
In ogni caso la struttura del codice HTML dovrebbe essere più lineare (non scrivo qui le giuste sintassi per non svelare il trabocchetto, la la sola sequenza che, secondo me, deve essere usata):

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

monolocale      aperto
         cucina ........ colonna di sinistra    aperto e chiuso
         bagno ......... colonna di destra    aperto e chiuso
         salone ......... colonna centrale    aperto e chiuso
         <br class="clearfloat" />

         cucina ........ colonna di sinistra    aperto e chiuso
         bagno ......... colonna di destra    aperto e chiuso
         salone ......... colonna centrale    aperto e chiuso
         <br class="clearfloat" />

         cucina ........ colonna di sinistra    aperto e chiuso
         bagno ......... colonna di destra    aperto e chiuso
         salone ......... colonna centrale    aperto e chiuso
         <br class="clearfloat" />

        il bannerino rosso finale
monolocale      chiuso

In questo modo il codice della pagina risulta più leggibile e, soprattutto, le informazioni verranno allineate, automaticamente e senza  bisogno di allinearle in modo forzato, a tre a tre su ogni riga

 

[mar]

Allora adesso vi scrivo due o tre o quattro parole poi vado a studiare!

L'idea di Loretta è forte: infatti il monolocale mi ha svelato molte cose anche se dal risultato pratico non sembra!  Comunque faccio un breve riassunto di quello che sommariamente ho capito,se dico "sfondoni" ovviamente significa che invece non ho capito!

Dunque:
 il container nell'esempio di Laura era il monolocale e il content le stanze!
Il main content era il salone?
Vabbeh in generale i div sono contenitori dentro cui vanno altri contenitori con gli oggetti che compongono la pagina!

E' giusto fino qui?

Il layout liquido sarebbe un contenitore che si dovrebbe adattare ad ogni risoluzione!

Fin qui ,se è giusto avrei capito!

Sono le caratteristiche da dare a questi contenitori che ancora non ho imparato affinche' siano fluidi!

Nell'esempio di Laura non ho capito poi le classi che nel codice avevano davanti br,non ho capito cosa vuol dire!

Il trabocchetto forse riusciro' a trovarlo confrontando il compito svolto da Mike!


Ora vado a studiarmi l'esempio di Mike,con il post che ha aggiunto dopo!

Sperando che qualcosa di quello che ho scritto sia giusto confido nella notte che mi porta consiglio!


Intanto vi ringrazio tutti e vi mando un container di baciotti!

[bloum]

  mar

L'idea di Loretta è forte: infatti il monolocale mi ha svelato molte cose

devo iniziare a pensare ad una guida tipo "Progetto casa nel-web (HTML)" affiancata da "Designer casa nel-web (CSS)" 

Dunque:
 il container nell'esempio di Laura era il monolocale e il content le stanze!
Il main content era il salone?
Vabbeh in generale i div sono contenitori dentro cui vanno altri contenitori con gli oggetti che compongono la pagina!

E' giusto fino qui?

Il layout liquido sarebbe un contenitore che si dovrebbe adattare ad ogni risoluzione!

Fin qui ,se è giusto avrei capito!

brava, vedi che anche tu ce la fai

Sono le caratteristiche da dare a questi contenitori che ancora non ho imparato affinche' siano fluidi!

Credo sia troppo presto per te, in realta basta esprimerle in %, pero tieni a mente che con il testo non ci sono problemi, con le immagini diventa un casino. Non a casa all'inizio di questa avventura, ti ho consigliato di usare una struttura 1024x768, quella preferita da Felice, se poi si abbassa compariranno le barre orizzontali, ma se superiore, rimarrà sempre 1024 magari centrata nella pagina. Se poi ti sei votata al suicidio totale non hai che da dirlo......
.... mi sembra di ricordare che sono occupata per i prossimi.....anni

Nell'esempio di Laura non ho capito poi le classi che nel codice avevano davanti br,non ho capito cosa vuol dire!

Quello è un codice particolare, che Mike ha usato nelle singole classi, e serve per azzerare eventuali spostamenti a destra o sinistra nei div successivi a quelli che contengono la proprietà float

Il trabocchetto forse riusciro' a trovarlo confrontando il compito svolto da Mike!

Beh mike non ti ha messo il codice, ma leggendolo con attenzione sarà semplicissimo trovarlo, come ulteriore aiuto, ti dico che mi avevi chiesto la differenza tra le due tipologie di codice.
Buono studio, intanto ti offro questo 
 

[mar]

Grazie Laura!
Ho fatto una pausa e mi serviva proprio un buon caffe'! 

Sono contenta di aver capito un pochino!

Ora torno al mio studio,all'alba ti comunico l'esito!

Buona notte a te e a tutti!

[mar]

Forse ho scoperto l'inghippo:
i locali stanze Mike li ha impostati come classi e non come id?

Vabbeh vedro' se ho indovinato!

[bloum]

Bravissima, e ora dirmi perchè le ha passate in classi da id?
La risposta sono sicura che la sai 
 

[Loretta/Nina]

Forse ho scoperto l'inghippo:
i locali stanze Mike li ha impostati come classi e non come id?

Vabbeh vedro' se ho indovinato!

  bravissima!!!!! 

[micdas]

         

[fadamia]

Brava, brava,
tu sei tanto  brava....
 

[mar]

Ciao raga!

Vabbeh brava diciamo un po' schiarita....forse!Suoniamo le campane!

Allora Laura ti dico :credo le abbia impostate come classi perche' si potessero ripetere piu' volte!

Adesso se ho sbagliato mi sparate!

Dopo ho delle domande!