La mia prima pagina html completamente in notepad

http://tabboz.altervista.org/base.htm

Ci tenevo a condividerlo con voi, visto che ha sia il validatore per l'html allargato e il css :D

Olèèèè!!!!!!!! Addio Front Page :P

Assolutamente no!
Ho preso un manuale dell'html 4.0 in biblioteca è me lo sto imparando per bene ;)

Wow... bravo... ho guardato l'html ma non ho visto il tag che ti permette di fare diventare in grande il "clicca qui" quando ci passi sopra con il mouse...
Diego

Perchè si trova nel foglio di stile.....


Non ho fatto nulla di particolare, e non credevo che programmare in html quelle quattro fesserie richiedesse così tante righe di codice.
In teoria già un pò di html lo conoscevo, ma solo così sono riuscito a creare una pagina compatibile con la maggior parte dei browser.

[code:1:12578f0da1]
<!-- Copyright 2004 Tabaee Damavandi Parham -->
[/code:1:12578f0da1]
E' il tuo vero nome?(so ke sei persiano)
E fai parte di questo liceo?
http://www.liceotosi.va.it/alunni/corsog.htm

Ora vendo le tue info a uno spammer :P

Grazie per aver venduto la mia privacy. Aggiornati quel liceo non è più cosa della mia vita :D

[NoWhere]

http://tabboz.altervista.org/base.htm

Ci tenevo a condividerlo con voi, visto che ha sia il validatore per l'html allargato e il css :D

Olèèèè!!!!!!!! Addio Front Page :P

:D e bravo!!!

cmq, FP ti può essere utile, ora ke sai "scrivere a mano libera", perchè ti permette di visualizzare subito la pagina in anteprima!
[ma se lo butti definitivamente nn fai male! ]

cmq, FP ti può essere utile, ora ke sai "scrivere a mano libera", perchè ti permette di visualizzare subito la pagina in anteprima!
[ma se lo butti definitivamente nn fai male! ]

Mah a questo punto mi creo un editor io in Visual Basic che mi visualizzi automaticamente l'anteprima e mi evidenzi il codice. Tanto FP mi serviva solo per modellare tabelle e dimensioni visualmente.

se è solo per l'anteprima che usate frontpage cacciatelo via e usate html-kit
www.chami.com

cmq....

come ci si sente?
una bella esperienza vero?

:D

prima o poi spero che tutti capiscano di quanto sia facile/bello fare un sito in html puro e non con i WYSIWYG....

continua così...

ps: i colori non sono solo quelli ;)

Grande Tabboz! (a proposito com'e' che si pronuncia il tuo nome?)

Scrivere a mano e' una pacchia, anche se notepad lo trovo scomodissimo.

Su windows usavo EmEditor, che purtroppo non e' ne' free ne' open source, ma funziona veramente bene: http://www.emeditor.com/

Adesso devi solo prenderci un po' la mano :D

E se un giorno vorrai lasciare il vecchio HTML per passare al nuovo standard XHTML, lo potrai fare senza troppi problemi.

Se sai l'HTML sai anche l'XHTML, ti basta rispettare questi 6 punti:

1. scrivi i tag sempre in minuscolo
2. i tag che non si chiudono (come <br>,<hr>,<img>,ecc...) scrivili cosi': <br />, <hr />, <img />
3. non usare tag obsoleti come <center> o <font>, usa i css invece
4. metti sempre le virgolette per gli attributi: <a href="..." title="...">
5. ci sono attributi (come alt nel tag img) che sono obbligatori
6. gli attributi non si possono piu' abbreviare es: (html) <hr noshade>, (xhtml) <hr noshade="noshade" />

Per chi fosse interessato, qui trovate un tutorial sull'XHTML: http://www.w3schools.com/xhtml/default.asp

Io da quando ho scoperto come era facile l'XHTML non uso altro :D

io da furbastra quale sono ho fatto il contrario... prima scrivevo tutto a mano... poi mi sono venduta... per dreamweaver...

comunque hai fatto bene tu!

[NoWhere]

Grande Tabboz! (a proposito com'e' che si pronuncia il tuo nome?)

Scrivere a mano e' una pacchia, anche se notepad lo trovo scomodissimo.

Su windows usavo EmEditor, che purtroppo non e' ne' free ne' open source, ma funziona veramente bene: http://www.emeditor.com/

Adesso devi solo prenderci un po' la mano :D

E se un giorno vorrai lasciare il vecchio HTML per passare al nuovo standard XHTML, lo potrai fare senza troppi problemi.

Se sai l'HTML sai anche l'XHTML, ti basta rispettare questi 6 punti:

