オペラ座の怪人の部屋

▼0118B▼

楽天ブログの操作法と活用(2)

▼画像(1)…【楽天ブログのブログ編集画面】(Ra)…画像のクリックで拡大できます。



楽天ブログのブログ編集画面
●管理人が利用している「楽天ブログ」の操作法や活用法を紹介します。「楽天ブログ」では、編集画面の「エディタ」タブの切り替えで、次のような【ブログ編集画面】が利用できます。投稿画像に簡単に操作法をまとめました。

1)【高機能エディタ】タブのブログ編集…ワープロ様式のブログ編集（初心者向き）ができます。ワープロ編集では、文字選択→ツールバーの操作ボタンの利用で、実際のブラウザ上でのブログ画面表示の内容を確認しながらブログ編集ができます。

2)【エディタ】タブのブログ編集…HTMLタグ（HTML文書）の編集ができます。ＨＴＭＬタグ専用の編集画面で、文字選択→ツールバーの操作ボタンで、＜開始タグ＞●選択文字＜/終了タグ＞の形式のＨＴＭＬタグの入力ができます。

●「プレビュー/下書き保存」ボタンで文書の表示内容確認、テンプレート（ひな形）の作成ができます。ウェブ上に「公開する」ボタンでブログへの投稿が完了します。

●「タグ入力支援機能 ボタン」の説明の閲覧ができます。
リンク▲「タグ入力支援機能 ボタン」の説明…楽天ブログのヘルプより


画面の表示例

●太字　　　●下線　　　●斜体　　●取り消し線　　●ヘルプ　　●文字色　●文字サイズと色

●リンク文字 ●メール ●絵文字…　<emoji code="a001" />　　　　●画像▼…

各ツールボタンの説明

1)＜Ｂ＞ボタン…テキストを太字体にできます。（※1)太くしたいテキストを選択してボタンを押してください。先にボタンを押した場合は、＜b＞と＜/b＞（開始タグと終了タグ）の間に目的のテキストを入力してください。　…例）＜b＞●太字＜/b＞

2)＜Ｉ＞ボタン…テキストをイタリック体（斜体）にできます。（※1)と同様の操作で編集できます。＜i＞と＜/i＞（開始タグと終了タグ）の間に目的のテキストを入力してください。　…例） ＜i＞●斜体＜/i＞

3)＜Ｕ＞ボタン…テキストに下線をつけることができます。（※1)と同様の操作で編集できます。＜u＞と＜/u＞（開始タグと終了タグ）の間に目的のテキストを入力してください。　…例） ＜u＞●下線＜/u＞

4)＜Ｓ＞ボタン…テキストに打ち消し線をつけることができます。（※1)と同様の操作で編集できます。＜s＞と＜/s＞（開始タグと終了タグ）の間にの間に目的のテキストを入力してください。…例） ＜s＞●取り消し線＜/s＞

5)＜Ａ＞エディタ ボタン…文字サイズと文字色を変更できます。変更したいテキストを選択してボタンを押してください。サイズはプルダウンから選択、もしくは数値を入力してください。文字色はサンプルから選択、もしくはコードを入力してください。
例）…＜font color="#ff0033"＞●文字色＜/font＞　…
例）… ＜font style="font-size: 14px;" color="#ff0033"＞●文字サイズと色＜/font＞ …

＜Ａ＞高機能エディタ ボタン…文字色(左)、背景色(右)を変更できます。変更したいテキストを選択してボタンを押して下さい。サンプルから選択、もしくはコードを入力して下さい。

6)【URL】ボタン…テキストリンクを張ることができます。リンクを貼りたいキーワードをカーソルで選択し、【LINK】ボタンを押して、表示される設定画面にリンク先のURLを入力してください。
…例）　 ＜a href="http://www.yahoo.co.jp/"＞●リンク文字＜/a＞

