>> Vedi la Shoutbox completa <<

Codice CSS e HTML

I fogli di stile a cascata, ovvero il CSS (dall'inglese Cascading Style Sheets), vengono usati per definire la rappresentazione di documenti HTML, XHTML e XML. In pratica è un linguaggio che permette di impostare tutti gli aspetti di una pagina web quali allineamento, layout e formattazione del testo e colori tramite codice (questo forum può essere un esempio). Il CSS funge da seperatore tra il contenuto HTML della pagina dalla grafica e dalla visualizzazione...altro non so dirvi, la mia è solo una base teorica che ho appreso leggendo un libro di Eric Meyer. Non ho mai avuto un faccia a faccia con questo tipo di linguaggio quindi chiedo lumi a chi ne sa più di me per la felicità di alcuni utenti che chiedevano invano l'apertura di questo topic

DOMANDA

Cosa sono i selettori? Sembra sia molto importante e ricorrente nel linguaggio CSS...mi ricordano un pò come i puntatori nel C++

La parola agli esperti...

Messaggio modificato da Curti$ il 27/03/2009, 00:08:33

oh.. un topic utile XD l'html nn mi dispiacerebbe impararlo (così personaleizzo l'interfaccia di hfs XD)

forse per selettori intendi classi, id ed ereditarietà ... servono a specificare stili css solo per determinati elementi della pagina, con 1 certa classe (tanti elementi con la stessa classe), un dato ID (solo 1 elemento) oppure con eretiorarità ( elementi posti dentro altri o accanto ad altri).

Bene inanzitutto mi fa piacere che si sia aperto questo topic,anche se non ci capisco ancora nnt spero di diventare abbastanza abile (PS:se divento bravo inizio a lavorare cn mio cugino e porto soldi a casa...casa Cetramod )

Shin ti conviene porre qualche domanda altrimenti il topic va perso e sarebbe un peccato

beh è difficile avere domande se non ci si sta smanettando sopra ^^
io personalmente ci ho avuto a che fare credo 4 anni fa, e mi piaceva perché mi sembrava molto facile da capire e usare

Aspetto domande

Premetto che non ho mai avuto un esperienza diretta con questo tipo di linguaggio quindi potrei dire anche delle puttanate...quali sono le istruzioni basilari del CSS e cosa è possibile fare con questo tipo di linguaggio?

beh teoricamente css definisce tutto lo stile di una pagina web .. ma va di pari passo con l'html .. diciamo che css da comandi "grafici" e "di stile" a quelli che sono gli elementi che l'html definisce ...

tanto per far un esempio, come html inserisco una tabella (table) in una pagina web .. una tabella ha (in base al browser ed in base agli standard) uno stile FISSO gia definito ... tramite CSS definisco uno stile (colore, larghezza, lunghezza, spaziatura, sfondo ... testo, font, comportamento, posizione, eccetera) per l'elemento della tabella.

Quindi HTML = DEFINIZIONE DEI CONTENUTI, CSS = STILE DEI CONTENUTI

Quindi se non vado errato il CSS funge da modificatore di una pagina web...mediante una sequenza di istruzioni e codici posso definire lo stile di una pagina web modificandone i suoi elementi principali...quindi l'HTML è come se fosse una base che può essere modificata a proprio piacimento con un ulteriore linguaggio, ovvero il CSS, che permette appunto di definire lo stile del layout, dei colori, dei font e via di scorrendo (correggimi se sbaglio)

Io sono fortemente interessato ad apprendere questo tipo di linguaggio perchè mi devo aggiornare assolutamente con i tempi che corrono...per ora mi sono dedicato particolarmente ai linguaggi di programmazioni quali il Turbo Pascal il C++ e assembler, e mi farebbe di sicuro bene conoscere anche questo tipo di linguaggio che mi affascina molto...quindi Arc potresti darmi una dritta? Se non sbaglio la prima cosa da fare è quella di prendere confidenza con (X)HTML giusto? Dimmi tu da dove iniziare...chiedo lumi

si, HTML (e quindi xHTML) e CSS in primis ... sono linguaggi di MARKUP ... in realtà HTML è un linguaggio di MARKUP, il css è solo un insieme di proprietà, attributi stilistici che si possono associare agli elementi HTML che definiscono i contenuti della pagina.

