知恵の森

▼0414A▼


画像(1)bg(sx1)・・画像のクリックで拡大できます。

画像(2)bg(sx1)・・画像のクリックで拡大できます。

画像(3)bg(sx1)・・画像のクリックで拡大できます。
↓
【Opera】ブログの活用

【Opera】ブログの特徴
●【Opera】ブログでは、アカウントの登録も簡単です。IDとパスワードで【ログイン】すれば、直ぐに始められるブログです。
●【ログイン】状態で、ブログ表示部分の上部に【記事を書く】ボタンが表示され、クリックで、ブログ編集画面を開くことができます。また、ブログ表示部分の下部に【記事を編集】ボタンが表示され、指示した記事の修正が簡単にできます。
●ページ上部の【アーカイブ】タブで、過去記事の一覧表が表示され、各記事の編集（修正）や削除ができます。
●ページ上部の【フォト】タブで、（投稿画像/アルバム）写真一覧表示や画像のアップロードもできます。

【Opera】ブログの文書編集
●テキストエディタなどで作成したHTMLタグを直接に編集画面にコピペすることで、HTMLタグの利用ができます。また、HTMLタグであれば、他のブログやホームページなどのHTMLタグ編集に転用でき、タグの有効利用が可能です。
●【Opera】ブログでは、＜br＞（改行）タグを利用すると、文書内で＜br＞（改行）が有効になり、文書内全体で＜br＞（改行）が必要になります。但し、＜br＞（改行）タグを文書内で全く利用しなければ、自動改行（文書内の改行をそのまま反映）が有効になります。＜br＞（改行）タグが、文書内に１個でもあれば、自動改行にならないので、注意してください。

※A-1)のブログ上での表示状態
●【Opera】ブログでは、ツールアイコンで自動作成される【Opera】ブログ独自のタグ（Operaタグ）が利用できます。この【Operaタグ】と【HTMLタグ】を同じ文書内で混在させて利用できます。

Operaタグの太字 ⇔ HTMLタグの太字

Operaタグの文字の色とサイズ ⇔
HTMLタグの文字の色とサイズ(1)　又は HTMLタグの文字の色とサイズ(2)

●訂正・・・下記タグの「style="font-size:5;color:orange;"」部分を「style="font-size:large;color:orange;"」に修正しました。文字のサイズの表示は、実際に表示して確認することが必要なようです。

画像(1)▼※A-2)※A-1を表示するための、ブログ編集画面でのタグ表示

以上のように【Operaタグ】と【HTMLタグ】を同じ文書内で利用してみました。上※A-1)がブログ上の画面表示で、下※A-2)がタグの内容です。

Yahoo!ブログでもWiki文法という独自のタグの利用ができますが、HTMLタグと同時に利用できません。この点では、【Opera】タグのほうが便利です。但し、【Opera】タグは、他のブログやホームページには転用できないので、タグの転用を考える場合は、HTMLタグのみでブログを編集するほうが、タグの有効利用ができると思います。

▲0414▲
▼ブログの画像アップロード例

▲上記の画像は、ブログ投稿編集画面でのアップロード例です。↓

▼0302A▼↓

ファイルのアップロード(1)Opera↓
↓
ファイルのアップロード【My Opera】・・・【Opera】ブラウザの活用↓
↓
【My Opera】（個人のＯｐｅｒａデータをサーバーに保存可能）では、写真を共有したり、ブログを作成するなどのよに、1GB のサーバー上のスペースを自由に使えます。ブログに広告が入りませんし、さらに完全に無料なのも魅力です。今回は、ファイルのアップロードとブログ上での利用を試してみたので報告します。但し、ブラウザとして、高速ネット操作が可能な【Opera】を利用しました。↓
↓
アップロードの方法↓
1)リンク▲Operaの【コミュニティ】ページ→【ログイン】(アカウントの登録が必要です。)↓
↓
2)左上の【マイページ】ボタンのリスト表示で【ファイル】を選択することで、ファイル（画像形式データ）の【アップロード】が可能です。↓
↓
3)【ファイル】のウェブページで、ブログで使用するファイルをアップロードして管理することができます。【Upload files】ボタンで、ファイルアップロード画面の表示ができます。↓
3-1)●ファイルを保存したいフォルダ（ディレクトリ）を選択→【ファイルを送信】ボタンの操作で、ファイルアップロードができます。↓
↓
3-2)●【Create a folder】→ディレクトリを作成画面の表示ができます。↓
↓
3-3)●【ファイルの概要】でアップロードしたファイルが一覧表で表示できます。・・・ファイル名（リンク文字）をクリックすると、その画像のページ画面にリンクし、アドレスバーに画像の※URLが表示されます。これをコピーして、次のようにブログの記事の中で使用しました。↓
↓
【アップロードしたファイルへのリンク】↓
▼画像(1)データへのリンク（クリックで窓表示）・・・HTMLタグの形式は、・・・＜a href="※URL"＞リンク文字・・・です。↓

リンク▲画像(1)↓
↓
▼画像(1)データのブログ上での表示↓
HTMLタグの形式は、・・・・・・＜img src="※URL" alt=""＞・・・です。↓

↓
▼画像(2)データの表示・・・HTMLタグの形式は、↓
・・・＜img src="※URL" alt=""＞・・・です。↓

↓
皆さんも、試してみてください。↓
↓
▲0306A▲↓