HTMLでのホームページ作りを始めたばかりで、又、つまずいてしまいました。もしよろしければ、教えていただきたいのですが、素材屋さんで、壁紙をいただきました。壁紙はコピーしてデスクトップに保存している状態なんですが、これを、実際にホームページの背景として利用する方法を教えていただけませんか?
 それと、壁紙とか、画像を素材屋さんから、利用する場合、単に、コピーして、保存という手順は作成手順として、根本的にまちがっているのでしょうか?
 専門サイトや、本なども読んでいるのですが、肝心なところが、難しくて、よくわかりません。ご協力お願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (6件)

ファイルの拡張子が表示されていないということなのではないでしょうか?


例えば…「ch24.jpg」もしくは「ch24.gif」という風に。「.jpg」や「.gif」そして「.bmp」等といったものが画像の種類をあらわす「拡張子」となります。
素材屋さんからもらってきた壁紙というのはch24というのだけわかってるんですよね?
ということは拡張子を表示させる動作を行わなければなりません。私はWin98ですが、
「マイコンピュータ」→「(一番上のメニューにある)表示」→「(するとメニューがしたにおりてくるので)フォルダオプション」→「表示」→「登録されているファイルの拡張子は表示しない」のチェックをはずします。
すると今まで見えていなかった「拡張子」が表示されるようになります。
Win98でなくても似たような操作で行えば拡張子は表示されるようになります。
そして拡張子が表示されたらこっちのものです!
HTMLのタグで「ch24.拡張子」となっているものを
<body background="ch24.拡張子">
と指定してやると見事に壁紙に画像が表示されます。
最初私も分からないことだらけでしたがやっていくうちに慣れて出きるようになりました。慣れるより慣れろということですかね。
がんばってください!
また分からないことがありましたらぜひお聞きください
    • good
    • 0
この回答へのお礼

 ありがとうございます。色々勉強になりました。今後も色んな質問(経験者からすると、こんな事、自分でなんとかせいよ!って思われるかも知れませんが)をすると思いますが、どうかよろしくお願いします。

お礼日時:2002/03/11 20:40

こんにちは。


拡張子ですが、画像に関しては取りあえず必須ではないはずです。
しかし、整理の都合上、つけた方が良いでしょう。
後にインターレースやプログレッシブにしたいときに若干不便ですし。
特に、もしMacをお使いの場合、
拡張子がないのが普通ですから、余計に面倒ですが、
特別理由がないのでしたら、拡張子を付けることを習慣にされた方が無難です。
素材屋で拡張子がない場合、WEB上のどこかに断りが無いといけないとは思いますが、
勝手に加工されないための工夫の一種なのかも知れませんね。

また、タグ打ちの方法ですが、
基本的には最低限必要な、
<HTML>
<BODY>***</BODY>
</HTML>
があれば成立しますので、
実験なら<HEAD>や<TITLE>、本文などは必要ありません。

あと、まだそこまで行っていないかも知れませんが、
背景画像は、<BODY>に入れるだけでなく、
<TABLE>内のセルにも指定できます。

何かありましたら、また。
    • good
    • 0
この回答へのお礼

 ありがとうございました。おかげさまで、一歩まえに進む事が出来ました。たぶん、今後も皆さんのお世話になると思いますが、又か?と思わず助けて下さい。  ホームページ完成の暁には、新人さんの為の相談ページをつくる予定です。

お礼日時:2002/03/11 20:36

No.#3の柚木です。


えっと、HTML文書を保存するときの拡張子は「.html」または「.htm」です。ファイルの種類を「すべてのファイル(*.*)」にしてファイル名の後ろに上記の拡張子をつけます。
壁紙の拡張子の方は画像の保存の際の、ファイルの種類が「GIF」だったら「.gif」を、「JPEG」だったら「.jpg」にします。他にも「.png」や「.bmp」などがありますが、先の2つがが多いと思われます。
実験的に壁紙だけのページを作るなら、
<HTML>
<BODY background="壁紙のファイル名.jpg(または「.gif」)">
</BODY>
</HTML>
の記入だけでも可能です。
では、健闘をお祈りします。
    • good
    • 0
この回答へのお礼

 ありがとうございます。なんとか、壁紙貼り付けられました。次のステップに進めます。大変参考になりました。今後も、経験者の方には、簡単な質問をしてしまうかもしれませんが、あきれずに教えて下さいね。

