pagina in bbedit non si vede!

[paolabacci72]

ciao a tutti! Ho un quesito da porvi...

avevo fatto la mia prima pagina web, la home page, e l'ho caricata su altervista.
la pagina è stata fatta in word e poi salvata come solo testo ed estensione.html. Non dava problemi, salvo che alla fine mi compare tutto il codice, quindi devo aver fatto qualcosa di errato in qualche tag...comunque mi visualizzava i colori, i link corretti e funzionanti, e il logo...tutto a posto.

Con I.e. però era un macello, (io uso apple e ho safari) per cui
adesso la ho risalvata usando BBdit, salvando il file UNIX con codifica
utf-8. Ho specificato tale codifica nella sezione head della pagina di bbedit....ma accade che adesso NON SI VEDE NULLA! Ho ricaricato i file su altervista e si apre una pagina bianca...



qualcuno ha idea di cosa altro possa aver fatto di errato? grazie!!

[paolabacci72]

ciao di nuovo,
prima che mi rispondiate volevo dirvi che il problema è proprio nel file...forse ho sbagliato il salvataggio?

Perchè il file word salvato solo testo e estensione html lo apre e quello in BBedit salvato come unix e codifica utf-8 no...non è strano????
se apro il file di word, (quello salvato solo testo ed estensione.html) normalmente, cioè non con safari, mi compare una pagina senza codifiche del css, ma comunque vedo i link, il loghetto. non vedo i colori eccetera ma comunque viene letta come pagina web, non come testo. Invece il file di Bbedit se lo apro normalmente, compare il codice. dove ho sbagliato??


io ho fatto copia e incolla del testo da word a Bbedit, poi ho aggiunto nella head del codice
<meta http-equiv="content-type" content="text/html;
charset=utf-8 />

e poi ho salvato come vi ho detto, nominando il file index.html

spero che possiate darmi una mano, grazie mille!!!

[Pablo90]

Non ti seguo...Cosa c'entra il file word con l'html?
Comunque il fatto che sia un macello non è dovuto alla codifica, bensì a IE..
I browser interpretano i tag a modo loro, e soprattutto interpretano a modo loro gli errori/dimenticanze.. Prima di tutto vai su W3C.org e cera il controllo del XHTML e del CSS, e fai in modo che sia valido..

Poi per il resto devi vedere tu. Devi provare e riprovare, evitando tag che non vanno nelle versione vecchie di IE e controlla un po'..Non è facile creare una skin che al primo colpo sia accettata da IE, FF, Safari, Opera e simili..

[paolabacci72]

ciao palblo,
grazie per la tua risposta!
word c'entra perchè come dicevo fino ad ora ho scritto i codici in word, salvando il file come "solo testo" e assegnandogli l'estensione .html, e funziona, cioè se il file poi me lo apro con safari o con firefox funziona bene, mi si apre la mia bella pagina web con link eccetera!

Adesso invece avevo scritto il codice usando BBedit, credo che sia molto più professionale, giusto?
ma se salvo il file normalmente come "unix" succede che non mi viene letto come pagina web, e non capisco il motivo. se mi apro il file con safari, invece della mia bella pagina web, si apre una pagina bianca! praticamente il file resta solo un file di testo...come faccio a "convertirlo" in una pagina web??


PS
scusami che intendi per "cera il controllo del XHTML e del CSS,"? Che andando sul sito del W3C posso verificare il mio codice praticamente...giusto?




ciao, grazie ancora e buona giornata!

[Gufo]

Originariamente inviato da paolabacci72
.....Adesso invece avevo scritto il codice usando BBedit, credo che sia molto più professionale, giusto?

Non è giusto, la proffessionalità non la fa ciò che usi ma ciò che scrivi!

ma se salvo il file normalmente come "unix" succede che non mi viene letto come pagina web, e non capisco il motivo. se mi apro il file con safari, invece della mia bella pagina web, si apre una pagina bianca! praticamente il file resta solo un file di testo...come faccio a "convertirlo" in una pagina web??

Come facciamo a rispondere alle tue domande se non sappiamo ciò che hai scritto, se hai salvatro il file con estensione .htm, ecc. ecc...

Se il codice è scritto correttamente non c'è bisogno di convertire nulla

[paolabacci72]

ciao gufo, grazie della risposta...mi dispiace, forse non riesco ad esprimermi correttamente...

sull'uso di Bbedit che sia più professionale rispetto a word, non credo sia sbagliata come affermazione,
me lo hanno detto in tantissimi, word d'altronde non è un editor di testo...non sei daccordo su questa cosa?

la questione è, credo (ma non so) al di là del codice che ho scritto, che quello stesso e identico codice, (scritto usando word e salvando il file come solo testo e .html) usando BBedit non mi viene letto invece pagina web, infatti se lo apro con safari mi viene visualizzata una pagina bianca.
Se ci fosse un problema nel codice dovrei avere problemi anche usando word...o dico male?
Anche io pensavo che bisognasse salvare il file e basta, ma non funziona...uff!

mi domandavo quindi come mai accadeva questa cosa e da cosa poteva dipendere..spero di essere riuscita a spiegare meglio la faccenda..ad ogni modo vi ringrazio!

