Homeホームページ管理画像のアップロード・張り付け

兵高教組のホームページでは、簡単な操作でイメージファイルのアップロードとページへの張り付けができるように工夫されています。
 
イメージファイルの準備
ページに張り付けるイメージファイルを用意します。以下の2点に留意して下さい。
  • イメージファイルのサイズを50Kbyte以下にして下さい。
  • イメージファイルの名前は、半角の英数字にして下さい。日本語のファイル名では機能しません。
イメージファイルの指定
「書き込み」ページの下方に、「添付ファイル1」という欄があります。
「参照」というボタンをクリックして、張り付けたいファイルを指定して下さい。

ファイルが複数あるときは、上から順番に指定して下さい。
 

画像の張り付け

<img src="イメージファイル名" align="イメージの位置" alt="代替文字列">

という書式でメッセージの中に画像を張り付けることができます。

イメージファイル名は、上の「アップロード」で指定したファイル名を指定して下さい。その際、ファイルのパスはここには書かないで下さい。例えば、添付ファイル1の欄で、

C:\My Documents\My Pictures\sample.jpg

としてしていても、そのファイルを張り付けるときは、

<img src="sample.jpg" align="left" alt="サンプル">

のようにに、ファイル名のみ記載して下さい。

イメージの位置は、left か right を指定して下さい。ここの指定に従って、文章の左か右に画像が表示されます。

代替文字列は、なくてもエラーにはなりませんが、新しい規格では「必須」となっています。画像を表示できないブラウザーで見たとき、ここに指定された文字列が、画像のかわりに表示されます。
 

ソース(例1)


<img src="shirakiya1.jpg" align="left" alt="白木屋">ここにイメージファイルを張り付けます。張り付けたいところに、ちょっとしたおまじないのようなタグを書くだけです。簡単ですね。
 

ブラウザ表示例

白木屋ここにイメージファイルを張り付けます。張り付けたいところに、ちょっとしたおまじないのようなタグを書くだけです。簡単ですね。

align="right"とすると、イメージファイルが文章の右に表示されます。
 

ソース(例2)


<img src="shirakiya1.jpg" align="right" alt="白木屋">今度は、テキストの右側にイメージファイルが表示されます。
 

ブラウザ表示例

白木屋今度は、テキストの右側にイメージファイルが表示されます。

→詳細はこちら
 

ファイルのアップロードと投稿

イメージファイルの指定とメッセージの書き込みができたら、プレビューしてみましょう。

投稿のページの一番下にある「プレビュー」というボタンをクリックして下さい。

プレビューでおかしければ、「戻る」ボタンをクリックして、投稿のページの戻り修正しましょう。

プレビューでOKであれば、投稿のページの戻り、「投稿」のボタンをクリックします。

これで、ファイルのアップロードと投稿が同時に行われます。