容量2GB!アクセス解析&動画ファイルも可能な無料ブログ。アフィリエイト完全対応。

画像や動画についてindex

  1. 画像・動画について
  1. 画像をアップロードする
  2. 画像を記事に入れる
  3. 画像の回り込み(画像と記事を横に並べる)
  4. 動画の種類
  5. 動画を投稿

画像をアップロードする

  1. 画像・動画について
記事を書く際に画像や動画を付けると見た目が華やかになり、より楽しいブログになります。DTIブログのサーバーに画像をアップロードしてから記事に貼り付けましょう。
画像は1個づつアップロードしてください。複数を一括で行う事は出来ません。
また、FTPなど画像アップロードソフトには対応してませんのでご了承ください。
以下がアップロードの方法です。

管理画面内のメニューにある「ファイルアップロード」をクリックします。

 ファイルアップロード



ファイルアップロードの画面が出てきます。

画像アップロード2

1. 「参照」をクリックします。
2.  アップしたい画像をご自分のパソコンの中から選んでください。
3.  お好みで画像の説明文を書いて、標準サイズチェックを入れてください。(説明文はALTタグの役割をします。 画像のサイズが大きい場合は「標準サイズ画像を作る」にチェック を入れると、ブログ上では小さく表示さておいて、クリックするとオリジナルサイズで表示させる事ができます。詳しくは
「アップロードする画像のサイズを設定」
を参照 )

4. 最後にアップロードのボタンをクリックしてください。



下記のように画像のサムネイルが表示されたら完了です

画像アップロード2


アップロードした画像を記事に入れて新しく記事を書き始めたい場合は
「標準サイズ画像で投稿」もしくは「オリジナルサイズ画像で投稿」をクリックしてください。

手動で画像URLを書き込みたい場合は、作成された画像をクリックしてプレビューすると、別のまどが開いて画像だけが表示されるので、その時のURLをコピーし、ご利用くださいませ。

画像を記事に入れる

  1. 画像・動画について
画像をアップしたらその画像を記事記事に入れてみよう。画像は記事を書いた後からでも選べますが、ここでは画像を最初に選んでから、記事を書く方法を紹介してます。

管理画面内のメニューにある「写真/ムービー」をクリックします。







記事に入れる画像を選択
画像の選択

標準サイズで投稿を選ぶと、「ブログ設定」で選んだサムネイルのサイズに縮小されて投稿されます。画像とクリックすると、オリジナルのサイズで見えるようになります。
(*「アップロードする画像の大きさ設定」参照)

 アップロードした画像のそのままの大きさで投稿。この場合、テンプレートによっては、記事欄より画像が大きい場合テンプレートが崩れる事がありますのでご注意ください。





自動的に「記事作成」画面に移動し下記のようなコードが出ます。これが画像を表示するためのコードになります。
画像タグが記事に入った






画像の上部と下部に記事を書いてみよう


記事をかいてみよう




記事を保存して「ブログを見る」のボタンを押してブログを確認

記事入った確認


きちんと表示されたら完成です。

画像のコードの仕組みを知っておこう
以下の様な画像を挿入した時のコードの意味
< a href="http://14.dtiblog.com/t/testblog/file/xxxx.jpg" target="_blank"> < img src="http://14.dtiblog.com/t/testblog/file/xxxxs.jpg" alt="" border="0"> < /a> < br clear="all">

< a href="http://14.dtiblog.com/t/testblog/file/xxxx.jpg" target="_blank"> 〜 < /a>
これは、 <a ...で始まり </a >で終わる、通称aタグと呼ばれるもので、このaタグで挟まれた〜の部分をクリックするとa href="...で書かれたリンク先に飛ぶという設定になります。

< img src="http://14.dtiblog.com/t/testblog/file/xxxxs.jpg" alt="" border="0">
これはhttp://14.dtiblog.com/t/testblog/file/xxxxs.jpgという名前の画像を表示させるという意味です。

aタグで挟まれた部分が、< img src="...">で表示された画像タグであれば、画像タグで表示された画像をクリックするとaタグで指定したとび先に移動する事になります。


画像の回り込み(画像とテキストを横に並べる)

  1. 画像・動画について
画像の横に文字を入れてあなたのブログの見栄えを良くすることも出来ます。但し、これは、テンプレートの種類や画像の設定の大きさによって出来ないケースもありますが、基本的には下記のような手順で出来ます。

画像を記事に投稿します。

回り込み1


<br clear="all">を削除し、
align="left"をイメージタグの中に追加します。
上記の例だと<img src="画像URL" alt="" border="0" align="left">となります。
align="left"の前には半角スペースが入ります。
*画像を右寄せにしたい場合はalign="right"として下さい。

「<br clear="all">」を削除したところから記事を書く

回り込み2


このように見えれば、出来上がりです。

動画の種類

  1. 画像・動画について
DTIブログでは、動画の投稿が画像と同じ要領で簡単に行えます。最近では、youtubeなどの動画をブログに貼り付ける事も容易に出来るようになりましたが、自分独自の動画を作ってみても面白いと思います。ここでは、DTIブログが対応する動画の種類を簡単に説明します。


動画の種類

wmv
wmvファイルは、米マイクロソフトが開発・推進する動画形式のこと。
Windows Media Videoの略で、Windows標準のWindows Media Playerが
標準でサポートしている形式のひとつ。

mpg(mpeg)
MPEGファイルは、MPEG-1またはMPEG-2の動画ファイルの形式です。
MPEG-1の場合は、Windows Media Playerで再生できます。


rm
RealMediaファイルは、RealNetworks社が開発した音声・動画ファイルの
形式です。再生するには、専用ソフト(RealOne Player)が必要です。


avi
AVIファイルは、Microsoft社が開発した動画ファイルの形式です。
Windows Media Playerで再生できます。ただし、AVIファイルの再生は、
圧縮形式によってCodecを用意する必要があります。


mov
MOVファイルは、Apple社が開発した動画ファイルの形式です。再生す
るには、専用ソフト(QuickTime Player)が必要です。





動画の投稿

  1. 画像・動画について
動画の投稿方法を説明します。デジタルカメラなどで撮影した動画やお気に入りの動画を投稿してみてください。動画は画像投稿と同じ手順で出来ます。容量は最大10MBで一個のファイルサイズは5MBまでとなってます。尚、動画の編集に関しては様々なフリーソフトやウィンドウズムービーメーカー等でも行えますので編集はそちらのサイトを参照してください。

尚、携帯電話で撮影した動画は現在のところ対応しておりません。



管理画面内のメニューにある「写真/ムービー」をクリックします。

画像アップロード



写真/ムービーで動画をアップロードし、「オリジナル画像で投稿」をクリックします
動画のサムネイルは作成されません。

動画2


記事作成画面に切り替わり、動画を表示するコードが記入されていれば、「記事を保存」を押します

動画3




下記のようなプレーヤーが自動で選別されます

動画4




  |  もくじへ  |  
|