se pensi sia utile comunque vi posto il codice...se vedete simboli strani succede quando faccio copia incolla sul sito...quindi non li considerate..

<!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>gif idea - grafica fotografia e illustrazione</title>

<link rel=”foglio_stile”type=”text/css” href=”home200.css”/>

</head>

<body>
<div id=”container1”>
<div id=”header”>
<div id=”spazionav”>
<div id=”navigation”>
illustrazione
un po’ di…
</div>
</div>
<div id=”logoheader”><img src¬=”loghettoheader.gif”;>
</div>

</div> <!—chiusura header→
<div id=”container2”>
<div id=”contenuti”>
</div> <!—chiusura contenuti→
</div> <!—chiusura container2→
<div id=”footer”>
</div> <!—chiusura footer→
</div>

</body>
</html>



ciao e ancora grazie!!!

[Gufo]

Quando posti il codice usa i tag [CODE][/CODE] come sto per fare io, ci sono apposta per essere usati

Questo è il tuo codice con un paio di correzioni provalo!

<!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>gif idea - grafica fotografia e illustrazione</title>
<link rel="stylesheet" type="text/css" media="screen" href="home200.css" />
</head>
<body>
<div id=”container1”>
<div id=”header”>
<div id=”spazionav”>
<div id=”navigation”>
illustrazione
un po’ di…
</div>
</div>
<div id=”logoheader”><img src¬=”loghettoheader.gif”;>
</div>
</div> <!—chiusura header→
<div id=”container2”>
<div id=”contenuti”>
</div> <!—chiusura contenuti→
</div> <!—chiusura container2→
<div id=”footer”>
</div> <!—chiusura footer→
</div>
</body>
</html>

Quando il codice è scritto come si deve non importa con cosa lo scrivi è professionale anche scritto con blocco note

[paolabacci72]

ti ringrazio moltissimo,
ora devo assentarmi ma appena rientro lo provo subitissimo!!

terrò a mente ciò che mi hai detto sulla professionalità o meno...non è il mezzo a fare la differenza ma come lo si usa...!

ciao e buona giornata!!

[paolabacci72]

ciao gufo,
finalmente sono riuscita a rimettermi a "studiare" un po'...sono stata fuori per lavoro!

dunque, ricaricando su altervista il file con le tue modifiche ho risolto il problema del codice che mi compariva sotto al footer!

Devo risolvere ancora una marea di cose...ho provato ad aprire la pagina su i.e. e su firefox....che macello!!! i.e. compare solo l'header con il loghetto e i link all'interno, ma l'header è centrato mentre il loghetto e i link stanno tutti a destra...evidentemente nel css ho allineato a destra...insomma da rivedere tutto.
In firefox invece, anche qui scompare il footer, ma almeno i link e il loghetto sono posizionati in maniera corretta rispetto all'header.

comunque ti scrivevo solo per ringraziarti per avermi risolto un problema...adesso mi rivedo tutto il codice ed il css per vedere che ho combinato..

Un ultimo consiglio: secondo te mi conviene procedere all'impostazione delle pagine con i collegamenti tra di loro eccetera e poi alla fine risolvere i problemi di visualizzazione sui vari browser, oppure impiegarci anche "una vita" per la prima pagina ma fare in modo che di volta in volta si abbiano tutte pagine già complete e definite "perfettamente"? In verità mi sto un po' avvilendo...ma arriverò fino in fondo! grazie dei consigli e buona giornata!

[Gufo]

Originariamente inviato da paolabacci72
ciao gufo,
finalmente sono riuscita a rimettermi a "studiare" un po'...sono stata fuori per lavoro!

dunque, ricaricando su altervista il file con le tue modifiche ho risolto il problema del codice che mi compariva sotto al footer!

Devo risolvere ancora una marea di cose...ho provato ad aprire la pagina su i.e. e su firefox....che macello!!! i.e. compare solo l'header con il loghetto e i link all'interno, ma l'header è centrato mentre il loghetto e i link stanno tutti a destra...evidentemente nel css ho allineato a destra...insomma da rivedere tutto.
In firefox invece, anche qui scompare il footer, ma almeno i link e il loghetto sono posizionati in maniera corretta rispetto all'header.

comunque ti scrivevo solo per ringraziarti per avermi risolto un problema...adesso mi rivedo tutto il codice ed il css per vedere che ho combinato..

Un ultimo consiglio: secondo te mi conviene procedere all'impostazione delle pagine con i collegamenti tra di loro eccetera e poi alla fine risolvere i problemi di visualizzazione sui vari browser, oppure impiegarci anche "una vita" per la prima pagina ma fare in modo che di volta in volta si abbiano tutte pagine già complete e definite "perfettamente"? In verità mi sto un po' avvilendo...ma arriverò fino in fondo! grazie dei consigli e buona giornata!

Devi fare tutte le pagine che vadano perfettamente con FF possibilmente usando un unico foglio di style esterno per tutte le parti comuni alle varie pagine, poi con i commenti condizionali adatti il tutto agli altri browser