ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） NetCommons が提供している、テキスト入力のための共通 wysiwyg（ウィズウィグ）エディタの使い方を紹 介します。 ◆各部の説明........................................................................................................................................................ 2 ◆基本操作...........................................................................................................................................................3 ◆ツールボタンの使い方...................................................................................................................................... 4 ◆その他の機能の使い方....................................................................................................................................10 ◆HTML 編集の使い方......................................................................................................................................12 ◆注意事項（投稿がうまく行かなかった場合）...............................................................................................14 1/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） ◆各部の説明 以下が、NetCommons の全モジュールで共通する編集画面です。ここでは、もっともユーザが利用する「掲示板」 モジュールの編集画面を使って説明をします。 赤枠で囲まれた部分をヘッダー部、青枠で囲まれた部分をツールボタン、黄枠で囲まれた部分をメッセージボ ックスと呼びます。ヘッダー部はモジュールによって変化しますが、ツールボタン・メッセージボックスは全 モジュールで共通です。 2/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） ◆基本操作 a. タイトルを記入します まず、いずれもタイトル欄に半角 100 文字以内で(全角 32 文字以内)でタイトルを書きます。(半角は ABC など 縦長に納まる文字、全角はＡＢＣなど正方形の文字のことです)。 タイトルを記入するボックスの前についている□のボタンは、タイトルアイコンといいます。タイトルアイコ ンをクリックすると、タイトルの前につける画像の一覧が表示されます。 b. コンテンツを作成します 上記に示された「ここに文章を書きましょう」とあるスペース、つまりメッセージボックスにまず、カーソルを 持ってきます。この枠内に掲載したい文章を書きます。各種のツールボタン等を活用すると、自在に書式を変更 したり、文中に表や画像を挿入したり、ファイルを添付したりすることができます。NetCommons が提供して いる wysiwyg（ウィズウィグ）エディタの使い方は、通常のワープロソフトの操作方法とほぼ同様です。 つまり、文章の一部を太字にしたい場合には、その部分をカーソルで選択してから、太字にするためのツールボ タン をクリックします。 ただし、ブラウザを使う制約上、いくつか注意すべき点があります。そのひとつは、テキストを後から編集する とき、編集すべき箇所のごく近くをクリックしなければならないことです。画面の白い部分をクリックしても 選択されないので注意してください。 それぞれのツールボタンの効果については、ボタンの上にマウス持っていくと簡易説明が表示されますので、 それを参考にしてください。ツールボタンそれぞれの詳しい使い方は、こちら。 本機能はブラウザの種類・バージョンによって利用できるものとできないものがあります。本機能をフル活用 したい方は、Firefox の最新バージョンでの利用をお勧めします。 c. 確認します メッセージボックスの下にある の 3 つのメニューが表示されています。 の 3 つのメニューが表示されています。通常は「編集」が選択されています。文章を書き終わったら、プレビュー を押して確認してみましょう。ヘッダー部分を除いた画面が表示されます。 「プレビュー」ボタンを押しても、内 3/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） 容は投稿されません。 ｄ.「投稿する」を押すと確定されます 「一時保存」というボタンを使うと、投稿内容は保存されますが、そのルームの管理者と投稿者本人以外には内 容は公開されません。公開するには、再度編集モードにし、「投稿する」を押します。 ◆ツールボタンの使い方 下の図は、NetCommons の共通エディタで表示されるツールボタンの一覧です。 ★書式設定 … 左からフォント、サイズ、スタイルを設定する ためのプルダウンメニューです。効果をつけたい箇所の先頭でクリックするか、効果をつけたい箇所をカーソ ルで選択してボタンをクリックします。 ★文字効果 … 左から、 「太字」 「斜体」 「下線」 「取り消し線」をつけるためのボタンです。効果をつ けたい箇所の先頭でクリックするか、効果をつけたい箇所をカーソルで選択してボタンをクリックします。 ★下付、上付文字 ★文字色 … 下付文字、上付文字をつけるためのボタンです。 … 文字の色を変更するためのボタンです。右側の下矢印を押すと、文字の色を選ぶためのパレ ットが表示されます。効果をつけたい箇所の先頭でクリックするか、効果をつけたい箇所をカーソルで選択し てボタンをクリックします。 ★背景色 … 文字の背景の色を変更するためのボタンです。右側の下矢印を押すと、背景の色を選ぶため のパレットが表示されます。効果をつけたい箇所の先頭でクリックするか、効果をつけたい箇所をカーソルで 選択してボタンをクリックします。 ★書式設定の削除 … 設定した書式を削除するために使います。書式を設定した範囲をカーソルで選択し てからクリックして使います。NetCommons1.1 以降の wysiwyg エディタでは、 「独自タグ」は廃止し、HTML による本来の指定を用いています。そのため、外部の Web ページや WORD の文書をコピー ペーストすると、 元の HTML 文書に書かれた指定が予期せずに残ってしまう場合があります。そういうとき、このボタンを使え ば書式設定をいっせいにクリアすることができます。 ★編集のやり直し ★文章の揃い … 編集のやり直しや、再編集するときに使います。 … 文章を左揃い・中央揃い・右揃いにするときに使います。文章を書き始める前に ボタンをクリックしてもよいですし、文章を書き終えてから範囲を指定してクリックしてもよいでしょう。画 4/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） 像を中央にもってくるときにも活用できます。 ★ 段落・箇条書き … 段落番号をつけたり、箇条書きをするときに使います。段落や箇条書きをはじ める前にボタンをクリックします。 ★インデントの調整 ★表の作成 … インデントの長さを調整するときに使います。 … 文中に表を作成したり、作成した表を編集したりするときに使います。まず、表のアイコ ンをクリックすると下の図のようなイメージが表示されます。 表の上でマウスを動かして、挿入したい表の行・列の数になるように選んでクリックします。すると、エディタ 画面に空の表が表示されるので、表のセルの中にカーソルを合わせてクリックし、セルの中に文字を書き入れ ます。より詳しい表の設定については、 の右側の下向き矢印をクリックしてメニューを表示させてくださ い。 ★ … 文中に罫線を引くときに使います。クリックするとその場所に罫線が引かれます。 ★ … 絵文字一覧を表示させるボタンです。他の CMS に比べ、日本でよく使われるあいまいな表現が多い のが特徴です。 ★ … 数式を書く時に使います。このボタンをクリックすると、以下のような「ユーザープロンプト」が別 窓で開きます。 「Tex 表記文字を入力してください」の下のボックスに Tex の数式モードの記法にしたがって文字列を入力し ます（数式モードの始まりを示す$マークは不要です）。プレビューを押すと、その文字列がどのように画面上 5/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） に現れるかが表示されます。その内容でよければ OK をクリックします。Ｔ ex とは何か、書き方 等、詳細は下 記ＵＲＬを参考にしてみてください。 【Tex】 http://www.biwako.shiga-u.ac.jp/sensei/kumazawa/tex.html 【TEX Wiki】 http://oku.edu.mie-u.ac.jp/~okumura/texwiki/ ★ リンク … 文中にリンクを張ったり、それを取り消したりすることができます。 リンクしたい箇所をカーソルで選択し、 をクリックすると、リンクを挿入するためのプロンプトが別窓で 表示されます。 リンク先の URL を記入し、そのリンクを説明する「タイトル」を記入します（「読み上げソフト」ではこのタイ トルを読み上げますので、目の不自由な方のためにも、適切なタイトルを記入するように心がけてください）。 ターゲットとは、リンクをクリックしたときの表示方法を指します。指定しない場合、ユーザが リンクをクリ ックすると画面がリンク先へ移動します。 「新規ウィンドウ」を選択すると、リンク先が別画面として表示され ます。 ★ コンテンツの保存 … 記入したコンテンツを HTML 形式で保存し、手元の PC にダウンロードするた めに使います。 ★ 画像の挿入 … このボタンを使うと、記事の中に、画像を挿入することができます。添付できる画像や ファイルの形式は、使っている NetCommons の管理者が許可した形式に限られます。 をクリックすると、画像挿入用の画面が表示されます。参照ボタンをクリックしましょう。 手元で操作しているパソコンが WindowsXP の場合、下のような「ファイルのアップロード」というボックスが 現れます。挿入したいファイルを探してクリックし、「開く」ボタンをクリックします。 6/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） ここで、すでにサーバに画像が転送されています。プレビューをクリックすると、どのような画像が挿入される かのイメージが表示されます。デフォルトでは画像 は左寄せで挿入されます。画像を挿入する位置を調整した い場合は「詳細設定」のリンクをクリックします。図の挿入位置として、 「左」 「右」を選ぶと、画像の位置を決め、 文字を回りこませることができます。「指定なし」を選ぶと、画像周辺には文字が入りません。 画像の大きさを変更したい場合には、編集画面の中に表示された画像をクリックして画像を選択します。する と四隅・上下左右に小さな白い点が表示されます。これをドラッグすることで画像の大きさを変更することが できます。 「代替テキスト」という欄には、画像の簡単な説明を記入してください。音声ブラウザやスクリーンリーダーは 画像のかわりに代替テキストを読み上げ、画像を表示できないブラウザは画像の代わりに代替テキストを画面 に表示します。アクセシビリティを高めるためにも、的確な説明を記入するよう心がけましょう。 7/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） ★ ファイルの添付 … このボタンを使うと、コンテンツにファイルを挿入することができます。添付でき る画像やファイルの形式は、使っている NetCommons の管理者が許可した形式に限られます。 ボタンを クリックすると、ファイルアップロード用の画面が表示されます。参照ボタンをクリックしましょう。 手元で 操作しているパソコンが WindowsXP の場合、下のような「アップロードの挿入」というボックスが現れます。 「参照」をクリックして、挿入したいファイルを選択し、「開く」ボタンをクリックします。 8/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） さきほどのアップロードの挿入のための画面で「ＯＫ」をクリックします。さらに別のファイルを添付したい場 合には別のファイルを添付のリンクをクリックし、同様の操作を行います。 9/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） ◆その他の機能の使い方 ★編集画面の大きさ … 編集画面が狭すぎる、また広すぎると感じたときは、画面右下にある 部分をつか んでドラッグすると、編集画面の大きさを調整することができます。 ★「続きを書く」 … ブラウザで一度に閲覧できるページの広さには限りがあります。限りあるページ上で、複 数の情報をコンパクトに伝えたい場合、 「続きを書く」という機能を使うとよいでしょう。この機能は「日誌」 「お 知らせ」モジュールで使えます。 情報を（a）常に表示させたいメイン部分、(b)クリックすると表示されるサブ部分に分けます。通常のエディ タ編集画面に(a)のメイン部分を書きます。次に、エディタ下方にある「 」のチェックボックスをチ ェックします。すると、その下にもうひとつ別のエディタ画面が表示されます。 ここに(b)のサブ部分を書き、決定を押します。 画面上で表示される「続きを読む」のリンクをクリックすると、(b)のサブ部分が表示されます、 「続きを隠す」の 10/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） リンクをクリックすると、(b)のサブ部分が隠れます。 ★親記事の引用… 掲示板等で親記事を引用するときには、返信のボタンの横にある「引用する」をチェックし てから「返信」のボタンを押します。 すると、親記事の内容を引用した状態で以下のように編集画面が表示されます。親記事を書いた人のハンドル が表示され、引用部分の前に縦棒が表示されているのを確認してください。 引用を区切るときには、区切りたいところにカーソルをあてて「Enter」キーを押します。すると、次のように引 用部分が 2 つに区切られます。 区切った間の空白にコメントをつけることができます。これによって、前文を複数に分割して、それぞれにコメ ントをつけることができるようになります。 11/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） ◆HTML 編集の使い方 wysiwyg を用いずに、直接 HTML 文書を利用して、Web ページを作成したいこともあるでしょう。たとえば、 次のような場合です。 ・ブログツールの利用 ・ホームページ作成ツール等で作成した Web ページの引越し HTML 編集を使うときは、まず、メッセージボックス下に表示される HTML というタブをクリックします。そ こに HTML 文書を書き入れます。ここでは、 「お知らせ」モジュールを使って天気予報のブログツールを表示さ せてみます。（天気予報コム 提供） まず、貼りたいブログツールのタグを全文コピーします。次に、HTML 編集画面を開きます。そこにさきほどコ ピーしたタグを貼り付けます。 12/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） プレビューを押し、表示される内容を確認します。 ツールが正常に表示されていたら、決定を押します。 ※ なお HTML は、管理者によって許可されている権限の人だけが使えます。 13/14 ネットコモンズ共通エディタの使い方 引用：オンラインマニュアル（http://www.netcommons.org/nc20/nc20_manual/japanese/index.html） ◆注意事項（投稿がうまく行かなかった場合） a. 掲示板を投稿するときに、件名などがないと以下のエラーメッセージがでます。メッセージを参考にやり 直してください。 b. デフォルトの設定では、1 回にアップロードできる画像等のファイルは 2MB まで、タイトルは半角 100 文字 (全角 32 文字以内)です (半角は ABC など縦長に納まる文字、全角はＡＢＣなど正方形の文字のことです)。こ の設定はサイト管理者だけが変更することができます。 c.記事の投稿を途中でやめる場合は、エディタ画面下の右端 を押してください。 d. 記事を途中で一時的に保存したい場合には、 を押してください。この機能は、日誌・掲示板・汎用データベ ースなどいくつかのモジュールについています。一時保存ボタンがない場合には、手元のエディタなどに途中 で保存することをお勧めします。時間が長くかかりすぎて、通信が途絶えると、内容が失われることがあります ご注意下さい。 14/14
© Copyright 2024 Paperzz