Vai molto facile perchè non è come studiare programmazione ... è una questione di abitudine e di creatività e fantasia .... il problema viene quando devi rispettare standard e specifiche W3C.

Infine c'è il php ... che io adoro ... poi volendo javascript e Ajax

ah, ed anche XML e MYsql, fondamentali per un sito dinamico.

Capito...vediamo di rispolverare un pò ciò che ho appreso al riguardo ((X)HTML)...

se scrivo una cosa del tipo

le parole Curti$ e Sara appariranno su due righe diverse essendo <h1>
e <p> elementi blocco

Questi elementi blocco se non sbaglio vengono differenziati dagli elementi inline che, se inseriti, non danno origine ad una nuova riga come avveniva precedentemente.

E infine ci sono gli elementi lista che comprendono in pratica solo l'elemento list item (li)

Un'altra distinzione da fare è quella tra elementi rimpiazzati ed elementi non rimpiazzati. I primi sono elementi di cui uno user agent conosce solo le dimensioni intrinseche, ovvero, quelli in cui altezza e larghezza sono definite dall'elemento stesso e non da ciò che lo circonda come il tag immagine. Mentre tutti gli altri elementi vengono classificati come elementi non rimpiazzati

Un altro aspetto importante è la struttura ad albero di un documento:



In base a questa figura la classificazione da fare è del tipo padre-figlio per ogni elemento che lo compone giusto?...in questo caso "head" è figlio ad "HTML" ma a sua volta "head" è genitore di "title". Si ha una relazione genitore-figlio solo quando la "discendenza" è di primo livello, perchè infatti "HTML" non è genitore di "title" perchè la discendenza è del secondo livello e non del primo quindi viene introdotta un altro grado di "parentela" ovvero quello tra antenato e discendente.

Quindi prendendo in esame nuovamente l'immagine si può dedurre che "A" è un antenato di "DIV" ma che rispetto al primo è un discendente e così via per tutti gli altri elementi...

Quindi in linea di logica può essere definito il grado padre come un elemento che contiene altri elementi ed il grado figlio come un elemento RACCHIUSO in un altro elemento.

Facendo ancora riferimente all'immagine postata c'è un solo elemento che racchiude tutti e non è racchiuso: <HTML> che rappresenta in termini di genealogia il capostipite e che in termini tecnici viene definito come elemento radice (root)

Facendo ancora una volta riferimento all'immagine (e che palle!!) un frammento di codice (X)HTML può essere del tipo:

Se avrai la pazienza di leggere e mi sono perso qualche punti ti prego di correggermi

tutto corretto

Va bene come base oppure necessita un approfondimento maggiore per apprendere poi il linguaggio CSS?

mmiiiiiiiiiiiiiiiiiiiiiiiiiiinkia io pensavo era + facile...cmq voi sapete già qualcosa a quanto ne capisco...dovete capire che io sn affascianato da tt ciò,ma non conosco una beata minkia,quindi mi dovete "scendere col cucchiaio" tutte le informazioni(come avete fatto cn GIMP2) vi prego di perdonare la mia ignoranza e di compatirmi ç_ç

come base rigorosa potete consultare wikipedia ...

http://it.wikipedia.org/wiki/Foglio_di_stile
http://it.wikipedia.org/wiki/HTML
http://it.wikipedia.org/wiki/XHTML

quella data da curtis è una definizione ancora molto tecnica ... quindi se vuoi qualcosa di più terra terra, ti covniene fare qualche domanda dopo aver iniziato a elggere qualche documento apposito

beh quel che ha spiegato curt nn era poi così tecnico (almeno a me è sembrato molto logico + che altro..) io + che altro nn ho capito ancora i tipi di "comandi" diciamo.. e il CSS.. che è quello che + credo creerà rotture..

ti assicuro che CSS è molto + facile di altri linguaggi come ad esempio JS o PHP ... una volta capite le basi puoi star tranquillo. Fate pure domande dirette.

allora io ho capito quello ke ha detto Curtis x quanto riguarda famiglia ecc...nn capisco che centra e sopratuttamente a cosa mi può servire nella creazione di un documento HTML e CSS...(oggi ho proposto a scuola di farlo e il porfessore mi ha bestemmiato contro xk gli ho detto ke nn era capace di insegnarcelo xD)

bastava dire soprattutto

l'HTML è un linguaggio usato per descrivere la struttura di un documento (come già precisato da Arc) disponibili su internet. In qualsiasi sito web che vai il linguaggio usato per scrivere sono proprio in HTML (anche Cetramod è stato scritto in HTML). Il CSS invece viene usato per integrare l'HTML. In CSS mediante una sequenza di codici ed istruzioni è possibile definire lo stile del layout, dei colori, dei font e via di scorrendo

Shin queste cose però se vedi già sono scritte nei post precedenti XD

sisi me ne sono reso conto solo ora xD...cmq potreste fare la bozza di un documento per esempio creare una pg web semplicissima da ornare...nn sò se mi sn spiegato

l'html serve a specificare diciamo gli elementi da inserire nella pagina ....

è come dire

<TITOLO>ciao a tutti</TITOLO>

<PARAGRAFO>il testo ... bla bla bla</PARAGRAFO>

in cui usi i TAG (quelli tra < e >) per specificare gli elementi della pagina ..... lo stile invece serve a dire come appariranno questi elementi TITOLO e PARAGRAFO nella pagina ... il browser specifica di base un modo per mostrarlo ma col CSS possiamo decidere come apparirà in via definitiva.

aaaaaaaaaaaa capisco...cmq quando volete potete iniziare aspiegrmi come fare a creare bozze di pg web (scste se sn ripetitivo ma cm detto primo nn so ke fare)

la struttura di base di un doc html è quello che trovi su wikipedia .... è abbastanza chiaro ... poi devi studiarti i vari TAG

Sembra facile comunque come linguaggio...ultimamente mi sto applicando più sul linguaggio di scripting che a quello di markup come il php che mi affascina molto da tutti i piunti di vista rispetto al precedente nonchè anche più complesso...uno degli aspetti più interessanti (per quanto mi riguarda) è che il codice e i vari costrutti php si avvicinano molto a quelli utilizzati nel linguaggio C/C++, e visto che me la cavo piuttosto bene nella programmazione ad alto livello sfrutto questa cosa e vedo fino a che punto riesco ad arrivare

Messaggio modificato da Curti$ il 31/03/2009, 19:32:32

shin un buon modo di scoprire come si usa l'html è sbirciare il codice sorgente delle varie pagine di internet (magari qualche pagina non troppo complicata, per cominciare )

confermo l'intuitività dell'html, tempo fa lo studiai abbastanza e ottenni qualche simpatico risultato senza troppe difficoltà, è sicuramente alla portata di tutti
crearsi una paginetta, magari sfruttando qualche frame per far pratica della gestione delle varie pagine aiuta, poi beh volendo ci sono anche gli editor puramente "visivi" (come dreamweaver) che però non fanno imparare una cippa se usati solo dal lato desing, anche se è molto utile quando si smanetta sul codice e poi si va subito a controllare il risultato visivo di quello che si stà facendo

per quanto riguarda il php invece ho tremendi incubi ancora oggi

l'HTML secondo me è relativamente semplice come linguaggio.. ma il CSS è interessante e permette di risolvere o aggirare alcune limitazioni dell'html quindi anche questo topic lo vedo una gran figata!!

ottima idea davvero!!

il php è come il C ma piu flessibile e potente, soprattutto con alcuni costrutti che permettono di fare agevolmente molte operazioni che con C/C++/java impiegherebbero MOLTE istruzioni

Addirittura più potente del C++...mmmm dovrò mettermi sotto al riguardo...un pò di programmazione web non guasta mai

raga mi seto fuori dal coro :S nn reggo il passo...conviene cominciare a studiare seriamente

Beh senza studio non si raggiunge nessun obiettivo comunque come inizio shin ti consiglio l'HTML e il CSS che a colpo d'occhio sembrano piuttosto intuitivi come linguaggi...io ora sto studiando il linguaggio php che è piuttosto complicato rispetto al CSS, ma sono sicuro di riuscire bene perchè è molto simile ad un linguaggio di programmazione che ho studiato già

ah capisco...quindi mi tocca rimboccarmi le manike

beh ma sono cose totalmente diverse in ogni caso: html e css non sono propriamente dei linguaggi di programmazione...
è possibile che un mago di html e css sia poi una capra di altri linguaggi, e viceversa

comunque shin certamente, se non ti documenti non tiri fuori mai nulla in nessun campo

Infatti non sono linguaggi di programazione ma linguaggi di markup