ＨＰ作りに関して。

質問

私は、ＨＰを持っています。そこで、自分の描いたイラストを表示できるページが欲しいんですが・・・。フォトアルバムのようなものではなく、一般で使われているようなイラスト置き場を作り、それを設置するにはどうすれば良いのでしょう。

どんなイラスト置き場が欲しいのかというと、●や■をクリックすると絵が見られるというやつにしたいのです。一体、どうしたら良いのでしょう・・・。本気で悩んでます、回答ください！

回答No.2

starflora

一番普通の方法です。

　　イラストが開くためのリンクのあるページのｈｔｍｌファイルを造ります。貴方のイラストは、すでに画像ファイルになっているとします（画像ファイルを作成するには、スキャナーかデジタル・カメラで、画像を取り込み、適当な画像処理ソフトで、大きさなどを決めます）。

　　このページは一種のリンク集のページのようなものだと考えてください。●や■をどう配置するかは、テーブルを使うとか、色々と自由な位置に並べてください。

　　単純に画像だけをボタンをクリックすると表示されるようにするには、

　　<a href="mypict01.jpg">■</a>

　　というようにリンクを張ります。これで、■をクリックすると画像が開きます。■は何の絵か分かりませんから、説明の文章などを、■の近くに置くといいです。

　　上の場合、画像ファイルは、このｈｔｍｌファイルと同じフォルダーに入っています。もし画像専用のフォルダーを造って、画像はそこにしまっておくと言うことでしたら、例えば、image という名のフォルダーをｈｔｍｌファイルのあるフォルダーのなかにサブフォルダーとして造り、このフォルダーのなかに画像を入れ、呼び出しのリンクを次のように書きます：

　　<a href="image/mypics01.jpg">■</a>

　　この場合、image というサブフォルダーのなかに、mypics01.jpg というｊｐｅｇの画像ファイルを入れておかないとなりません。

　　■や●の配置や、説明文などの添付は、普通のページを造るのと同じようにして配置します。テーブルを使うのがいいと思いますが、方法は自由です。また、小さな画像（サムネール）を■や●の代わりにリンクとして使うことができますが、そういう小さな画像を作成して準備しないといけません。

　　何か分からないことがあれば、質問してください。大体これで、あとは、レイアウト次第ですが。（画像を表示するｈｔｍｌファイルを画像ごとに造って、このｈｔｍｌファイルを開くという方法もあります。この場合、画像の数だけ、ｈｔｍｌファイルが必要になります。

　　<a href="mypics01.html">■</a>

　　とし、この mypics01.html ファイルのなかに、例えば：

　　<div align=center><img src="mypics.jpg" width="100" height="200"></div>

　　などとしておくと、ｈｔｍｌファイルが開くと同時に、画像が、ファイルの画面の真ん中に表示できます。

お礼

☆詳しく説明して頂けて、とても助かりました！私はまだ中学生なので、よく判らないことがたくさんあるのです・・・。色々説明して下さって、本当にありがとうございました。ところで・・・初歩的なことが判らなくてすみません、ｈｔｍｌファイルとは何でしょう？無知ですみません、宜しければ説明してください。