ＨＰへ画像を載せたい

簡単ＨＰを作りましたので、これに自分の撮影した写真画像を表示したいのですが、出来ましたら詳しくやり方を教えていただきたいと思います。アップローダーを使ってやるようですが、やり方がよく分かりません。素人ですので、その辺を加味しながら、宜しくお願いします。

No.1 回答者： ssaass 回答日時： 2004/03/23 13:39

HTMLはご存じですか？ ホームページはHTMLという言語で書かれています。

その中で「ここにこのファイル名の画像を表示する」という命令が書かれていて、初めてページ中に画像が表示されます。したがって、その命令(IMAGEタグと言います)と画像ファイルを両方サーバにコピー(アップロード)することで画像が表示されるようになります。

マウスで選択していって、ちょちょっと入力するだけで簡単にホームページが作れるようなツールが用意されている場合もあるのでよくわかりませんが。


このあたりの話が全くわからないのでしたら、1冊解説書を買ってもいいのかもしれません。手元にいつでもあるという効果は大きいですよ。

この回答へのお礼

回答頂き有難うございました。
いつかは、「ＨＰビルダー」あたりのソフト購入の意志を持っています。
少しでも面白いＨＰが出来るようになり、皆様方のお役にたちたいと思っています。又写真等で地域の情報もどしどし発信したいと考えています。
お世話になりました。

お礼日時：2004/03/24 15:42

No.2 回答者： juniorjunior 回答日時： 2004/03/23 13:48

私の場合を例にしてみますね。

私は完全にタグから作っています。

まず、パソコンのどこにでもいいので（デスクトップにでも）フォルダをつくります。
ここでは分かりやすいように「ＨＰ」とタイトルをつけたフォルダにします。

「ＨＰ」の中にさらにこちらも分かりやすいように「image」と仮に名前をつけてフォルダを作ります。

次にデジカメなどで撮った写真をこの「image」に入れておきます。
ファイルの名前は横文字にしておいたほうがいいでしょう。
ここでは3つの写真を「１」「２」「３」として、jpg形式で保存するとします。

では、ページを作ってみたいと思います。

パソコンに「メモ帳」ツールはありますか？
それを開きます。

ＨＰにするために、基本となるタグだけ記入します。
＜ここはご存知であると仮定して飛ばします。分からなければ追記していただければ（^-^）＞
では画像をページに載せるタグを書いて見ます。

この場合、写真3つをそれぞれ載せようとしたら
<img src=image/1.jpg>
<img src=image/2.jpg>
<img src=image/3.jpg>

と記入します。
お分かりのとおり、img srcというのが画像を載せますよ、と指令するタグです。
イコールに続いてimageとあるのがフォルダ名で、／に続けているのがそのフォルダの中にあるファイルを画像としてＨＰに載せろ、と指令するわけですね。

ここで半角にしたフォルダ名やファイル名では、大文字や小文字も違った文字として判別することがあるので、気をつけます。

では、このメモ帳を保存します。
名前をつけて保存、をクリックしてここでは適当に
「photo1」というファイル名で保存してみます。

この際に、ＨＴＭＬのファイルとして保存します。
とても簡単です。
名前をつけて保存で、ファイル名のところに
「photo1.html」と記入して保存するだけです。

そのファイルを先ほどの「ＨＰ」のフォルダ内に保存しましょう。

では、一度「ＨＰ」のフォルダを開いてみます。
インターネットエクスプローラーをお使いでしたらＥマークの付いた「photo1」というファイルが見つかると思います。

それをダブルクリックすると写真が載っているページが表示されませんか？

これでひとまず完了です。

そしたらこれをアップローダーでご自身のサーバーにアップするだけです。

もし説明不足な点がありましたら補足します～/~

この回答へのお礼

ご親切な御指導感謝申し上げます。
タグを使っての画像表示は、以前私のホームページを訪問して下さった方から紹介がありましたが、私のレベルでは出来ませんでした。然しこの方法はかなりオーソドックスなやり方のような気がしています。他の方から御指導頂いたｇａｉａｘ提供の画像アップローダーを使ってのやり方を当面行い、行く行くはこの方法もマスターしたいと思っています。
お世話になりました。