お礼日時:2002/03/11 20:48

タグ打ちですよね??私もタグで作ってます。


壁紙の貼り方は下でお二人ほど書いていらっしゃるので、もう一つの方を・・・。
画像使用の手順は間違っていないのですが、デスクトップに保存するのは少し使い勝手が悪いと思うので、ホームページ用のフォルダを作ってそこに保存する事をおすすめします。
それでは、ホムペ作成頑張って下さい。

この回答への補足

 ありがとうございます。ところで、ホームページ作成用のファイルって、何か拡張子とかつけなくていいのですか?すごくとんちんかんな事を聞いているようなきもしますが、今まで、聞きなれなれなかったんですが、最近、非常に敏感になってまして・・・。もしよければ、教えて下さい。

補足日時:2002/03/11 17:41
    • good
    • 0

壁紙の張り方



まず、<body>というタグを探してください。みつかったら下のように

  <body background="****.jpg">

と書きます。backgroundっていうのポイントです。また、"****.jpg"
には背景に使う画像のファイル名を記述します。場合によっては
../****.jpgみたいになります。これは相対パスといいます。
わからなければ補足をどうぞ。

また、手順としては間違っていません。安心してください。
ページ上を右クリックなどして保存し、それをアップロード
して自分のホームページに使う、で間違いないです。

素材屋さんによっては、圧縮ファイルをダウンロードさせる
ところもありますね。

この回答への補足

今日やりだしたばかりで、よく分からないんですけど、壁紙の名前とか拡張子って変更してやらなくていいんでしょうか?
 名前はch24としか出ていないんですけど・・・。拡張子とかも全然わかんなくてて、とりあえず、実際にやった事があるのは、最初の文字の入力と、背景の色の変更だけなので、壁紙だけのページを実験的に作ってみようと思ったんですが、これだけでできるんでしょうか?(壁紙指定のタグを入力するだけで)それとも、説明書籍どうり、文字を入力して、云々してと手順をおって、入力しないとダメなんでしょうか?ついでのようで申し訳ありませんが、ヒントにさせていただきたいのですが、お願いします。

補足日時:2002/03/11 17:34
    • good
    • 0

ホームページ作りですか、私も作り始めてからそれほど


時間が経ってないので他人事ではないです…。

サイト作りはHTMLのタグ手書きですか?それならば
<BODY … background="g6b.gif">
というようにBODYタグの中に上のようなタグを書き込んで
下さい。””の中は壁紙の名前です。これを間違うと表示
されないので気を付けて下さいね(g6b.gifというのは例
ですから誤解しないで下さい)。
また、壁紙(というか使いたい画像)がホームページの
ファイルが置いてあるフォルダに一緒に入れられてないと
適用されません。

ホームページビルダーなどがあればもっと簡単にそこらの
設定ができるのですが…。

ちなみに壁紙が欲しい場合は、おっしゃる通りコピーで
構いませんよん。

この回答への補足

>壁紙(というか使いたい画像)がホームページの
ファイルが置いてあるフォルダに一緒に入れられてないと
適用されません。
そうなんですか?まだホントに昨日、今日やりだしたばかりで、よく分からないんですけど、壁紙の名前とか拡張子って変更してやらなくていいんでしょうか?
 名前はch24としか出ていないんですけど・・・。拡張子とかも全然わかんなくてて、とりあえず、実際にやった事があるのは、最初の文字の入力と、背景の色の変更だけなので、壁紙でも張ってみたかったんですが・・・。
 そんな訳で、拡張子云々もよく理解できていない次第なのですが・・・。

補足日時:2002/03/11 17:26
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QHTMLの画像の位置の指定

HTMLで、画像の位置などを決めるときに、<div align="center"></div>などを使いますが、CSSやジャバスクリプトで使用している、


position:absolute; 絶対配置
position:relative; 相対配置
position:static; 通常配置(指定しない場合はこれ)
position:fixed;
上のようなポジションタグを使う事は可能ですか?

できれば、そのサンプルのようなものを書いてもらえると 助かります。

Aベストアンサー

こんばんは。
私は画像については良く位置指定をします。
インラインCSSで書きますと、

<div style="position:relative; top:100px; left: 20px;"><img src="ここに画像1へのパスを書きます/gazou1.jpg" width="330" height="200" border="0" alt="画像1"></div>

絶対指定なら;
<div style="position:absolute; top:100px; left: 20px;"><img src="ここに画像1へのパスを書きます/gazou1.jpg" width="330" height="200" border="0" alt="画像1"></div>

QHTMLでホームページ作成(画像の貼り付け方)アドバイスお願いします。

 HTMLで初めてのホームページを作成中です。今、トップページを作っていまして、壁紙を張って(ってまだ、一個しか作業してないですけど(; ̄ー ̄A アセアセ・・・)
<HTML>
<body background="ch24.jpg">
<body background="ch24.jpg" bgproperties="fixed">
</HTML>
といったところまでしか進んでいないのですが、これに自分で書いた画像を貼り付けたいのです。・・・で画像は、筆まめの付属ソフト、筆まめペイントで作成したものなんですが、どうやって貼り付けたらいいのでしょう?
 ファイルの拡張子は現在MLBになっています。拡張子は何に変更したらいいのでしょう?
 その他、画像の貼り付けに関する簡単なアドバイスがありましたら、お教え下さい。たぶん、複雑な説明をされるとパニクってしまうと思いますので、その点、ご考慮の上お願いします。

Aベストアンサー

まず,画像ファイルとページファイルは同じ場所にありますか?
なければ,ページファイルと同じ場所に画像ファイルを移動してください。

それでも画像が表示されなかった場合は,画像ファイルの拡張子を間違った変更方法で変えたのだと思います。

筆まめペイントで,まず,MLBファイルを読み込み,「ファイル」をクリック>「エクスポート」をクリック>「エクスポートする範囲」でエクスポートの方法を選択>「OK」ボタンをクリック>「ファイルの種類」で「PNG」か「JPEG」を選択>ファイル名をつける>「ファイルの場所」で保存先を指定>「保存」ボタンをクリックしてください。
タイトル画像ですから,ここはJPEGを選択すると良いと思います。

なお,筆まめではGIFファイルとして保存が出来ません。
GIFファイルにしたい場合は,まず,上のエクスポート中「ファイルの種類」の選択で「Windows ビットマップ」を選択して保存し,別のGIFファイルに変換できるアプリケーションで変換してください。

なお,タグ内のファイル名,および,拡張子は大文字と小文字を別の文字として扱います。
また,筆まめからエクスポートされた画像ファイルの拡張子は,大文字が使われています。
ですから,

<img src="taitol.jpg">

ではなく,

<img src="taitol.JPG">

としてください。

全体の書き方は,No.7のpmmaohmさんが説明しているように書けば,一応,表示してくれるはずです。

まず,画像ファイルとページファイルは同じ場所にありますか?
なければ,ページファイルと同じ場所に画像ファイルを移動してください。

それでも画像が表示されなかった場合は,画像ファイルの拡張子を間違った変更方法で変えたのだと思います。

筆まめペイントで,まず,MLBファイルを読み込み,「ファイル」をクリック>「エクスポート」をクリック>「エクスポートする範囲」でエクスポートの方法を選択>「OK」ボタンをクリック>「ファイルの種類」で「PNG」か「JPEG」を選択>ファイル名をつける>...続きを読む

Qホームページでファイルをダウンロードさせる

お世話になります。
会社のホームページを制作中です。
マニュアルなどをアップしておき、ユーザーにダウンロードしてもらうページを作ろうと思っています。
<ベクターのような>
参考になる情報ありましたら教えてください。
宜しくお願いいたします。

Aベストアンサー

ダウンロードについて、
参考URLのページに分かりやすく書いてあるようです。
例もあるのでぜひ参考にしてください。

参考URL:http://www.tohoho-web.com/wwwxx013.htm

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Qページの左右の余白(枠外)に色を付ける方法

http://inshokutenkeiei.com/
上記ページの左右の余白(枠外)に色(#EEE8AA)を付けたいのですが、
どこに何(html文)を入れれば良いか教えていただけるとありがたいです。


※編集画面は、cssとhtmlに分かれています。
※ネットで色々探しましたが、どれも理解できませんでした。

Aベストアンサー

body#top {
background-color:#EEE8AA;
}

上記をCSSに追加してください。
CSSのdiv#wrapperの内容を以下に変更してください。

div#wrapper {
background-color:#FFFFFF;
width: 950px;
margin: 0 auto;
}

これでOKです。
つまりHTML全体にEEE8AAを付けて、内容が入っている<div id="wrapper">の背景を白色にしているということになります。
ご参考まで。


人気Q&Aランキング