Aleggerire pagine web di codice inutile

di **dado** » 19/11/02 01:36

Ho sentito da più parti, qui compreso, che usando programmi tipo FP per fare pagine web, alla fine si ha un pò di codice inutile in eccesso. Siccome io non sono così pratico del codice html preso di per sè, mi chiedevo com'è possibile dar un ripulita al codice delle pagine di un sito, cioè sapere cos'è che non serve. Non è che magari c'è qualche programma che lo fa, che mi dice cos'è superfluo? Gracias.

di **Frengo78** » 19/11/02 09:33

dado ti faccio un esempio di schifezza che probabilmente troverai in giro: <td> ... </td>

Cerca se ne trovi nel tuo codice. E la prossima volta il consiglio è di fare tutto lentamente a manina

di **dado** » 19/11/02 11:50

Frengo78 ha scritto:dado ti faccio un esempio di schifezza che probabilmente troverai in giro: <td> ... </td>

Cerca se ne trovi nel tuo codice. E la prossima volta il consiglio è di fare tutto lentamente a manina

Ok, lo cerco, e poi? Lo elimino?

Frenghino caro... la manina x ora la so solo usare x battere sulla tastiera un normale testo...

di **piercing** » 19/11/02 12:29

un pò di codice in più???????

circa il 50% del codice scritto da FrontPage nn serve a niente... se nn ad appesantire il caricamento della pagina!

Nella mia memoria però ricordo un programmino di Microsoft stessa che serve a ripulire il codice HTML, con risultati abbastanza soddisfacenti...

Ricordarmi il nome del programmino è già più difficile....

di **Frengo78** » 19/11/02 12:52

