A 回答 (4件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
根本的にあなたのソースの指定方法が間違っています。
これではweb上にアップしたときにあなた以外画像ファイルはみられません。相対パスで指定するようにしましょう。絶対パス・相対パスに関してはHTMLリファレンスの本などをみれば載っていることですので今一度お確かめください。では。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
さっそくありがとうございます。な、何と私のソースが基本的に違ってるってことですよね。なんせまったくのど素人なので、何が何だか。でも頑張って勉強して見ます。ありがとうございます。
No.2
- 回答日時:
%20は半角スペースの代替参照です。
My%20Documents/My%20PicturesならMy Documents/My Picturesと置きかえられます。
file:///はローカルドライブ(自分のマシン)内のファイルをURL指定する場合の書式です。
なお、
<img border="0" src=file:///C:/My%20Documents/My%20Pictures/ichigopafe.gif>
と記述したHTMLは、サーバスペースにアップロードしても「絶対に」正しく表示されませんので、今のうちにちょこちょこ直しておきましょう。
正しい書式は
<img border="0" src="ichigopafe.gif" width="" height="">
です。(width="" height=""には画像の縦横サイズを記入する)
また、HTMLに対して画像フォルダを掘ってその中に画像をまとめて格納するならば、
<img border="0" src="./images/ichigopafe.gif" width="" height="">
等となります。(フォルダ名はimagesでなくても任意)
注意事項としては、
・あなたのマシンのドライブ/フォルダ構成はサーバ上では再現できないので、file:///…で始まるローカル指定は捨て去りましょう。
・半角スペースを含むフォルダ内でのHTML編集は、正しい動作が保証できないので、ドライブのルートから半角スペースを含まないフォルダを掘って、そこで編集するようにしましょう。
(C:\HTML\ 、C:\MYHOME\ など)
詳しく説明していただいてありがとうございます。私のソースが間違ってるって知らなかったです。そもそもフロントページってマイクロソフトのホームページを作成するソフトがありますよね。それを見ながらペイントで作成してるんですけど、フロントページのソースをまねしてもだめなんですか?そういうことじゃないのかな。私の場合画像を保存してる場所が悪いってことなんですか?半角スペースを含まないフォルダっていったいどこなんですか。右も左もまだ分かってないので、良かったら教えてください。
No.3
- 回答日時:
こんにちは。
sesame さんへのお礼にある、>それを見ながらペイントで作成~ってのは、多分、メモ帳の間違いでしょうか?
実は、私も同じ事やってます。但し元をつくったのはフロントページじゃなくて、ネットスケープコンポーザーですけど。(^^ゞ
最近は、HTMLの単語(タグといいます)を結構覚えてきたので、最初からメモ帳だけで書けるようになりましたけど。
そうやって、この程度のことは出来るようになります。↓(参考URL)
それから、>半角スペースをふくまない~っていうのは、インターネットでは、フォルダ(ディレクトリといいます)やファイル名は、半角英数文字しか
使えません。ですから、半角カタカナや半角スペースもダメです。
まず、使うファイルの名前等を全部、半角英数字に直しましょう。
それから、大文字と小文字も区別されるので、どちらかに統一した方がいいです。
例えば、
富士山.jpg → ×
fujisan.jpg → ○
あと、実際のファイル名が Fujisan.jpg で HTMLに fujisan.jpg ってやるとパソコンの中にある時は表示されるけど、インターネットのサーバーにアップロードすると見えなくなっちゃいます。
だから、>半角スペースをふくまないフォルダ~というのは、どこかにあるんじゃなくて、フォルダの名前を変えて作っちゃうんです。
ファイル名も同様に。全て半角英数字だけ。これを忘れずに。
ではお互いに頑張りましょう。
参考URL:http://www13.u-page.so-net.ne.jp/zd5/gonbe7/
親切に教えてくださってありがとうございます。そうそうペイントじゃなくて、メモ帳です。すいません。意味が少し分かりましたよ。そういう意味だったんですね。ありがとうございました。それからホームページ見させてもらいました。早くみなさんみたいに作れるように頑張ります。
No.4
- 回答日時:
簡単に説明すると、サーバ上に作成するサイトをbudouajiさんのPC上に再現するわけです。
ディレクトリ構造
C:\ <コンピュータのルートディレクトリ
|
...-home <Webページのルートディレクトリ
......|
........--contents <htmlファイルを格納
......|
........--image <画像ファイルを格納
......|
........--sound <音声ファイルを格納
など、格納するファイルの種類によってディレクトリを分けると管理しやすくなります。
また、「contents」ディレクトリの中を更に分けて、プロフィールやリンク等のコンテンツ毎にしておくと、これまたファイル管理がしやすくなります。
そして、Webページで扱うファイルは、全て「home」以下のディレクトリに保存しておくことです。
(外部リンクを除く)
リンクについては、現在の場所からの相対的な位置関係で表す「相対パス」にしておきましょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP 画像が表示出来ません。 1 2023/02/02 16:30
- Perl perlの構文でカンマの意味が分からない 2 2022/10/30 01:53
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
Application.OnTimeで引数付き...
-
HTMLの階層移動
-
[URL] "*/index.cgi" を "*/" ...
-
サーバー内のフォルダにある写...
-
フォルダ内の最初のファイル名...
-
イントラネットURLの登録方法
-
URLについて
-
XREA使用で作成したHTMLファイ...
-
URLの日付について
-
webサイトの「index」を非表示...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
フレーム内のPHPへPOSTで情報を...
-
ホームページでファイルをダウ...
-
htmlファイルの表示が真っ白
-
【HTML】1クリックで複数ファイ...
-
googleドライブで、PDFファイル...
-
Webサイトから、txtファイルを...
-
どのページもすべて同じURLなの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
リンク先に日本語フォルダがあ...
-
XREA使用で作成したHTMLファイ...
-
複数のindex.htmlを作ってもい...
-
Application.OnTimeで引数付き...
-
Apacheで、indexの拡張子別に優...
-
URLの日付について
-
フォルダ内の最初のファイル名...
-
Windows環境下のHTML内部リンク...
-
.htmと.htmlの違い
-
webサイトの「index」を非表示...
-
htaccessを利用してurl正規化
-
URLに「.html」の拡張子がなく...
-
数秒で自動リンクするページを...
-
トップページ「/index.html」の...
-
複数のindex.htmlが存在するホ...
-
indexをつけないとどうなる?
-
絶対パスのルートをサブディレ...
-
ホームを index.html から inde...
-
index.htmlファイルはどこに?
おすすめ情報