プロが教えるわが家の防犯対策術!

至急!!助けてください! htmlファイルについての質問です。

現在、勉強しながらHPをつくっています。環境が古いのですが、MAC環境で、イラストレーターでページ全体を作って、
フォトショでスライスで切って、web用に保存し、リンクや画像の貼り付けなどをGoLive4.0で行い、CSSや、
インラインフレームなどをGoLive上でソースの手打ちを行っています。 アップはwindousで、FTTPを使いupしているの状態です。
質問の内容はGoLive上で手打ち又はフォトショで作られたソース(タグ)がFTTPを介してweb上で確認すると、タグが乱れて、
表示がぐしゃぐしゃになってしまいます。
これはどうして起こるのか? どうすれば直るのか教えてください。
現在はおかしくなった箇所をもう一度GoLiveで開いてソースの打つ直しをしてもう一度確認すると、
今度は他の場所のタグがおかしくなってしまい。を繰り返し、原型をとどめてなく、途方にくれております。
どなたかご指南ください!

-------↓こんな感じです↓--------

初めに作っておいたもの↓
<div id="syouhin-35">
<a href="000000.html"><img src="images/syouhin_35.jpg" width="91" height="20"alt="にんじん" border="0"></a></div>

保存してFTTPに入れてからWEBで確認。又はGoLive上でソースを開き直すと↓
<divid="syouhin-35">
<a href="000000.html"><img c="images/syouhin_35.jpg" width="91" height="20" lt="にんじん" border="0"></a></di


みたいな…

なぜか、きちんと打ってあったものを一度保存して、もう一度ソースを開いて確認するとすこしずつ、おかしくなるんです。

わかりずらいかもしれませんが、教えてください。<head>内でスライスで切った画像をCSSで指定はしています。
<html>や<head><body>等もきちんとしていますし、タグもGoLive上では正しい状態になっていることは確認して保存しています。
しかし、FTTPを介してweb上(windos)で確認すると、なぜか、指定したCSSやタグ名の一部が
<div id="syouhin-35">→<divid="ouhin-35">
に変っていたり、最後の</body>や</html>も、打ち込んであったのに消えてしまっていたりする状態です。

A 回答 (3件)

よくわかってませんが…


多分、こんな手順でソースを操作なさっていると思います。

1)GoLiveのエディタで表示されるHTMLソース
2)GoLiveで作成されたHTMLファイル
3)Windowsに移動(コピー)したHTMLファイル
4)FFFTPでアップロードした、サーバ上のHTMLファイル
5)Webブラウザで表示されるHTMLソース

想像では1)と5)を比較しているのではないかと思いますが、最初と最後の間のどこかにおかしなところがあるのは分かりますが、どこなのかがわかりません。
2)、3)の内容がどうなっているかを確認することで、どこに原因があるかを特定できると思われます。
(とりあえず、4)と5)は同一と考えてもよいでしょう)
HTMLファイルは、内容的にはテキストファイルなので、普通のテキストエディタで2)、3)の内容をそれぞれ確認してみてください。
    • good
    • 0
この回答へのお礼

fujillinさん

ご説明ありがとうございました。

ご意見を参考にさせて頂き、原因を調べてみたところ、どうやらGoLiveので手打ちに問題があるようでした。 

GoLiveでは限界みたいなので、今度は他のエディタを探して、編集を行って行きたいとおもいます。

ありがとうございました。

お礼日時:2010/11/08 10:03

何かわかりませんが、windowsとMACでのファイル交換上の問題はありませんか?


**
解決法として、MAC上でGO-LIVEを使用できるなら、
GO-LIVEでサイト定義をおこなって、
GO-LIVEのFTPでUPしたほうが効率的です。

**
どうしても、widowsでuploadするなら、uploadする前に、ブラウザで確認してみることですね。
ソースも確認できますし。FTPで送信して内容が改変されることはないと思いますよ。
    • good
    • 0
この回答へのお礼

noname#120742さん

ご説明ありがとうございました。

ご意見を参考にさせて頂き、原因を調べてみたところ、どうやらGoLiveので手打ちに問題があるようでした。 

GoLiveでは限界みたいなので、今度は他のエディタを探して、編集を行って行きたいとおもいます。

また、widowsでuploadするのもよくないのかと思い、MAC上でuploadするようにしました。

ありがとうございました。

お礼日時:2010/11/08 10:17

windous windos ← Windows です



lt="にんじん" border="0"></a></di ← alt とか </div>とかちゃんと書けてない

<head> ← 左側の<が全角になってる

<divid="ouhin-35"> ← スペースが消えるのはエディタの問題かも

この回答への補足

ご回答ありがとうございました。

「Windows」と「<head>」は自分の間違いですね。すみません。気をつけます。

 「lt="にんじん" border="0"></a></di」 ← alt とか </div>とかちゃんと書けてない

という、ご指摘なんですけど、ちゃんと書けていないのは承知なのですが、教えて頂きたいのは、

ちゃんと書いてあった、 alt とか </div>とかが、その正しいタグが書いてあるhtmlファイルを

一度保存して閉じてから、WEB上でもう一度、htmlファイル開いてみると、なぜ lt  や </di

なってしまうのか。

という点なのです。 わかっていただけたでしょうか?

説明が下手でもうしわけありませんが、もう一度、教えていただけると幸いです。

あと「エディタの問題」というのも詳しく教えていただけると助かります。

補足日時:2010/11/04 12:19
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!