[quote="dado]Frenghino caro... la manina x ora la so solo usare x battere sulla tastiera un normale testo...

[/quote]
L'html è un normale testo. Nessun programma puo risolvere il casino creato da frontpage. Se ti trovassi di fronte a un duplice font dovresti semplificare togliendone uno ma mettendo gli attributi sull'altro. Ma io non oso immaginare il delirio interno.

Prendi una pagina molto semplice fatta con front page e postala qui. Ti evidenzieremo tutte le schifezze

di **dado** » 19/11/02 13:28

Questa è una pagina fin troppo semplice, c'è una scritta ed un'imagine...

<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Dai Frengo</title>
<meta name="Microsoft Theme" content="strtedge 011, default">
<meta name="Microsoft Border" content="tl, default">
</head>

<body>

 
Dai Frengo, puliscimi questa pagina!
 

<img border="0" src="Documenti/frengosessuologo.jpg" width="485" height="390">

</body>

</html>

Va bene, a titolo di esempio?

Per Pier: dai, uno sforzo piccolo piccolo per ricordarsi il nome... :roll:

di **piercing** » 19/11/02 13:41

<html>
<head>
<title>Dai Frengo</title>
</head>
<body>
 
Dai Frengo, puliscimi questa pagina!
 

<img border="0" src="Documenti/frengosessuologo.jpg" width="485" height="390">

</body>
</html>

... e per fortuna hai giocato poco con i font!!

per il software sto cercando...

di **BianConiglio** » 19/11/02 13:57

o elimini a mano il codice doppio ( dimensione e formattazione, stile ecc... multipli ) oppure ti scarichi FirstPage, gratuito e nei tool c'è un ottimizzatore html OTTIMO

http://www.blueits.de/1stpage2.zip

Ah, questo te lo puoi anche risparmiare

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">

di **Nicola** » 19/11/02 14:11

Scriviti codice HTML a mano!!

Basto qs cmq:

Codice: Seleziona tutto: <html> <title>Dai Frengo</title> <body> Dai Frengo, puliscimi questa pagina! <img border="0" src="Documenti/frengosessuologo.jpg" width="485" height="390"> </html>

body e head a che servono in modo pratico??? :?:

cmq x pier: dado nn ti aveva chiesto il titolo Dai Frengo.. quindi si puo' risparmiare anche questo :lol:

e anche il border="0"

Ciao...

di **piercing** » 19/11/02 14:12

Comincia dando una bella occhiata qui e ai link indicati nella pagina...

http://www.andrearusso.it/Webmaster.html

e la ricerca continua...

di **piercing** » 19/11/02 14:26

niko...
head e body sono fondamentali e obbligatori negli standard html (IE legge pure i sassi come HTML!!)

il body è in pratica la parte "visibile" della pagina... gestisce in pratica l'oggetto "document" del browser (mi riferisco alla modellizzazione a oggetti del browser... ma nn vorrei spingermi troppo addentro)

l'head è la parte invisibile... diciamo di settaggio della pagina... se noti nella parte head nn c'è mai nulla di visualizzabile... in teoria ci dovrebbe andare anche tutto il javascript

esistono tantissimi programmi che gestiscono la correttezza del codice HTML come da standard... primo fra tutti è HTML Tidy, il cui modulo di base viene utilizzato come correttore di codice da tanti altri programmi di HTML editing

e se vogliamo essere stracompatibili... e visto che siamo in tema in altri topic... aggiungiamo l'attributo alt alle immagini....

di **dado** » 19/11/02 15:14

Grazie Pier. Ho visto, alla pagina che mi hai linkato, un pò di cose interessanti, tra le quali questa:

Il programma HTML Tidy, inizialmente sviluppato dal W3C, è invece uno strumento che permette di pulire, ossia correggere, il codice HTML scritto. Le diverse funzionalità di HTML Tidy sono configurabili e personalizzabili attraverso un apposito file .ini.

HTML Tidy è utilizzabile, nei sistemi Windows dal prompt del DOS, ma esistono diversi HTML editor che sono predisposti per utilizzarlo, come ad esempio l'ottimo editor NoteTab, con cui sono state realizzate le pagine di questo sito, strumento che consiglio a tutti coloro che vogliono scrivere il codice HTML utilizzando un editor di testo.

Inoltre è disponibile TidyGUI un semplice programma per Windows che permette di utilizzare molto agevolmente HTML Tidy.

TagCheck è invece un programma freeware che permette di controllare in modo veramente semplice e rapido la correttezza del codice html.

Li ho scaricati tutti, presto li proverò...

pier ha scritto:aggiungiamo l'attributo alt alle immagini....

...a cosa serve, scusa, l'attributo alt? :oops:

di **BianConiglio** » 19/11/02 15:25

Dado, serve per la visualizzazione alternativa delle immagini...ad es. in opera quando non le visualizzi, vien scritto quello che hai inserito nel tag alt...e metti caso che un non vedente entri nel tuo sito, il sisntetizzatore vocale descirverà l'immagine secondo la descrizione che hai messo nel tag alt

di **Frengo78** » 19/11/02 15:31

Non avevo notato gli aggiornamenti al 3d finora ma direi che il mio giochino ha avuto grosso successo! Hai visto quanta schifezza con frontpage?

di **dado** » 19/11/02 16:21

Grazie Bianco, ora ho capito.

di **Triumph Of Steel** » 19/11/02 16:25

piercing ha scritto:e se vogliamo essere stracompatibili... e visto che siamo in tema in altri topic... aggiungiamo l'attributo alt alle immagini....

Pier... ma lo sai invece che a volte l'ALT Tag su Macintosh non si vede???
:lol:

quindi non so quanto sia "stracompatibile" questo ALT...

Ah, un'altra schifezzuola da inserire è l'ALT sui link testuali... mi pare si facesse aggiungendo al TAG HREF:

Codice: Seleziona tutto: Title="Testo"

di **Triumph Of Steel** » 19/11/02 18:09

Anzi.. aggiungo che forse non funzionano neppure su NN 7 .. però provate anche voi.. non vorrei che si fosse inkasinato il mio...

di **piercing** » 19/11/02 20:48

beh... non si fa solo per la simpatica finestrella di spiegazioni... ma anche e soprattutto per i sintetizzatori vocali...

Volevo poi far notare una cosa... che forse è causa di tante male incomprensioni...

Nessun browser esistente è compatibile al 100% con gli standard W3C, e da qui scaturiscono le varie differenze tra browser... in realtà non è scritto da nessuna parte sugli standard che se attivi un evento onmouseover (cioè se vai sopra col mouse

) su una immagine deve comparire una finestrella di spiegazioni... quelle sono interpretazioni dei produttori di software...

Sta di fatto che immagino che anche i sintetizzatori vocali siano più o meno rispondenti agli standard, ma sinceramente non ne ho mai utilizzato ne visto funzionare uno...

Cmq finchè si riesce ad essere standard cerchiamo di esserlo... fortunamente i motori di lettura e interpretazione di HTML sono praticamente solo due... e le versioni di generazione 3 sono ormai in pieno disuso! (parliamo di programmi del 97 o giù di li...)

PS: se vi capita un Internet Explorer 3.0 sotto mano date un'occhiata al sito Microsoft... :lol:

di **piercing** » 19/11/02 22:21

Bene... il prog di M$ non lo trovo più e interrompo le ricerche...

In compenso ho trovato questo... piuttosto interessante... qualcuno lo prova anche con FrontPage? chissà...

http://office.microsoft.com/downloads/2000/msohtmf2.aspx

A stò punto è meglio usare Word di FrontPage

... trovo interessante la funzione di poter copiare ed editare l'HTML direttamente con Word...

Una chicca nò?

PS: Il sito di Office è pieno di ste boiate... invece di far funzionare quello che dovrebbe!! eheheh :lol:

di **kadosh** » 19/11/02 22:53

Beato chi ha il tempo di cercarle 'ste boiate eheheh

Cmq, tanto per la cronaca, il Dreamweaver è così carino e discreto, puoi visualizzare contemporaneamente la pagina completa e quella del codice per vedere ancor meglio le parti superflue...meglio di FrontPage è...

Aleggerire pagine web di codice inutile

Aleggerire pagine web di codice inutile

Topic correlati a "Aleggerire pagine web di codice inutile":

Chi c’è in linea