-
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! :sm102:
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!
http://luisona.altervista.org/sperimentos/provauno.html (http://luisona.altervista.org/sperimentos/provauno.html)
I loghi sono linkabili,sulla banda stavolta non ci va nulla!
Vi ringrazio e vi mando uno sfraccolo di baciotti! :baci1:
-
:what: :help: me :hihihi: :hihihi:
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 :hihihi: :hihihi:
:baci1:
-
Ciao Laura! :baci1:
Si' immaginavo n'apocalisse! :sm24:
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! :sbirciare:
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! :Cartelli32:
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! :crash:
Vi ringrazio per la pazienza,ok con le vostre correzioni poi vedo cosa ho combinato e chissa' che abbia un'illuminazione! :tanks:
Bacioni e buona giornata! :baci1:
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!
:Cartelli32:
Non c'è non c'è ! :n031:
-
:bye: 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 :pensare: "particolari", questo per farti capire che non è il nome che fa un div :hihihi:
qui (http://www.nel-web.org/bloum/mar.zip) trovi lo zippetto, fai e disfa come meglio credi, basta che dopo mi lasci "casa" in ordine :hihihi: :hihihi:
P.S. Mike consiglio di scaricarlo e studiarlo, non si sa mai nella vita..... :hihihi: :hihihi:
Dopo la mia follia quotidiana, vi lascio ai vostri studi e torno ai miei impegni semi-seri :Party133:
-
Studiare non fa mai male, capire lo stesso, indi-poscia-per cui, lo ZIP me lo prendo anch'io.
:bye: :bye:
-
Grazie Laura sei una profe portentosa! :baci1:
Stanotte vedo se concludo qualcosa di decente! Speriamo bene! :stella:
:Cartelli1: :rosa: :979: :Cartelli36:
-
:tanks: mar
Attenta però che nel codice c'è un trabocchetto, sta a te capire quale :n031:
:baci1:
-
Con i "nomi dei div" credo che tu mi abbia illuminato! :Cartelli1:
Al trabocchetto non ci avevo pensato,vedro' in quale"stanza" si trova! :hihihi:
-
:rcane: :preghiera:
-
Son qui profe! :baci1:
Dopo aver trasportato mobiletti e tavolini tutta notte......
Credo di aver centrato bagno e cucina, ma non il salone! :pensare:
Ora si vede anche alla risoluzione 600x800 oltre che 1024x768 ma le altre no! :sm24: :sm24: :sm24:
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:
http://luisona.altervista.org/sperimentos/pagina.html (http://luisona.altervista.org/sperimentos/pagina.html)
Bacioni! :baci1: :Cartelli1:
-
:pensare: :pensare:
ok vediamo se l'esempio (http://win.elle2.com/public/mar_4/pagina.html) di micdas ti illumina d'immenso.
Attenzione al codice, lui non è caduto nel tranello e ha provveduto a modificare giustamente il codice :hihihi: :hihihi:
Dai su ragazzi, ce la potete fare :coffe:
-
Ciao Laura! :cat:
Gli altri ragazzi ce la fanno di sicuro! :okkey:
Mike poi! :rosa:
Grazie :dopo guardo l'esempio,chissa' che possa avvenire un miracolo! :preghiera:
Al massimo vado dietro la lavagna! :sm24: :sm24: :sm24:
-
:bye: mar
ce la fai anche tu ne sono sicura :cat:
Al massimo andiamo tutti dietro la lavagna per un corso intensivo :boccacucita:
-
:sm269:
Ok grazie per la solidarieta'! :Amore122: :Amore20:
Stanotte ristudio!
Dopo pero' passo per scrivere alcune domande!
Besos! :baci1:
-
Mar - Laura - Mike ........ :pensare: ecco chi mi viene in mente ....IL TRIO LESCANO! :rcane: :rcane: :rcane:
me fate morì dalle risate ..... :hihihi: :hihihi: siete troppo forti ragazzi................. :okkey:
ps per Mar: un piccolo indizio...... :ind: controlla i div :n031:
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? :Cartelli2:
adesso che ho detto la mia, :preghiera:
mi piglio un caffè :coffe: vi saluto :Party133:
e vado via :n013:
-
ps per Mar:.............
ps per Laura:...........
ps per Mike ..........?????????
Beh il ps pe mike lo scrivo io :rcane:
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):
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
:ciao:
-
Allora adesso vi scrivo due o tre o quattro parole poi vado a studiare! :n031:
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! :gift:
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! :bye:
Intanto vi ringrazio tutti e vi mando un container di baciotti! :rcane: :baci1:
-
:bye: mar
L'idea di Loretta è forte: infatti il monolocale mi ha svelato molte cose
:pensare: devo iniziare a pensare ad una guida tipo "Progetto casa nel-web (HTML)" affiancata da "Designer casa nel-web (CSS)" :boccacucita:
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!
:Felici81: :Felici81: 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 :hihihi: :hihihi:
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 :coffe:
:baci1:
-
Grazie Laura! :baci1:
Ho fatto una pausa e mi serviva proprio un buon caffe'! :Cartelli36:
Sono contenta di aver capito un pochino! :rosa:
Ora torno al mio studio,all'alba ti comunico l'esito!
Buona notte a te e a tutti! :bye:
-
Forse ho scoperto l'inghippo:
i locali stanze Mike li ha impostati come classi e non come id?
Vabbeh vedro' se ho indovinato! :Cartelli1:
-
Bravissima, e ora dirmi perchè le ha passate in classi da id?
La risposta sono sicura che la sai :baci1:
:bye:
-
Forse ho scoperto l'inghippo:
i locali stanze Mike li ha impostati come classi e non come id?
Vabbeh vedro' se ho indovinato! :Cartelli1:
:cheers: bravissima!!!!! :n011: :bravo:
-
:cheers: :bravo: :evviva: :hophop:
:tuffarsi:
-
Brava, brava,
tu sei tanto brava....
:vittoria: :vittoria: :Cartelli45: :Cartelli45:
-
Ciao raga! :baci1:
Vabbeh brava diciamo un po' schiarita....forse!Suoniamo le campane! :n011:
Allora Laura ti dico :credo le abbia impostate come classi perche' si potessero ripetere piu' volte! :Cartelli2:
Adesso se ho sbagliato mi sparate! :hihihi:
Dopo ho delle domande!
-
ma sei bravissima :bravo: :bravo: :cheers: :cheers:
Mar è un piacere avere un'allieva come te, meriti un premio
:n002:
:baci1: :bye:
-
:baci1:
Laura grazie,sei molto gentile! :Amore20:
Siete tutti molto "incoraggianti"! :Amore122:
Ma ti confermo che il tuo esempio con il monolocale è stata un'idea geniale! :979:
E anche Mike è molto bravo a farsi capire! :979:
Se scrivete un tutorial sullo stile "arredamento"capiscono anche i piu' cementiferi!
Perche' un paragone visivo -pratico è piu' comprensibile anche per chi non è predisposto verso il linguaggio informatico!Almeno per comprendere poi mettere in pratica è piu' difficile infatti ho le seguenti domande:
Allora :ora che ho capito pero' se tu mi dicessi di farlo da sola avrei qualche problema! :sm102:
Per la sintassi nel foglio di style la classe ha il puntino invece del cancelletto! Qui ci sono!
Ma non so pero' che caratteristiche ha dato alle classi affinche' i loghi e le figure e i box dei testi risultino cosi' ben allineati!Cioe' nel tuo foglio di style credo che Mike abbia fatto altre modifiche e li' non ci arrivo! :testate:
Parla di css ibrido pero' io conosco solo quello che hai scritto tu!Qui me so' persa !
Ok a dopo grazie! :Cartelli36: :Cartelli36: :Cartelli36: :979:
-
............. meriti un premio
:n002:
Noooooooooooo........la Nutella è mia e gliela regalo io :arr:
:n002:
-
Ciao Mar :ciao:
Parla di css ibrido pero' io conosco solo quello che hai scritto tu!Qui me so' persa !
Scusa tanto questa mia asserzione, ma mi è venuta spontanea.
Ma, a prescindere che certe regole siano presentate come classi o come id, sia nel CSS che nel codice HTML della pagina che hai presentato ed offerto alle nostre torture :dispettoso: vedo, assieme alle nuove regole CSS anche altre regole diverse da quelle del progetto su cui stiamo lavorando. Per questo mi è sfuggito :boccacucita: quell'orrido aggettivo :Amore52: :Amore52:
Comunque complimenti ancora per la soluzione dell'enigma :okkey: :vittoria:
-
Ciao Mike! :cat:
Grazie della Nutella! :cheers:
Ho altre domande:
1)Sul css della pagina che ho fatto io intendi che ci sono altri progetti che interferiscono?
Mbeh c'è un bel miscuglio che manco so come ho fatto! :scusa:
2) Allora il css da tenere per valido è quello di Laura ma devo mettere le modifiche vero?Cioe' oltre a trasformare id in classi devo fare altre modifiche credo!
Per esempio il bordo dei div dei testi !
-
:bye: mar
il css mio rispetto a quello di mike differisce di poco, semplicemente io ho messo delle misure casuali che vanno aggiustate mentre mike ha messo misure più realistiche.
Puoi usare anche quello di mike, così una parte di lavoro è già fatta.
Per quel che riguarda il css definito ibrido da mike ti do un piccolo consiglio...
prendi quello di mike per esempio, se devi aggiungere un qualsiasi elemento, classe o id che sia scrivi
/* creo la classe pincopallino per...... */
.pincopallino {
.......
.......
}
/*fine classe pincopallino */Così se un domani non ti dovesse servire toglierai dal /* tutto fino all'ultimo */
Insomma Mike vorrebbe farti lavorare in modo ordinato, almeno fino a quando con il css e l'html ti ci siederai a pranzo :hihihi:
:baci1:
-
:bye: Laura!
Ok ho capito! Si' infatti finche' non si è scafati meglio scrivere tutto e con ordine! :okkey:
Ma il css che ha fatto Mike modificando il tuo, qual'è?
Adesso mi sono di nuovo incasinata :hihihi:
Io ho solo un css, ed è il tuo, che ho provato a modificare per far corrispondere all'esempio di Mike ma , a parte sostituire cancelletti con puntini,tutto il resto non mi viene,mi viene un pezzo di grigio da una parte e tutto scombinato! :pensare:
Forse ho perso qualche passaggio? :Cartelli2:
Grazie a stasera! Baci! :baci1:
-
qui (http://win.elle2.com/public/mar_4/css/arredo.css) c'è quello di mike
:baci1:
-
Arrivo! :bye:
Grazie Laura adesso guardo e poi vi dico cosa non riuscivo a fare !
Volevo sapere questo:
cio' che determina il layout liquido è solo il contenitore?
I contenuti poi vanno adattati al contenitore senza strategie particolari ma solo sistemandoli con misure opportune tramite i div?
Vado a vedere il css di Mike! :bye:
-
Ah no sono mobili anche i contenuti ? :Cartelli2:
-
cio' che determina il layout liquido è solo il contenitore?
Il layout liquido è determinato dalle misure del "monolocale"
#monolocale {
width: 1000px;questo ti dice che il monolocale è di 1000px
se avessi scritto
#monolocale {
width: 100%;lo avresti reso liquido
Sono stata spiegata :pensare:
:baci1:
-
Si' per contenitore intendevo appunto il monolocale!
Ah ecco in percentuale ! Si' aggiu capitu! :Cartelli32:
Ok adesso devo impare a distinguere il padding e il margin senza ogni volta andare a vedere perche' non me li ricordo mai!
-
intervallo
Ciao Laura & company! :bye:
Buona giornata a tutti! :Amore20:
Allora:se non mi vedete per due o tre giorni è perche' sto riordinando le idee,mi studio la pagina,i fogli,cancello i pasticci che ho nelle cartelle,mi scrivo una lista di domande da porvi e poi provo a fare la terza pagina che è abbastanza simile alla seconda quindi dovrei non fare proprio na schifezza,errori di sicuro, ma a questo punto dovrei produrre cose decenti! :Cartelli32:
La prima pagina era la PRSENTAZIONE
la seconda sarebbe la HOME
la terza è simile alla seconda ma non ci sono foto
la quarta sara' un testo e,forse,qualche foto ma non sono sicura!
Ok raccolgo le idde poi torno! :okkey:
Bacioni di scorta per due giorni :baci1: :baci1: :baci1: :baci1:
ecc ecc ecc ecc
-
Ok raccolgo le idde poi torno!
(http://ilquadernodimike.altervista.org/_altervista_ht/idee.gif)
-
Idee in corso..... :bye:
prime domande:
1)devo modificare le distanze verticali della cucina e del salone,modificando il salone si modifica automaticamente anche la cucina?
2)margin e padding valgono per i lati destro e sinistro, in alto si usa top? Non credo perche' ho provato e non ottengo nulla! :Cartelli2:
Cioe' mettendo il testo vero il div salone rimane troppo attaccato al bordo superiore della pagina invece deve essere come nell'esempio che ho messo ,un po' piu' in basso e cosi' i loghetti devono essere piu' vicini fra loro!
3) nel testo posso usare il <br> per andare a capo?
Grazie per adesso sono a questo punto!
Besos! :cat:
-
:bye: mar
se modifichi le distanze verticali della cucina si modificherà solo la cucina, dovrai poi allineare le altre
per la differenza tra margin e padding ti rimando qui (http://it.html.net/tutorials/css/lesson10.asp), comunque in linea di massima il margine serve per distanziare gli oggetti, mentre il padding distanzia il contenuto all'interno di un oggetto.
Se devi abbassare solo il testo usa padding, se devi abbassare il salone usa margin
Puoi usare il br, purchè tu lo scriva bene, cioè cosi <br />Per il momento è tutto, per ulteriori chiarimenti sai dove trovarci......
......porta la nutella però :hihihi: :hihihi:
:baci1: :bye:
-
:bye: Laura!
Ho comprato 10 chili di nutella! :rcane:
Qui avevo scritto prima di leggere la guida!Quindi mi rimangio quello che avevo scritto!Insieme alla nutella!
Aggiungo altra nutella perche' "la' dietro" mi sa che devo starci un bel po'! :sbirciare:
-
Laura scusa,sopra avevo scritto prima di vedere il tuo ultimo link! :scusa: Ho corretto!Molto utile grazie!Ho avuto un'ulteriore illuminazione! :baci1:
(http://i44.photobucket.com/albums/f10/luisona/o51zFCEDBqo35j57uRaAy8bbo1_400.jpg)
:Cartelli32:
Ok mentre mangiate questa nutella mi assento di nuovo e non torno se non con altre due pagine oltre questa! :n031: