1. BENVENUTO SU CONSOLE TRIBE

    Benvenuto, stai navigando nella nostra community come ospite

    Avere un account su Console Tribe ti permetterà di creare e partecipare alle discussioni e al mercatino, organizzare tornei e partite online, iniziare conversazioni personali con gli altri giocatori del forum e di utilizzare tutte le funzioni di questo sito.

    Registra il tuo account in meno di 5 secondi, se vuoi puoi sfruttare i login social via Facebook, Google Plus o Twitter.

Linguaggio HTML e CSS

Discussione in 'Computer & Technology' iniziata da Robigus, 28 Luglio 2011.

  1. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Salve, raga!

    Da un paio di giorni ho iniziato a studiare, da autodidatta il linguaggio html...
    Ho iniziato a familiarizzare con i tag, con gli attributi, e ne ho memorizzato i più importanti...

    Ma sono sorti dei problemi che non riesco a risolvere:

    a) Perchè non riesco ad allegare un .css ad una pagina html? Dove sbaglio?
    Infatti ho deciso di iniziare ad analizzare i fogli di stile, ma proprio non riesco a capire come funzionano...
    Ecco il codice che ho scritto nel .html:
    HTML:
    <html>
      <head>
        <title>Primo utilizzo CSS </title>
        <link rel="stylesheet" href="layout.css">
       
          </head>
    
        <body>
    <p>
    Il sottoscritto SR, nato a Napoli il 09/04/1992, dichiara che il giorno *********** alle ore 19:10 circa, si trovava a bordo del veicolo Ford ***** (targato *******) presso la via San *********, Casoria, Napoli. 
    <p><strong>Eravamo fermi</strong> accostati presso il bordo destro della carreggiata quando, scendendo dal veicolo (lato destro), venivamo tamponanti al lato anteriore sinistro dalla veicolo Lancia Y (targata ******).
    </p>
    
    
    
      </body>
    </html>
     
    Mentre questo è il contenuto del .css

    HTML:
    p
    {
    color: white;
    font-family: comic sans ms;
    
    } 
    b) Come faccio a bloccare il layout? Che cos'è la risoluzione preimpostata?

    c) Una volta creato l'insieme di pagine html che costituiscono il sito, come faccio ad associarci un dominio e caricarle in rete?

    Aggiungo altri quesiti:
    d) Voi quale editor testuale utilizzate ?? Sono stanco di usare il blocco note...

    e)Invece quale editor WYSIWYG utilizzate? E' meglio utilizzare questo, o quello testuale?

    =)
    Ultima modifica: 28 Luglio 2011
  2. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    il contenuto dello spoiler html mi viene compilato, come posso farvi vedere i tag che ho usato?+

    Edit:
    E adesso xkè si vede?? o_O?
    Non esce nemmeno più scritto, se ti modificano il post?!?!?
    Ultima modifica: 28 Luglio 2011
  3. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Usa il BBCODE
    HTML:
     per mostrare il codice.
    Domanda stupida, l'indirizzo del foglio di stile è corretto?
    Inoltre, se hai provato solo con questo esempio, il problema è dato dal fatto che il codice css in linea si sovrappone e sovrascrive il codice caricato dal foglio di stile. Prova a modificare un attributo come il backgruond o a rimuovere il codice in linea e vedrai che funziona.
    
    Ricordati di chiudere i tag anche se singoli:
    
    [html]
    <link rel="stylesheet" type="text/css" href="layout.css">
    <link rel="stylesheet" type="text/css" href="layout.css" />
    
    Come editor ti conviene usare notepad++(o textwrangler su mac) e renderizzare con un browser (Firefox è il più ligio agli standard)
  4. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Si trovano nella stessa directory...
    Il css che si dovrebbe sovrapporre l'ho aggiunto in ultimo in un attacco di esasperazione! XD (Quindi non penso sia questo il problema)...
    Infine ho provato a chiudere il tag, ma non si è risolto nulla...
    Ma poi i tag singoli fino ad adesso non li ho chiusi e non ci son stati problemi XD
  5. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Non da problemi ma è buona usanza chiuderli :D
    Ma se inserisci
    HTML:
    body{background:red;}
    nel file css esterno ti funziona?
  6. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Allora ho inserito quanto mi hai detto, con risultato
    HTML:
    body{background:red;}
    p
    {
    color: white;
    font-family: comic sans ms;
    }
    
    Lo sfondo mi diventa effettivamente rosso, ma non mi modifica il colore del testo, ne il carattere!
    E' un errore di sintassi? Ma l'ho copiata lettere per lettera dalla guida!! XD
  7. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Rimuovi:
    color: #999999;

    dal file html e vedrai che funziona, come dicevo, il codice css nel file html ha precedenza su quello dei fogli esterni
  8. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Tolto, ma niente -_- !!
  9. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Stai usando Safari?
  10. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    No, Google Chrome... Perchè non copi i listati e vedi se a te vanno??

    Edit:
    Provato anche con Safari e Firefox... -_-
    Ultima modifica: 28 Luglio 2011
  11. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Si, ho già provato e va tutto e deve andare per forza dato che non c'è nulla di sbagliato(oltre alla sovrapposizione) :asd:
    Aggiorna la pagina con cmd+r, spesso i browser non ricaricano i file esterni(come il tuo css) per risparmiare tempo. Con cmd+r(F5 su win) forzi il refresh completo
  12. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Niente!!! GRRRR!!! XD
  13. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Rifai tutto da capo(anche con file diversi) :D

    HTML:
    <!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=UTF-8" />
    <title>PROVA</title>
    <link rel="stylesheet" type="text/css" href="layout.css" />
    </head>
    <body>
    	<p>Il sottoscritto SR, nato a Napoli il 09/04/1992, dichiara che il giorno *********** alle ore 19:10 circa, si trovava a bordo del veicolo Ford ***** (targato *******) presso la via San *********, Casoria, Napoli.</p>
    </body>
    </html>
    HTML:
    p
    {
    	background:red;
    	color: white;
    	font-family: comic sans ms;
    }
  14. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Cosa sono questi tag che hai messo?

    HTML:
    <!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">
    
  15. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Il doctype, in breve, definisce quali componenti sono validi nel documento(in pratica quali tag puoi usare), nel tuo caso non fa differenza comunque, li ho lasciati perché dreamweaver li aggiunge di default
  16. KobeBryant

    KobeBryant Scarserrimo a Call of Duty

    Registrato:
    2 Novembre 2009
    Messaggi:
    5.151
    "Mi Piace" ricevuti:
    243
    Punteggio:
    292
    Località:
    Caput Mundi - LA
    Prova con #p invece che p, altrimenti sostituisci white con #FFF
  17. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Provato, ma niente...

    Ho riscritto tutto, come suggerito da rew, ed invece è andato...
    Chissà quale diavolo era il problema... XD
  18. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    #p si riferisci ad un id "p", non ai tag "p"
  19. Robigus

    Robigus Tribe Member

    Registrato:
    29 Agosto 2010
    Messaggi:
    4.092
    "Mi Piace" ricevuti:
    811
    Punteggio:
    318
    PSN Tag:
    rff92
    Thnks rew!

    Ma per gli altri quesiti?
    Come faccio a bloccare il layout?
  20. rewrew

    rewrew Administrator

    Registrato:
    10 Febbraio 2007
    Messaggi:
    23.098
    "Mi Piace" ricevuti:
    8.458
    Punteggio:
    4.642
    Località:
    Milano
    PSN Tag:
    rewrew
    Xbox Live Tag:
    DoubleREW
    Non le avevo lette :p
    Prova ad essere più chiaro, non capisco cosa intendi con "bloccare il layout"

    Quando avrai fatto il tuo sito dovrai scegliere un webhost che ti ospiti, ad esempio hellospace offre spazio gratuito(ovviamente non puoi avere troppe pretese, ma per iniziare va benissimo, hai anche un database e le risorse a disposizione non sono male).
    Spesso offrono un uploader web, quindi carichi tutti i file via web, e danno un accesso FTP da utilizzare con programmi appositi (FileZilla) o come cartella remota da Finder/Explorer


    Una volta che saprai usar bene l'html ti conviene fare qualche esperimento con PHP, che ti permetterà di creare pagine dinamiche.