お礼日時：2004/03/24 15:34

No.3 ベストアンサー 回答者： noname#95628 回答日時： 2004/03/23 14:09

こんにちは。

簡単ＨＰ・・・というと、ｇｏｏのものでしょうか？
そうであれば、以下の要領でできますよ。
１．http://userimage.gaiax.com/JP/index_goo.cgiからログインしてください。（一番下にＩＤとパスワードを入れる欄があります。ここに簡単ＨＰのＩＤとパスワードを入力します。）
２．ログインすると、ファイルの名前を入れる欄があり、「参照」と「送信」、２つのボタンが並んでいます。
最初は「参照」を押して、ＨＰに載せたい画像ファイルを選択します。
※画像ファイルの種類はbmpではいけません。jpgまたはgifである必要があります。
また、ファイル名は半角英数字でなければいけません。
３．選択したら、次に「送信」を押してください。
４．その画像を保管した場所のＵＲＬが表示されます。（http://userimage.gaiax.com/goo/*****/***.jpgのように表示されるはずです。）
このＵＲＬはコピーしておきましょう。
５．その画像を載せたいところの書きこみ画面（例えば日記に載せたいのなら、新規投稿のところです。）を開き、<img src=画像のURL>を記載し、送信すればＯＫです。
ここで使う<img scr=****>というのが、＃１さんがおっしゃっているＨＴＭＬ構文と言うものです。
ＨＴＭＬを使えば、この他にも、字の色や大きさを変えたりと、色々なことができます。
ご参考になれば幸いです。

この回答への補足

親切な回答感謝します。
簡単ＨＰはご指摘のようにｇｏｏのものです。
もう少し御指導ください。
ご指示の画像アップローダーはメモリー容量が１画像につき５０ｋｂまでとなっていますが、普通デジカメ画像はスモールサイズで画質もスタンダードで数百ｍｂになるはずですが、容量を少なくして画像を取り込む方法がありましたら、御指導頂きたいと思います。
宜しくお願いします。

補足日時：2004/03/24 11:16

No.4 回答者： noname#95628 回答日時： 2004/03/24 11:43

こんにちは。

お役に立てたようで、嬉しく思います。
補足に新たなご質問がありましたので、再回答いたします。
ファイルサイズを変えるには、画質を落とすか、画像を小さくするかしかありません。
デジカメで撮影した写真ということなので、画質を落とすよりは、画像を小さくする方がよいかと思います。

その方法ですが、まずはＨＰに載せたいデジカメの画像を、パソコン内に保存してください。
その後、お持ちの画像処理ソフト（特に購入していなくとも、ｗｉｎｄｏｗｓに「マイクロソフトペイント」という簡素なソフトが入っていますので、何もお持ちでないようでしたら、こちらを利用すればいいと思います。）を使い、画像を縮小してください。
以下は、一番手っ取り早い「マイクロソフトペイント」での編集方法です。
１．ツールバーの「編集」→「全て選択」
２．同じくツールバーの「変形」→「伸縮と傾き」
３．伸縮の％を小さくします。すると、画像全体が小さくなります（当然ファイルサイズも小さくなります）
４．ツールバーの「ファイル」→「名前をつけて保存」で任意の名前（半角英数字）をつけ、ファイルの種類はｇｉｆを選択します。
５．先の回答の要領で、画像アップローダーを利用してください。
「フォトショップ」の場合は、「ｗｅｂ用に保存」で、画像の縮小とファイルの種類変更ができます。

ご参考になれば幸いです。

この回答へのお礼

色々と親切に御指導頂き有難う御座いました。
ご指摘のツールか、エプソンプリンター付属のソフトを使用してトライしてみようと思います。
又近いうちにスキャナーも購入予定ですから、こちらでのメモリー縮小も期待しています。
色々出来るようになりますたら、皆様方にも写真で地域の情報発信をさせて頂きたいと思っております。
お世話になりました。

お礼日時：2004/03/24 15:23