はじめまして
FFFTPで画像のアップをしたいのですがまったくわからなくて困っています
忍者ホームページでイラストサイトを作っているんですが忍者でのイラスト画像のアップの仕方がわからないのです
サイトのページはほぼできているんですがFFFTPで画像のアップロードのやり方だけがどうも分かりません
1)画像のURLがhttp://○○○ではなくてfile:///○○○になってしまいます
2)他の質問の答えで見たのですが保存する前に画像の挿入やリンクの設定をすると上のようなfile:///○○○のURLになるらしいですけども画像の挿入やリンクの設定コレはどういう意味なのでしょうか?
3)他のサイト様のように画像名を○○○.htmlとできません、私のは○○○.JPGなどになってしまいます。
ファイルの種類名が後ろについてしまいます。
4)フロントページエキスプレスはホームページを作るうえで必ず必要なものなのでしょうか?
質問がとても多くて本当に申し訳ありません
もし忍者でホームページを作っていたりこういうことに詳しい方がいらしたら少し分かりやすいように教えていただけませんでしょうか?
一日中自分で仕方を探してみても分からなかったので困っています。
どうぞよろしくお願いします。
No.2ベストアンサー
- 回答日時:
画像ファイルのアップロード自体は、トップページ(index.html)をFFFTPでアップロードするのと同じ要領です。
バイナリモードでアップロードすれば問題ありません。
注意すべき点は画像へのパスが合っているかどうかで、これが間違っていると、
画像のアップロードはちゃんとできているのに表示されない、
という状況に陥ってしまいます。
忍者ホームページ・画像表示についてのヘルプ
http://www.ninja.co.jp/faq/a/79/
http://www.ninja.co.jp/faq/a/57/
>1)画像のURLがhttp://○○○ではなくてfile:///○○○になってしまいます
>2)他の質問の答えで見たのですが保存する前に画像の挿入やリンクの設定をすると上のようなfile:///○○○のURLになるらしいですけども画像の挿入やリンクの設定コレはどういう意味なのでしょうか?
ホームページ作成ソフトを使って作成している場合(ソフトの仕様にもよりますが)、
保存する前は、ファイルの在る位置がソフト内で確定しないため「file://~」というパスになってしまうことがあります。
保存後はソフト内で確定されるので、「file://~」ではなくて相対パスでリンクされると思います。
※使い方によっては、保存しても「file://~」のままの場合があります。
※外部サーバーに在るファイルへリンクする時は「http://~」でリンクさせます。
メモ帳などテキストエディタを使っている場合は、そういう動作はしないはずなので、
最初から相対パスで考えて記述する必要があります。
相対パスについて
http://www.shoshinsha.com/hp/1hour/know/pass.html
相対パスでリンクを貼ってサーバーにアップロードすると、
サーバー上で「http://~」というURLになります。
>3)他のサイト様のように画像名を○○○.htmlとできません、私のは○○○.JPGなどになってしまいます。
他のサイト様は、画像をページ(HTMLファイル)に貼り付けて表示させているので、○○○.htmlとなっているのではないかと思います。
画像そのものを表示させるのであれば、○○○.jpg(JPEGファイルの場合)で問題ありません。
>4)フロントページエキスプレスはホームページを作るうえで必ず必要なものなのでしょうか?
必要ありません。
私はフロントページエキスプレスは持っていませんが、ホームページを作成・公開しています。
作成の仕方については、こちらが参考になるかと思います。
http://www.tagindex.com/hp_guide/index.html
(ホームページ作成ソフトは使わずwindows付属の「メモ帳」で作成、アップロードはFFFTP)
自分のパソコン内では、ホームページ作成専用のフォルダを用意して、ページも画像も全てそこに保存して作成すると良いでしょう。
(専用フォルダ内に画像用フォルダを作ってもかまいません。)
アップロードする際には、フォルダの位置関係を崩さないようにアップロードします。
No.1
- 回答日時:
画像自体はjpgやgifといった拡張子で表されますので、それは問題ありません。
例えばwww.abc.jpというサイトがあったとして。
ninja.jpgというファイルを直下で呼び出せるところにアップロードしたとします。(フォルダの中に入れないということです)
そうすると、画像のみを表示するなら
www.abc.jp/ninja.jpg
というアドレスでたどり着くことが出来ます。
これをHTMLで表示したいのであれば、ninja.jpgとは別にHTMLファイルを作る必要があります。
これをninja.htmlとすると、このninja.htmlには基本文(HTMLの宣言文など)のほかにIMGタグを使って、ninja.jpgを呼び出せばOKです。
Bodyタグではさんだ中にIMGタグを入れます。
<body>
<img src="./ninja.jpg">
</body>
このような感じです。
HTML文を打つのはメモ帳でもできます。
私はSuperTagPro32というフリーソフトを利用していますが、市販ソフトウェアにはホームページビルダー等もあります。
ですので、「これで打たなければならない!」というわけではありません。
一度、HTMLとはなんなのかを勉強してみるといいですよ。
とほほのWWW入門というサイト様を参考までに。
参考URL:http://www.tohoho-web.com/www.htm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
医療画像(Windows用)をMacで...
-
web拍手の画像について
-
伝言板に画像を貼り付けたいの...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
社内で利用するWebサイトを立ち...
-
java_run.batがダウンロードで...
-
HTMLページが勝手にダウンロー...
-
htmlの中にexcelが埋め込むには...
-
iPadの標準ブラウザでローカルH...
-
JSPの中にhtmlファイルを埋め込...
-
<a href=…></a>で表示されない。
-
strutsのApplicationResource.p...
-
リンク先を2つ表示させる
-
レストラン、英語のメニュー表記
-
ページ全体を中央に配置したい...
-
ソースの表示を無効にする方法。
-
googleドライブで、PDFファイル...
-
複数のindex.htmlを作ってもい...
-
自分で<head>内をかけない場合...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
医療画像(Windows用)をMacで...
-
ヤフオク画像が見れない
-
エクセルで作成した表にgifの画...
-
32MBは重いでしょうか?
-
エクセルに貼り付けた画像が壊れる
-
直リンクで画像が表示されません
-
素材の貼り付け方
-
以前保存したWEBページが一部表...
-
jpg画像が表示されない
-
画像が見れません
-
アップロードしたら画像が表示...
-
FFFTPで画像のアップロードの仕方
-
ホームページの写真や図の載せ...
-
MacでTiff画像が表示されない
-
FC2にアップしたホームページの...
-
HTMLの画像のリンクの<タ...
-
画像をURLに変換するには
-
画像暗号化の解除方法
-
古いMacの画像が見たいけど見ら...
-
ホームページが中身が見れない...
おすすめ情報