至急!!助けてください! 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>も、打ち込んであったのに消えてしまっていたりする状態です。
No.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)の内容をそれぞれ確認してみてください。
fujillinさん
ご説明ありがとうございました。
ご意見を参考にさせて頂き、原因を調べてみたところ、どうやらGoLiveので手打ちに問題があるようでした。
GoLiveでは限界みたいなので、今度は他のエディタを探して、編集を行って行きたいとおもいます。
ありがとうございました。
No.2
- 回答日時:
何かわかりませんが、windowsとMACでのファイル交換上の問題はありませんか?
**
解決法として、MAC上でGO-LIVEを使用できるなら、
GO-LIVEでサイト定義をおこなって、
GO-LIVEのFTPでUPしたほうが効率的です。
**
どうしても、widowsでuploadするなら、uploadする前に、ブラウザで確認してみることですね。
ソースも確認できますし。FTPで送信して内容が改変されることはないと思いますよ。
noname#120742さん
ご説明ありがとうございました。
ご意見を参考にさせて頂き、原因を調べてみたところ、どうやらGoLiveので手打ちに問題があるようでした。
GoLiveでは限界みたいなので、今度は他のエディタを探して、編集を行って行きたいとおもいます。
また、widowsでuploadするのもよくないのかと思い、MAC上でuploadするようにしました。
ありがとうございました。
No.1
- 回答日時:
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
なってしまうのか。
という点なのです。 わかっていただけたでしょうか?
説明が下手でもうしわけありませんが、もう一度、教えていただけると幸いです。
あと「エディタの問題」というのも詳しく教えていただけると助かります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
goo は、放置?
-
htmlの文字が縦書きになる
-
スマホ(android)のタッチパネ...
-
css初心者 フレックスボックス...
-
メモ帳の段落の揃え方
-
CSS、Bootstrapについて contai...
-
テーブルの行を折りたたみたい...
-
WEBページを強制的に横画面で見...
-
WEBサイト 画像の直接リンクに...
-
CSSについて教えてください。 ...
-
列のどこをクリックしてもソー...
-
ボタンが押されたらWebページの...
-
アコーディオンメニューが思う...
-
テーブルタグのセルの幅の一部...
-
iPhoneで HTMLファイルを閲覧
-
角丸画像の背景色を透明にした...
-
htmlソース文の 各行 改行位置...
-
ホームページのURLをコピー...
-
pythonのコードについてご教示...
-
すいません HTMLです この画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報