1. scrivi i tag sempre in minuscolo
2. i tag che non si chiudono (come <br>,<hr>,<img>,ecc...) scrivili cosi': <br />, <hr />, <img />
3. non usare tag obsoleti come <center> o <font>, usa i css invece
4. metti sempre le virgolette per gli attributi: <a href="..." title="...">
5. ci sono attributi (come alt nel tag img) che sono obbligatori
6. gli attributi non si possono piu' abbreviare es: (html) <hr noshade>, (xhtml) <hr noshade="noshade" />

Per chi fosse interessato, qui trovate un tutorial sull'XHTML: http://www.w3schools.com/xhtml/default.asp

Io da quando ho scoperto come era facile l'XHTML non uso altro :D

scusa, ma quello ke hai descritto,non é HTML 4.01??!??!

[Ospite]

No, è XHTML 1.0 (Strict, Transitional che uso io e Frameset)

scusa, ma quello ke hai descritto,non é HTML 4.01??!??!

HEHE che vi dicevo?

Sono talmente simili che si possono confondere!

:D

bravo...- ms + libertà

Se sai l'HTML sai anche l'XHTML, ti basta rispettare questi 6 punti:

1. scrivi i tag sempre in minuscolo
2. i tag che non si chiudono (come <br>,<hr>,<img>,ecc...) scrivili cosi': <br />, <hr />, <img />
3. non usare tag obsoleti come <center> o <font>, usa i css invece
4. metti sempre le virgolette per gli attributi: <a href="..." title="...">
5. ci sono attributi (come alt nel tag img) che sono obbligatori
6. gli attributi non si possono piu' abbreviare es: (html) <hr noshade>, (xhtml) <hr noshade="noshade" />

Allora lo imparo direttamente, però rispiegami per favore con un esempio il punto 2. Guarderò cmq la tua guida;)

[NoWhere]

scusa, ma quello ke hai descritto,non é HTML 4.01??!??!

HEHE che vi dicevo?

Sono talmente simili che si possono confondere!

:D

nn per essere pignolo... ma tempo fa ho acquistato una mega guida per HTML 4.01, della wrox, e molte cose [per non dire tutte] ke hai elencato tu sono per come nell'html 4.01!
nel libro spiega ke "l'xhtml 1.0 ribadisce semplicemente i concetti dello standard html 4.01 come applicazione xml".
Ma allora, se sono simili o cmq basato sull'html... in cosa differiscono ???
[thanks x la delucidazione! ]

Perche' e' nato XHTML?

Perche' dalla guerra dei browser in poi (Microsoft vs Netscape) l'html si era riempito di tag assurdi e caotici come FONT, B, CENTER ecc...

Lo scopo di HTML era quello di segnare dei CONCETTI, non degli aspetti!
Il CONCETTO di paragrafo, quello di tabella ecc...

XHTML e' un HTML purificato, in cui il documento contiene solo i CONCETTI delle sue parti, mentre lo stile e' lasciato interamente alla potenza dei CSS (e stile e' anche la voce con cui un browser per non vedenti leggera' i titoli o i margini del foglio in fase di stampa)

In realta', quindi, HTML e XHTML sono ben diversi, perche' il primo e' un linguaggio giunto ormai ad un tale livello di caos e di "corruzione" da essere quasi irrecuperabile, mentre l'altro e' un linguaggio "puro" progettato da subito con l'idea di tenere separati aspetti e contenuti.

Per questo XHTML e' il linguaggio del futuro ed e' il piu' adatto anche a siti accessibili.

Ed ecco le differenze spiegate meglio:


HTML non pretende che i tag vadano minuscoli, semplicemente e' consigliabile, XHTML pretende che i tag siano minuscoli, o non li leggera'.

HTML: <P>
XHTML: <p>

HTML non pretende che mettiate le virgolette agli attributi, e' opzionale, XHTML esige che lo facciate.

HTML: <P class=pippo>
XHTML: <p class="pippo">

HTML supporta gli attributi abbreviati, XHTML no.

HTML: <TD nowrap>
XHTML: <td nowrap="nowrap">

HTML ha dei tag che non si chiudono, XHTML ha una sintassi speciale per i tag "singoli"

HTML: <HR>
XHTML: <hr />
(occhio: lo spazio prima di / ci vuole!)


Inoltre:

alcuni attributi sono obbligatori in XHTML (es: alt in img) mentre in HTML no

alcuni tag HTML non esistono piu' in XHTML, come ad esempio CENTER e FONT.


Il problema principale e' che IE volutamente legge male i documenti xhtml, sballando mostruosamente il box model (margin e padding dei css)
il trucco e' non mettere la DTD se l'utente usa IE, ad esempio con il php:

