画像表示の仕方

[新着] Webテンプレートを仮オープンしました

0   名前： みさやん ： 2007/07/06（金） 18:10  ID:kPE2M16Y sub-Ax
こんにちわ。
私は今大学の授業の一貫で、ＨＰ作りをしています。
そこで質問なのですが、私が自分のデジカメで撮影した画像をＨＰにとりこみたくて、
ソースに　　<img src ="ファイル名.jpg">　　としても画像が表示されません。
どうしたら表示されるのでしょうか？　重すぎなのでしょうか？
　とても基本的なことと思いますが、どうしてもわからないので、ぜひどなたか教えていただけたらうれしいです。

1   名前： あや ： 2007/07/06（金） 18:10  ID:TRVH9wjM sub-ND
こんにちは。
考えつくのは
1.画像ファイルがアップロードされていない。
2.画像ファイルに日本語などを付けてしまっている。
3.パスを含めたタグの記述が間違っている。
でしょうか。
そのサイトを拝見できることが確実なのですが、状況を再現できるソースを提示することも難しいでしょうか？

文法チェックもしてみてください。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
2   名前： みさやん ： 2007/07/06（金） 18:10  ID:kPE2M16Y sub-Ax
すいません・・・・
その「アップロード」の仕方ってどうすればいいのでしょうか？
初歩的な質問で申し訳ないです。
3   名前： モノ ◆7YMtX/NYmu ： 2007/07/06（金） 18:10  ID:kqesmFoG sub-Cl
授業の一環ということですから、
アップロードもいわゆるFTPクライアントを使用してのものではないかもしれません。
(サーバの個人のフォルダにコピーするだけとか)

で、そーゆー操作をした覚えがないのなら、
自分が作成しているHPのフォルダ構成を詳しく書くといいと思います。
例えば
「マイドキュメントの中に「HP」というフォルダを作っています。
その中に、index.htmlというファイルがあります。
画像は、マイドキュメントの中のマイピクチャに保存してあります。
マイピクチャの中にあるファイル名.jpgという名前の画像を
HPフォルダの中のindex.htmlで表示したいです。」
といったように。
あと、画像が表示されないhtmlファイルのソースも提示しておきましょう。
4   名前： モノ ◆7YMtX/NYmu ： 2007/07/06（金） 18:10  ID:kqesmFoG sub-Cl
追記

ソースの中にあなたの名前や学校名なんかが含まれてて、
それは公開するのにためらいがあるのなら、
そーゆー部分については適宜他の文字へ置き換えたり伏せたりしてもかまいません。
5   名前： 匿名 ： 2007/07/06（金） 18:10  ID:kPE2M16Y sub-Ax
ご指摘ありがとうございます。

私は、マイコンピュータでリムーバブルディズクの中に「課題」というフォルダをつくっていて、
その中に「menu.html」というファイルがあります。

画像はマイドキュメントの中のマイピクチャに保存してあるものです。
マイピクチャの中にあるファイル名.jpgという名前の画像を
「課題」という名前のフォルダの中の「menu.html」で表示したいです。
6   名前： みさやん ： 2007/07/06（金） 18:10  ID:kPE2M16Y sub-Ax
「匿名」ですが、「みさやん」です。
失礼しました・・・
7   名前： みさやん ： 2007/07/06（金） 18:10  ID:kPE2M16Y sub-Ax
何度もすいません

ソースです。　　まだとても単純なものですが


<html>
<head>
<title>MENU</title>
</head>

<body bgcolor =black >

<b><font size =8><font color =deeppink>MENU</font></b><br>

<hr size =7 color = lawngreen><br>

<font size =6><a href="profile.html" target="misayan">
<font color =salmon>[PROFILE]</a><br>

<font size =6><a href="aboutmickeymouse.html"target="misayan"><font color =copper>
[ABOUT MICKEY MOUSE]</a><br>

<font size =6><a href="photo.html"target="misayan"><font color =blue>[PHOTO]</a><br>


8   名前： カヅサツ ◆ThCi95HEzw ： 2007/07/06（金） 18:10  ［URL］  ID:O5hEMlpW sub-r2
> 私は、マイコンピュータでリムーバブルディズクの中に「課題」というフォルダをつくっていて、
> その中に「menu.html」というファイルがあります。

> 画像はマイドキュメントの中のマイピクチャに保存してあるものです。
> マイピクチャの中にあるファイル名.jpgという名前の画像を
> 「課題」という名前のフォルダの中の「menu.html」で表示したいです。

>>1 でも書かれていますが、ファイル名に日本語を使わぬ方が無難です。

・「マイピクチャの中にある『ファイル名.jpg』」のファイル名を、『test.jpg』に書き換えます。
・『test.jpg』を『menu.html』と同じフォルダに入れます。
・『menu.html』を以下のように書き代えます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<title>MENU</title>
<style type="text/css"><!--
body{
	color: white;
	background-color: black;
}
h1{
	color: #ff1493; /* deeppink は公式のルールで定義されていない */
	font-size: 300%;
	border-width: 0px 0px 7px 0px;
	border-style: solid;
	border-color: lawngreen;
}
ul.menu{
	margin: 2em 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 230%;
}
a.profile:link{
	color: #fa8072; /* salmon は公式のルールで定義されていない */
}
a.aboutmickeymouse:link{
	color: #bf00df; /* copper は公式のルールで定義されていない */
}
a.photo:link{
	color: blue;
}
--></style>
</head>
<body>
<h1>MENU</h1>
<ul class="menu">
	<li><a href="./profile.html"
		class="profile">[PROFILE]</a></li>
	<li><a href="./aboutmickeymouse.html"
		class="aboutmickeymouse">[ABOUT MICKEY MOUSE]</li>
	<li><a href="./photo.html"
		class="photo">[PHOTO]</li>
</ul>
<p><img src="./test.jpg" alt=""></p>
</body>
</html>

・http://openlab.ring.gr.jp/k16/htmllint/htmllint.html で文法チェックしながら改造します。

参考：
http://www.kanzaki.com/docs/htminfo.html
http://www.asahi-net.or.jp/~sd5a-ucd/www/
http://members.jcom.home.ne.jp/jintrick/Personal/markup.html
http://members.jcom.home.ne.jp/pctips/www/
9   名前： モノ ◆7YMtX/NYmu ： 2007/07/06（金） 18:10  ID:kqesmFoG sub-Cl
画像を表示するための記述が見当たりません。
「表示されないのでその部分は削除した」
というのなら、表示されない状態のソースを提示しないことには
何が原因かを確定することは難しくなってしまいます。

で、
・htmlファイルはリムーバブルメディアの中にある
・画像はマイピクチャにある
ということですよね？

サイトで使うファイルはまとめておいた方がわかりよいと思います。
今回の場合、「課題」フォルダの中にまとめるということですね。
またたとえば、画像ファイルは画像ファイルでまとめて分類したいなら、
「課題」フォルダの中にフォルダを作成して、その中に保存すると良いでしょう。

今回はとりあえず、マイピクチャの画像を「課題」フォルダの中にコピーし、
その上で
<img src="ファイル名.jpg" alt="">
と記述してみるとどうでしょうか。
10   名前： みさやん ： 2007/07/06（金） 18:10  ID:kPE2M16Y sub-Ax
みなさんありがとうございました。

とても単純な間違いをしてました・・・・

「課題」フォルダに表示したい画像のファイルが含まれてなかったです。

ただそれだけでした。。申し訳ないです!!!

また疑問点がでてくるとおもうので、そのときはまたよろしくお願いします！失礼しました。
一覧へ戻る