7)【MAIL】ボタン…mail toのタグを張ることができます。該当のキーワードをカーソルで選択し、【MAIL】ボタンを押してメールを受け取りたいメールアドレスを入力してください。
…例）　＜a href="mailto:xxx@gmail.com"＞●メール＜/a＞

8)【PHOTO】ボタン…画像オプションを使って画像を表示できます。複数掲載したい場合は続けて画像を選択してください。
…例）　●画像▼… ＜img src="http://image.space.rakuten.co.jp/lg01/30/0000667830/91/imgfc45c55ezik5zj.gif" alt="Yah_GeoCreator" border="0" height="439" width="753"＞

※【タグの説明】
「 alt="Yah_GeoCreator"　」→代替文字、画像の名前
「 border="0" height="439" width="753" 」→画像の境界線の表示ON(1)/OFF（0）、画像の「高さ」と「幅」（画像のサイズ）→ブログ画面に納まらないので、「height="439" width="753"」を「height="350" width="600"」に修正しました。

9)【EMOJI】ボタン…絵文字を挿入することができます。絵文字を一覧から選択して下さい。…例）●絵文字…　＜emoji code="a001" /＞

●【高機能エディタ】で利用可能
10)【検索結果にリンク】ボタン…Infoseek検索の検索結果にリンクを貼ることができます。リンクを貼りたいキーワードをカーソルで選択し、検索結果にリンクを押して下さい。

11)【スタイル消去】…適用したスタイルやリンクを削除することができます。削除したスタイルやリンク部分をカーソルで選択し、スタイル消去を押して下さい。
11)【左詰め、中央合わせ、右詰め】ボタン…段落に対して、左/中央/右に文字を寄せることができます。適用したい段落中の任意の箇所にカーソルを置き、ボタンを押して下さい。

12)【字上げ、字下げ】（インデントの増/減）…字下げ：引用文として表示することができます。字上げ：引用表示を元に戻すことができます。
字下げを行いたい部分でボタン押し、テキストを入力して下さい。通常の表示に戻すには、字下げを行っている部分の任意の箇所にカーソルを置き字上げボタンを押して下さい。

13)【リスト、数字つきリスト】…リスト表示をすることができます。リストを挿入したい部分でボタンを押すと、リスト記号が表示されますので、テキストを入力して下さい。リストを終了したい場合は、Enterキーを2度押して下さい。

※最新のブラウザでご利用頂くことをお勧め致します。ブラウザによってはブログ編集が正常に動作しない場合があります。IE、Firefox、スレイプニルでは正常に操作できました。

Googleドキュメント（ウェブ上ワープロ）をウェブ上に公開
●管理人が「Google Dcs」で編集した文書を【ウェブページで公開】します。次のリンクで公開ページにリンクできます。内容は定期的に変更していきます。
リンク▲キュメント名「楽天ブログの活用」…Googelドキュメント文書（k.x2/Fox）より

▲0118B▲

▼0114B▼

Google Docs プレゼンテーション(1)

画像(1)Ra▼クリックで画像の拡大ができます。【編集画面】



画像(2)Ra▼クリックで画像の拡大ができます。【メニューバー】



画像(3)Ra▼クリックで画像の拡大ができます。【右クリックメニュー】



Google Docsの「プレゼンテーション」

●今回は、Google Docs（ドキュメント）の「プレゼンテーション」（プレゼン/スライドショー作成ソフト）についての記事を作成しました。操作法の説明を投稿画像にまとめたので参考にしてください。

プレゼンテーションでは、次のようなことが可能です。

1)既存のプレゼンテーション形式データを拡張子「.ppt」 や 「.pps」（パワーポイント）ファイル形式でアップロードすることができます。「.ppt」は普通のパワーポイント保存形式で、「.pps」にするとスライドショー形式で保存され、ファイルを開くと直接にスライドショーの画面が表示されます。客先などの、第三者に配布する場合などに利用できます。但し、完全な互換性ではないので、特殊な機能は部分的なデータの修正が必要になる場合があります。

