HOME

楽しい消防団

自転車に乗ろう

私がせんむ

パソコンレスキュー隊

せんむのQ&A

PC改造部屋

宮中囃子連

掲示板

リンク集

パソコン レスキュー隊

ホームページの初歩の初歩

PCレスキュー隊目次

HPの初歩の初歩目次 

 

イースターの無料HPを使って
ナスカの掲示板に画像を貼り付けよう

【注意】
イースターはHPの場所を提供するサービスです。HPに表示される広告収入によって運営されていますので、実際にホームページを作ってアップロードしないで
画像のみを置くような使い方をすると通告なしにアカウントを削除されることがあります。


掲示板で使う画像を貼り付けた画像集のHPを作ろう

イースター無料ホームページ イースター無料ホームページはここから申し込んでください。

1.拡張子を表示するようにしましょう。
 「スタート」→「設定」→「フォルダオプション」→「表示」で
 「登録されている拡張子は表示しない」のチェックをはずします。

2マイドキュメントを開いて、何もないところで右クリック。
 「新規作成」で新しいフォルダを作り、適当な名前を付けてください。

3.メモ帳を起動して、とりあえず下のように書いてみましょう。
 タグは、大文字でも小文字でもかまいませんが、必ず半角です。
 ファイル名は大文字、小文字を厳格に区別しますので、
 できればすべて小文字で統一したほうがいいと思います。

 

 <HTML>
 <HEAD>
 <TITLE>
○○の画像集</TITLE>
 </HEAD>
 <BODY>
 <FONT SIZE=5>
○○の画像集</FONT>
 <IMG SRC="gazou01.gif">
 <BR>
 ここに画像の説明を書くといいかも・・・・・。
 <IMG SRC="gazou02.gif">
 <BR>
 <IMG SRC="gazou03.gif">
 <BR>
 </BODY>
 </HTML>

   「gazou01.gif」「gazou02.gif」「gazou03.gif」というのは、ダウンロードして保存した画像のファイル名です。
いくつでもどうぞ。ファイル名はお好きなものをつけてください。

4.書けたら、「ファイル」→「名前を付けて保存」で、先ほどのフォルダの中に保存します。
 ファイル名はここでは「gazousyu.html」にしましょう。
 
拡張子は必ず「.html」または「.htm」にしてください。

 画像ファイルも、同じフォルダに保存しておきましょう。
 これで、ページに画像を貼り付けた画像集のHPの出来上がりです。

 

 <BODY>から</BODY>の部分がHPの内容です。
 <BR>は改行の意味ですので、なくてもOKです。
 
○○の画像集の部分は表には見えません。「お気に入り」などのタイトルになります。
 
○○の画像集の部分はHPの内容です。見えますので適当な題名にしてください。
 FONT SIZE=5の数字を変えると、文字の大きさが変わります。3が標準。

 

5.HTMLファイルと画像ファイルをすべてEasterの基本ディレクトリにアップロードします。

6.これで準備OKです。 このページを開いてみましょう。
 ブラウザのアドレス欄に下のように入力してエンターキーを押します。

http://iamsenmu.easter.ne.jp/gazousyu.html

7.さきほど貼り付けた画像がでましたか?
 画像の上で右クリック、「プロパティ」を選べば、画像のURLがでます。
 それを使って掲示板に画像を貼り付けましょう。

(例)<img src="http://iamsenmu.easter.ne.jp/gazou01.gif">

 掲示板に貼り付ける画像のURLはフルパスになります。
つまり、
http://iamsenmu.easter.ne.jp/gazou01.gifのようになります。
「iamsenmu」の部分は、あなたのIDです。

掲示板にちょっと画像を貼り付けたい、という場合は、わざわざ画像を貼り付けたページを作成しなくても大丈夫です。画像ファイルを指定してアップロードすると、「アップロードされたファイル」としてファイル名がでますので、それをクリックするとブラウザ(IE)で画像が表示されます。その時のIEのアドレス欄をコピーして、タグの中に貼り付ければOKです。簡単でしょ?

 

 
 整理しやすいように最初から画像のみのフォルダを作るのもいいですね。

 1.Easterにログインしたら、「フォルダ」の新規作成をします。
 2「gazou」のように、フォルダ名をつけます。
 3.そのフォルダに移動します。
 4.HDDの中の画像ファイルを指定し、アップロードします。

  この場合、画像集ページのHTMLファイルは、
  
<IMG SRC="フォルダ名/ファイル名">と書きますので、注意してください。

  (例) <IMG SRC="gazou/gazou01.gif">
 

 

できましたか? 
これができたら、プロファイルや趣味のページなどを作って本格的に自分のHP作成に挑戦しましょう。

HPの最初のページのファイル名は
必ず
「index.html」にするのがお約束です

拡張子は「.htm」でもいいのですが、最初のページだけは拡張子「.html」にしたほうが無難です。

 【注意】

イースターはHPの場所を提供するサービスです。HPに表示される広告の収入によって運営されていますので、実際にホームページを作ってアップロードしないで画像のみを置くような使い方をすると通告なしにアカウントを削除されることがあります。

 

目次へ

 

おまけのページTOPへ

質問は掲示板へ

HPのトラブルはURLを書いてください

 

 

 

 


女の子お絵かき掲示板ナスカiPhone修理