Toggle sidebar
  • Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Scrivere HTML come un professionista

Finn

Finn

Utente Medio
Autore del topic
2 Settembre 2010
145
30
Miglior risposta
0
Salve Utenti di Sciax2, questa è la mia prima guida nel forum o.o .

Occorente:
Un sito su Altervista (o altri servizi di web hosting - non è detto che serva, puoi anche non averlo ma hai comunque il file .html-):
Perfavore, Entra oppure Registrati per vedere i Link!


Incominciamo!
Per prima cosa apriamo il Blocco Note.
Scriviamo subito questo:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Head NON è un header (Beh potrebbe...) ma è la "testa" del programma. Qui bisogna inserire dati come i CSS, alcuni script js, titoli, meta tags, icona ecc...

ora fra i due 'head' inseriamo questo:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Questo definisce il titolo del sito che viene mostrato.

Ora facciamo la pagina di colore giallino, con 'body bgcolor'.

Dopo l' 'head' inseriamo questi tag:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Prima di tutto credo abbiate notato che fra i tag l'ultimo (che determina la fine) ha uno slash "/" - Questo perchè: se ci fosse <body> e <body> non si capirebbe dove inizia e dove finisce-.

Inoltre se volete, inserendo "//" all'interno della pagina si può commentare la stringa.

Ora torniamo al nostro body.
Questo "body" (dall'inglese: corpo) specifica bene tutto il sito.

Ora potremmo fare delle immagini ed inserirle con il tag:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

se vogliamo possiamo rimpicciolirle o ingrandirle, aggiungendo tra " e > i valori "width="altezza_in_pixe" height="larghezza_in_pixel" ".

si possono mettere vari tipi di testo, ad esempio:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Possiamo mettere dei link a dei collegamenti, esempio:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Si può anche cambiare posizione del testo "destra, sinistra, allineato..." con questo:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Testo Italico, sottolineato, cancellato oppure grassetto? Nessun problema!

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Bottoni, radiobutton e checkbox? Ecco a voi!

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

C'è anche il 'foot', che sarebbe il "piede" della pagina, dove tutti scrivono il copyright. ecco un'esempio, dopo il </body> tag:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!


Beh, questo non è niente in confronto a grandi belle pagine ricche di css professionali da 240 euro ma, è una buona guida per iniziare, bro. :yo:

Auguri e Buon lavoro!

FONTE: MIA!
 
Ultima modifica:
  • Like
Reactions: 2 people
Riferimento: Scrivere HTML come un professionista

Trynight ha detto:
Togli questo è vietato da regolamento. Comunque c'è ne sono parecchie di queste guide :emoji_relieved:
Ma bravo lo stesso ;)
Clicca per espandere...

Veramente non è vietato.
Se uno chiede un grazie quando un post è utile, non è vietato.
------------------------------------
Sto cercando di mettere insieme tutte queste cose e fare una pagina html, se fatta da me detta anche "cagata". xD
Poi vi faccio vedere. :emoji_slight_smile:
P.S.
Aumento rep.
 
Riferimento: Scrivere HTML come un professionista

Trynight ha detto:
Togli questo è vietato da regolamento. Comunque c'è ne sono parecchie di queste guide :emoji_relieved:
Ma bravo lo stesso ;)
Clicca per espandere...

Beh ma anche se ce ne sono molte alcune possono essere più dettagliate!

forzaese23 ha detto:
Veramente non è vietato.
Se uno chiede un grazie quando un post è utile, non è vietato.
------------------------------------
Sto cercando di mettere insieme tutte queste cose e fare una pagina html, se fatta da me detta anche "cagata". xD
Poi vi faccio vedere. :emoji_slight_smile:
P.S.
Aumento rep.
Clicca per espandere...

Grazie, spero che la tua pagina venga bene ;)
 
Riferimento: Scrivere HTML come un professionista

Non rispetta le regole del W3C.
 
Riferimento: Scrivere HTML come un professionista

Non è spiegato bene. Secondo me inutile.
 
Riferimento: Scrivere HTML come un professionista