2)※メニューバーの【ファイル】の【ダウンロード形式】メニューで、「Google プレゼンテーション」の文書ファイルをPDF、Power Point、テキスト形式ファイルにデータ変換してエクスポート（ダウンロード）できます。

3)パワポ（MS Office）やImpress（Open Office）と類似した基本的な操作で、無料でウェブ上のプレゼン作成ソフトを使用できます。スライドを編集し、プレゼンテーション用のスライドショーを作成、保存できます。パワポがインストールされていないPCも多いので、プレゼンソフトを無料で利用したい人にはお薦めです。但し、IEやFireFoxブラウザでの編集には対応していますが、Operaブラウザでの編集には未対応です。利用するブラウザが「Googleプレゼンテーション」に対応しているかの確認が必要です。

4)画像や図形、動画、表を挿入したり、スライドのテーマや背景を設定することが可能です。また、簡単な図形描画機能で作図した図形の挿入もできます。

5)インターネットを通じてプレゼンテーションのスライド表示ができます。プレゼンテーションをウェブ ページにアップロードして、全員や指定した人物に公開できます。指定した他のユーザーと一緒にプレゼンテーション文書を編集することも可能です。

「Google Docs」の公開
●管理人が「Google Dcs」で編集した文書を【ウェブページで公開】します。次のリンクで公開ページにリンクできます。内容は定期的に変更していきます。

各ドキュメントアイテムの公開例
プレゼンテーション（スライドショー）の公開
1)ページへのリンク
リンク▲プレゼンテーション文書の公開…Googleプレゼンテーション（s.x2/Fox）より

2)プレゼンテーション プレーヤー/このブログでは利用できません。次のリンクで確認できます。
リンク▲Google Docs プレゼンテーション(1)…NINJAホームページ「黒の忍者」より
（参考）…「プレゼンテーション プレーヤー」の場合、一部のブログサイト（楽天、goo、Ameba、Yahoo!、Opera、Hatena,WindowsLiveSpacesなど）では、HTMLタグが利用できない場合があります。一般のホームページ投稿（NINJA、Googleサイトなど）やブログ投稿サイトの「Google（Blogger）、ココログ（ニフティ）、FC2、Livedoor、Teacup」では「プレゼンテーション プレーヤー」の表示が可能でした。また、ブラウザによって表示状態が異なる場合があります。

ドキュメント（ワープロ）の公開
リンク▲キュメント名「★ ウェブページとして公開 ★」…Googelドキュメント（k.x１/Slp）より
リンク▲キュメント名「ドキュメントの操作」…Googleドキュメント（s.x2/Fox）より
リンク▲キュメント名「GoogleDocsのトップページ」…Googleドキュメント（s.x2/Fox）より

スプレッドシート（表計算）の公開
リンク▲表計算文書名「sum_0222A」の公開…Googleスプレッドシート（s.x2/Fox）より

「Google Docs」のヘルプ…「Google Docs」のヘルプへのリンクです。参考にしてください。

リンク▲Google Docsの「Google ドキュメント ヘルプ」…Googleサイトより
リンク▲Google Docsの「Google スプレッドシート　ヘルプ」…Googleサイトより
リンク▲Google Docsの「Google プレゼンテーション」…Googleサイトより
リンク▲Google Docsの「Google フォーム」のヘルプ…Googleサイトより

Google関連ブログとホームページ記事の紹介

●NINJAホームページ「黒の忍者」の記事の紹介
リンク▲「★グーグル活用★(1)」…NINJAホームページ「黒の忍者」より
リンク▲★グーグル活用(2)★…NINJAホームページ「黒の忍者」より

●Googleブログ（Blogger）「ひろくんのグーグル散歩」の記事の紹介
リンク▲ラベル【グーグル】のグループ記事…「ひろくんのグーグル散歩」より

●Googleブログ（Blogger）「青空の風景」の記事の紹介
リンク▲ラベル【Googleブラウザ】のグループ記事…「青空の風景」より

▲0114B▲