[code:1:f15e0ca664]
if(strstr($_SERVER['HTTP_USER_AGENT'&# 93;, "MSIE 6")) {
echo "<!-- NO DTD FOR IE 6! -->\n";
} else {
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">";
}
[/code:1:f15e0ca664]


Tabboz non volevo assolutamente sminuire la tua conquista! :D
Ma visto che stai iniziando ti consiglio di partire subito con il meglio!

[NoWhere]

il fatto é ke ci vorrebbe una bella guida ke ti dice come cambiare o modernizzare il tag [es. nowrap e simili, ecc.] da html a xhtml!

cmq, se la differenza é solo questa non mi sembra molto lontano dalla versione 4.01 dell'html!! 8)


ahhhhhh, adoro scrivere a mano libera!! :D

il fatto é ke ci vorrebbe una bella guida ke ti dice come cambiare o modernizzare il tag [es. nowrap e simili, ecc.] da html a xhtml!

Il link che ho dato sopra ha sia il tutorial che la guida di riferimento tag per tag.

Beh non e' che ci voglia molto a cambiare gli attributi: invece che nowrap scrivi nowrap="nowrap", invcece che noshade, noshade="noshade", ecc...

Comunque:
Qui trovi i tag: http://www.w3schools.com/xhtml/xhtml_reference.asp
Qui trovi gli attributi: http://www.w3schools.com/xhtml/xhtml_syntax.asp
Qui trovi il tutorial: http://www.w3schools.com/xhtml/default.asp

Ieri ho scritto mezzo pomeriggio a mano... non mi ricordavo piu' di quanto fossero divertenti i CSS uahahaha :D

bravo! a scuola cosi ce lo facevano imparare... altro che dreamwewwer

il fatto é ke ci vorrebbe una bella guida ke ti dice come cambiare o modernizzare il tag [es. nowrap e simili, ecc.] da html a xhtml!

tornando su questo argomento è per quello che su win uso html-kit, oltre a avere una anteprima è free (non open source però) è configurabilissimo e ha un correttore e un trasformatore da html a xhtml...

utile per iniziare...

bravo! a scuola cosi ce lo facevano imparare... altro che dreamwewwer

beato te....

a noi stanno iniziando i rudimenti ma usano dream....

CHE SCHIFO!

meno male che me lo sono studiato gia da ormai 3 anni e non ho bisogno di ascoltare quelle insulse lezioni su come deturpare il codice con degli sporchi wysiwyg!!!

[NoWhere]

@CoD: Thanks a lot!!!

@CoD: Thanks a lot!!!

Thanks a lot,
I quote (fa rima :D)

[Ospite]

Lo scopo di HTML era quello di segnare dei CONCETTI, non degli aspetti!
Il CONCETTO di paragrafo, quello di tabella ecc...

XHTML e' un HTML purificato, in cui il documento contiene solo i CONCETTI delle sue parti, mentre lo stile e' lasciato interamente alla potenza dei CSS (e stile e' anche la voce con cui un browser per non vedenti leggera' i titoli o i margini del foglio in fase di stampa)

...infatti. Quindi, ad esempio, Tabboz (spero apprezzerai l'osservazione): per far "staccare" il testo dai margini, non usare il <blockquote> ma modifica i tag "body" o "p" nel CSS! :o

(padding-left e padding-right in body, oppure margin-left e margin-right in p)

Ok, provvedo al + presto;)

[Xeeno]

Su windows usavo EmEditor, che purtroppo non e' ne' free ne' open source, ma funziona veramente bene: http://www.emeditor.com/

Io uso GWD Text Editor su windows e dico che non e' male, visto che e' anche free

Per chi fosse interessato, qui trovate un tutorial sull'XHTML: http://www.w3schools.com/xhtml/default.asp

Questo lo quoro perche e' interessantissimo..

:D

Mah... nel pomeriggio mi sono interessato all'XML e al DTD(sono perfino riuscito a scriverne uno), però la guida ke ho usato e ke guardacaso è sullo stesso sito ke ci hai indikato, rimanda all'xhtml. Oggi provo a fare una buona struttura in xhtml e oi posto il link.

E' molto semplice da realizzare in effetti:
http://tabboz.altervista.org/axhtml.htm

Grazie ancora CoD. D'ora in poi scriverò in xhtml :P

[F1Italia]

Io personalmente ho sempre usato e continuerò sempre ad usare il notepad per realizzare i miei siti, non vedo che gusto si può trovare a realizzare un sito senza poterlo costruire dalle fondamenta, pezzo per pezzo, riga per riga, comando per comando.
Probabilmente cimentarsi in una completa realizzazione "a mano" può comportare maggiori errori di un editor di pagine web ma almeno si ha la soddisfazione di poter dire effettivamente: "questo sito l'ho fatto io" (e non un programma...)
In ogni caso vi consiglio di cimentarvi nella realizzazione di un sito completamente "scritto a mano", vi assicuro che avrete grandi soddisfazioni. :)