comunque secondo me per creare un pagina web è meglio usare un htlm editor.
comunque bravo per l'impegno!
 
Riferimento: Scrivere HTML come un professionista

marcoep ha detto:
comunque secondo me per creare un pagina web è meglio usare un htlm editor.
comunque bravo per l'impegno!
Clicca per espandere...

Il blocco note è già un editor html..
Forzaese23,il regolamento vieta di chiedere reputazione/grazie e di offrire reputazione in cambio di aiuto (cosa che tu hai fatto).
Facciamo che non ti segnalo,e tu rimuovi il tuo post,ok?
 
Riferimento: Scrivere HTML come un professionista

plainkey ha detto:
Il blocco note è già un editor html..
Forzaese23,il regolamento vieta di chiedere reputazione/grazie e di offrire reputazione in cambio di aiuto (cosa che tu hai fatto).
Facciamo che non ti segnalo,e tu rimuovi il tuo post,ok?
Clicca per espandere...
lui non ha chiesto reputazione ha detto che aumenta la reputazione
 
Riferimento: Scrivere HTML come un professionista

Ha detto che aumenta reputazione in cambio di aiuto,quindi è contro il regolamento :/ Finiamola quì
 
Riferimento: Scrivere HTML come un professionista

Bravo però ti assicuro che i professionisti non scrivono un codice da un semplice bloc notes o da un word pad...Utilizzano svariati programmi che facilitano il lavoro...Cmq la guida è ottima per uno che incomincia a scrivere righe di html da poco...Hai spiegato come si aprono e chiudono i <tag> varie regole...Cmq ottimo complimenti te lo do io il grazie :emoji_smiley: xD
 
Riferimento: Scrivere HTML come un professionista

Beh si... io per esempio uso UltraEdit Professional Edition, ma non tutti lo hanno... Ripeto: è una guida per INIZIARE... =)
Comunque grazie per i commenti positivi.
 
Riferimento: Scrivere HTML come un professionista

Cerca di aggiungere cose più complesse, altrimenti ne esistono centinaia di queste guide ;)
 
Riferimento: Scrivere HTML come un professionista

molto inutile come guida... ne esistono di migliori con anche delle immagini...
 
Riferimento: Scrivere HTML come un professionista

Inutile, senza offesa, è spiegato male, e senza offesa, ma sembra che anche tu abbia un po di confusione xD (senza offesa, è una critica costruttiva), bravo ugualmente perchè ci hai messo impegno, o almeno penso >_>

@Finn

crokki95 ha detto:
Bravo però ti assicuro che i professionisti non scrivono un codice da un semplice bloc notes o da un word pad...Utilizzano svariati programmi che facilitano il lavoro...
Clicca per espandere...
Non è assolutamente vero, io faccio siti che posso ritenere professionali, ed ho sempre usato il bloc note, e sono tutti a norma w3c, uno ha anche la norma w3c con html5 che il w3c ha ancora in experimental =).

@crokki95
 
Riferimento: Scrivere HTML come un professionista

DJcumpa ha detto:
Inutile, senza offesa, è spiegato male, e senza offesa, ma sembra che anche tu abbia un po di confusione xD (senza offesa, è una critica costruttiva), bravo ugualmente perchè ci hai messo impegno, o almeno penso >_> @FinnNon è assolutamente vero, io faccio siti che posso ritenere professionali, ed ho sempre usato il bloc note, e sono tutti a norma w3c, uno ha anche la norma w3c con html5 che il w3c ha ancora in experimental =).@crokki95
Clicca per espandere...
Occhio alla data del thread ^^
 
Riferimento: Scrivere HTML come un professionista

Grazie. Mi Serviva.
 
Riferimento: Scrivere HTML come un professionista

=) lo so :soso: ... però l'ho visto e volevo rispondere... :bye:
 
Riferimento: Scrivere HTML come un professionista

Buona come Guida. Anche se Già le Sapevo queste Cose.

Comunque Brav per Aver Postato. :emoji_slight_smile:
 
Devi accedere o registrarti per rispondere qui.
 
 
Top
Indietro