学校WebサイトへのXOOPS導入マニュアル

(1)

学校WebサイトへのXOOPS導入

マニュアル(改訂版)

(コンテンツ入力）

Ver.1.0 （2009.3.1）

(2)

第１章このマニュアルについて ... 1 １はじめに ... 1 ２このマニュアルの使い方 ... 2 第２章編集するためのサイトへのログイン方法 ... 3 第３章各モジュールへの情報の入力方法 ... 4 １ TinyD モジュール ... 4 ２ WordPress モジュール ... 8 ３ニュースモジュール ... 19 第４章コンテンツ作成のために ... 26 １写真の加工 ... 26 ⑴ 写真を撮影しましょう ... 26 ⑵ 写真の加工のポイント ... 26

⑶ Microsoft Office Picture Manager を用いた編集 ... 30

２ PDF ファイルの作成 ... 30 ⑴ Adobe Acrobat を利用した PDF ファイルの作成 ... 31 ⑵ Adobe Acrobat アドインを利用した PDF ファイルの作成 ... 34 ⑶ Office 用 Microsoft PDF/XPS 保存アドインの利用 ... 36 ３図の作成 ... 37 ⑴ スキャナを用いた図の作成 ... 37 ⑵ スキャナで作った図の利用 ... 41 作成した図の一部を保存し、W e bに用いる ... 51 印刷物を Word 文書にする ... 52 文書のイメージをプレゼンテーションに貼る ... 53 ⑶ アプリケーションソフトで作った文書の一部を簡単に図にする ... 55

(3)

第１章このマニュアルについて１はじめに - 1 -

第１章このマニュアルについて

１はじめにこのマニュアルは、XOOPSで作成した学校のW e bサイトにコンテンツをアップロードする際に、コンピュータ操作が不慣れな方でも簡単に入力できるようにするためのものです。 ① 著作権について本テキストのすべての内容は、著作権法上の保護を受けています。本テキストに掲載の文書や画像等の無断転載を禁じます。 ② 利用について本テキストは、愛媛県内の教職員を対象に提供します。改変にあたっては、愛媛県内の学校内で使用する場合についてのみ、自由に行ってかまいません。愛媛県総合教育センターの許諾を得る必要はありません。改編マニュアルの作成校以外での二次使用は禁止します。 ③ 商標について

○ Microsoft, MS, MS-DOS, Windows, Windows98, WindowsXP, Windows NT, Microsoft Office, Microsoft Word, Microsoft Excel, PowerPoint, FrontPage, Internet Explorer, Windowsロゴは、米国 Microsoft Corporation の米国及びその他の国における商標または登録商標です。 ○ 『一太郎』は株式会社ジャストシステムの登録商標（商標）です。

○ 『ホームページ・ビルダー』は、IBM Corporation の登録商標（商標）です。

○ 『Adobe, Adobeロゴ, Adobe Acrobat』は、Adobe Systems Incorporated(アドビシステムズ社) の商標です。

○ その他、本テキストに記載されている社名、製品名はそれぞれの会社の商標または登録商標です。

(4)

２このマニュアルの使い方 - 2 - ２このマニュアルの使い方このマニュアルは、学校の実情に応じて自由にお使いください。そのまま使用しても、編集して利用してもかまいません。 ◆ 改編の例 ○ マニュアルの必要な部分だけ印刷して使用する。 ○ 『このマニュアル内の「WordPress」という文字は本校W e bサイトでは「セキュリティ情報」と表記しています。すべて読み換えてご覧ください。』といった注釈を加えておく。 ○ 画面で使用している図版を自校のものに置き換える。 ○ マニュアル中に使用している文字を自校用の表現に置き換える。例えば右図の例(ESnetポータルサイト)のように、「WordPress」を用いて作成している「セキュリティ情報」がある場合、マニュアル中の「WordPress」をすべて「セキュリティ情報」と置換すると、利用者はわかりやすいでしょう。 Word2007の場合、〔ホーム〕→〔編集〕→〔置換〕

(5)

第２章編集するためのサイトへのログイン方法２このマニュアルの使い方 - 3 -

第２章編集するためのサイトへのログイン方法

XOOPSで作成したこのサイトは、セキュリティ確保のため、ユーザ名とパスワードを利用してログインし、編集や情報提供の作業を行います。まずログインしてください。１ログインする。インターネットエクスプローラを開いてログインサイトを開いてください。アドレスは（）です。２与えられたユーザ名とパスワードを入力しログインボタンをクリックしてください。編集する権限があるページの編集作業を行うことができます。自校のサイト名を入力してください

(6)

第３章各モジュールへの情報の入力方法１ TinyD モジュール - 4 -

第３章各モジュールへの情報の入力方法

１ TinyD モジュール「TinyD」に情報を掲載する場合の手順について説明します。「TinyD」は、静的コンテンツ（一度登録すれば、頻繁には更新しない情報）を公開するためのモジュールです。「TinyD」は「TinyD0」「TinyD1」「TinyD2」というように、必要に応じて追加していくことが可能です。学校のＴＯＰページの「ようこそ○○学校へ」の部分の情報には、「TinyD0」を使います。 ⑴ サイトにログイン後、管理メニュー中の「TinyD0」をクリックします。コンテンツの追加をクリックします。エディタ画面に変わりますので、SPAW（スパウ編集）ボタンをクリックします。

(7)

第３章各モジュールへの情報の入力方法１ TinyD モジュール - 5 - ⑵ SPAW エディタが起動します。記事を入力しレイアウト等を整えます。プレビューをクリックすると、実際の画面表示を見ることができます。 ⑶ 記事が完成したら、送信をクリックして登録します。 ☑表示を許可する ☑サブメニューに表示する。の 2 か所のみ、チェックを付けます。ここに、記事の表題を入力する。写真を掲載するには、イメージの挿入ボタンをクリックし、ライブラリから選択する。 ※ ライブラリに事前に登録をしておくこと。ここは、変更しないこと。サイト全体が、表示できなくなる場合がある。イメージの挿入ボタン

(8)

第３章各モジュールへの情報の入力方法１ TinyD モジュール - 6 - ⑷ TinyD では、これまでに登録していた記事を編集し、別レコードとして保存をクリックすると、元の記事を残したままで、別の記事として保存することができます。この機能を利用して、「ようこそ○○学校へ」の記事を「ようこそ○○学校へ（1 学期用）」、「ようこそ○○学校へ（２学期用）」「ようこそ○○学校へ（３学期用）」というように、複数作成しておいて、時期により切り替えてＴＯＰページに表示させることができます。

切り替えるには、BLOCKSADMIN から、TinyD0 を選び、TinyD0 内容表示の右はじの編集をクリックします。

オプションのプルダウンボタン▼をクリックし、ＴＯＰページに表示させる記事を選択します。

送信をクリックして登録します。

⑸ TinyD は、TinyD0、TinyD1、TinyD2、TinyD3 というように、必要に応じて複数を設置していくことができます。

TinyD0 は「ようこそ○○学校へ」で利用し、TinyD1 を「学校紹介」、TinyD2 を「学校評価」、TinyD3 を「本校の研究」というように記事のグループとして使い分けます。

TinyD を追加設置する場合は、管理メニューから SYSTE MADMIN に入り、モジュール管理を選択し、予備のモジュール内にある TinyD をインストールしてください。

予備のモジュール内に TinyD の予備がない場合は、ffftp により新たな TinyD をサーバーへ転送する必要があります。（詳細については、教育センターへお問い合わせください。）

(9)

第３章各モジュールへの情報の入力方法１ TinyD モジュール - 7 - ⑹ 管理メニューから「TinyD1」をクリックし、学校紹介の記事を追加していきます。必要な記事を入力し終えたら、表示させたい順に表示順の場所に数字を入力します。入力する数字は、10 ずつ増加させておくと、後での入れ替えることがあった際には作業が容易になります。公開する記事には、表示とSUBにチェックを付けます。（ＴＯＰページで TinyD1のメニュー表示を有効に設定した場合、内容が反映されます。）未完成の記事やまだ公開したくない記事については、表示とSUBのチェックを外します。（メニューに表示されません。） ※ TinyD1のメニューをＴＯＰページに表示させる方法

管理メニューから BLOCKS ADMIN を選択し、TinyD1をクリックします。TinyD1メニューのタイトルを「学校紹介」のように表題となる名称に変更します。表示サイドを左、すべてのページに表示にして送信してください。

(10)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 8 - ２ WordPress モジュール「WordPress」に情報を掲載する場合の手順について説明します。 ⑴ サイトにログイン後、メインメニュー中の「WordPress」をクリックします。 ⑵ 「Blog を書く」のメニューが表示されるのでそれをクリックします。 ⑶ 下のような画面が表示されます。「タイトル」を入力し、「カテゴリー」にチェックを入れて、「投稿内容」に文章を打ち込んでください。文字を入力するだけならば、ここに入力していくとよい。ここに、文書の表題を入力する。ここをクリックして、カテゴリーにチェックを入れる。複数可。

(11)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 9 - タイトルは簡単で内容がよくわかるように記述してください。「カテゴリー」は該当するものにチェックを入れる。複数選択可。本文に文字を入力していく。文字装飾を行いたい場合にはツールバーを利用する。ツールバーの説明は次ページを参考にしてください。入力が完了したら、書き出しボタンをクリックする。

※ 注意

学校で運用するサイトでは、文字装飾が華美になると読みにくく、内容も正しく伝わり

にくいことがある。強調したいところの色を変えるか、アンダーラインを引く程度で抑

えたほうがよい。

(12)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 10 - ⑷ ツールバーについて基本的な使い方は、修飾したい文字列をドラッグして選択し、ボタンをクリックするだけである。ボタンの上にマウスカーソルを置くと、右の図のようにヒントが表示されるので、参考にするとよい。順番に[切り取り]、[コピー]、[貼り付け] [切り取り]：選択した文字列を切り取る。文字列は消去。 [コピー] ：選択した文字列をコンピュータ内に一時保存。文字列はそのまま。 [貼り付け]：[切り取り]や[コピー]した文字列をカーソル位置にはり付ける。 [元に戻す]、[やり直す] [元に戻す]：直前の操作を取り消して元に戻す。 [やり直す]：[元に戻す]を取り消す。順番に[太字]、[斜体]、[下線]の修飾を行う。順番に[左揃え]、[中央揃え]、[右揃え]、[均等割付]を行う。 [インデント追加]と[インデント削除] [文字色]と[背景色]を変更する。 [下付文字]と[上付文字] [番号リスト]と[リスト]、自動的に行頭に番号、もしくは「・」を付ける。

(13)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 11 - [ハイパーリンク]、[イメージの挿入]、[イメージのプロパティ]、[イメージのポップアップ]、[区切り線] [ハイパーリンク]：リンクを作成する。『タイプ』には次の３種類がある。 [リンク]、[アンカー]、[アンカーへのリンク] [リンク]の場合他ページや他サイトへのリンクを作成する。「url」にはジャンプ先のアドレスを記載する。「ターゲット」は自校サイト内なら、『同一ウインドウ』または『新規ウインドウ』のうちふさわしいものを、他のサイトならば『新規ウインドウ』にする。「タイトル」にはジャンプ先のページが分かるように記載する。 [アンカー]はページ内のジャンプ先を作成する。「アンカー名」に名前を付ける。「タイトル」はその文字の上にマウスカーソルを持って行った時に文字が表示される。左のように「アンカーの記述例」という文字列を選択して、各項目を記述すると、ブラウザでは下のように表示される。 [アンカーへのリンク]はページ内のアンカーへジャンプするリンクを作成する。左のように「アンカーへのリンク」という文字列を選択して、各項目を記述すると、ブラウザでは下のように表示される。それをクリックするとページが設定したアンカーまで移動する。

(14)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 12 - [イメージの挿入]：画像を挿入する。クリックすると右のような画面が表示される。アップロードの横の参照ボタンをクリックする。作業しているコンピュータ内の画像の入ったフォルダを指定し、該当する画像を選択後、開くボタンをクリックする。アップロードボタンをクリックすると、「イメージ」の中に画像名が表示される。選択するをクリックすると、画像が挿入される。 ※ 注意！挿入された画像をクリックすると、画像の周囲に□が表示される。これをドラッグすると画像の拡大、縮小や変形が可能だが、画像表示が荒くなるため基本的には行ってはならない。

(15)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 13 - [イメージのプロパティ]：貼り付けた画像の設定情報の編集 ← 変更しない ← 画像の説明を記入、日本語でよい行揃えは適切なものを選ぶその他は変更しなくてもよい。 [イメージのポップアップ]：標準設定では無効になっています。使用しません。 [区切り線]：横線を挿入 [テーブルの作成]、[テーブルのプロパティ]、[セルのプロパティ]、[行の挿入]、[列の挿入]、[行の削除]、[列の削除]、[右の列と結合]、[下の行と結合]、[行を分割]、[列を分割] [テーブルの作成]：新しく表を作成する [テーブルのプロパティ] 行と列に数値を入力する。その他の数値はそのままでよい。 ※ そのほかのボタンは、Word や一太郎、Excelで表を管理するのと同じである。

(16)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 14 - ⑸ ワープロソフトで作成した文書の利用あらかじめ、ワープロソフトで作成した文書と同じ内容を掲載したい場合はコピーアンドペーストすれば簡単です。 ① ワープロソフトで元文書を開く。下記の画面例はWord2007ですが、Wordの他のバージョンや一太郎でも同じです。 ② コピーしたい部分をドラッグする。文字列の色が反転する。 ※ ドラッグとは：選択したい部分の開始点でマウスをクリックし、クリックしたままマウスを移動させ、終了点でマウスを離すこと。 ③

反転した部分の上

でマウスを右クリックする。メニューが表示される。「コピー」をクリックする。 ※ 画面上は何も変化しません。 ④ 「WordPress」の「投稿内容」画面の右下のHtmlをクリックする。

(17)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール

- 15 - 入力枠の上でマウスを右クリックする。メニューが

表示される。「貼り付け(P)」をクリックする。

(18)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 16 -

※ Htmlボタン、とDesignボタンとは？

W e bページは、ＨＴＭＬという一種の言語を用いて記述します。ただの文字情報だけならばそのまま「運動会といえば」という風に記述すればよいのですが、文字の大きさやフォント、色を変えたり、画像を表示したりするためにはちょっとした工夫が必要です。ホームページ・ビルダーなどのW e bページ作成ソフトは、そのＨＴＭＬ言語を気にすることなくワープロソフト風に作業ができます。それと同じ画面なのがDesignです。このあたりは少し複雑なので「こういう手順でやればうまくいく」というくらいで納得してください。ＨＴＭＬ言語に興味がある方は少し勉強してもいいでしょうが、くれぐれもやりすぎに注意してください。

(19)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 17 -

※ Designモードのまま作業するとどうなるの？

上手に使うと、Wordの装飾をそのまま使うことができます。しかし、次ページのような問題が生じる場合もあり、本校ではお勧めしません。＜Wordの元文書例＞デザインモードのまま貼り付けた。 ○ フォントのサイズ ○ フォントの種類 ○ 蛍光ペン ○ 箇条書き ○ 下線などがそのまま引き継がれている。

(20)

第３章各モジュールへの情報の入力方法 /２ WordPress モジュール - 18 - ブラウザで確認すると修飾が反映されている。 Htmlモードで確認すると、何やら不思議な文字の羅列になっている。こうなるとこの後修正を加えるのは大変な作業になります。また、次のようにこの謎の文字列が表示されてしまうこともあります。この部分

(21)

第３章各モジュールへの情報の入力方法３ニュースモジュール - 19 - ３ニュースモジュール「ニュース」に情報を掲載する場合の手順について説明します。 ⑴ サイトにログイン後、メインメニュー中の「ニュース」をクリックします。 ⑵ 「ニュース投稿」のメニューが表示されるのでそれをクリックします。 ⑶ 下のような画面が表示されます。タイトルを入力し、文章を打ち込んでください。文字を入力するだけならば、ここに入力していくとよい。ここに、文書の表題を入力する。ここをクリックして、トピックのグループを選択する。

(22)

第３章各モジュールへの情報の入力方法３ニュースモジュール - 20 - 表題は簡単で内容がよくわかるように記述してください。「トピック」は▼をクリックすると一覧が表示されるので、該当するものを選択する。本文に文字を入力していく。文字装飾を行いたい場合には「追加」ボタン左の枠に文字列を入力し、文字サイズ、フォント、色その他の書式を選ぶと、「サンプル」の文字が変化するので確認し、追加ボタンをクリックする。このように表示される。

※ 注意

学校で運用するサイトでは、文字装飾が華美になると読みにくく、内容も正しく伝わり

にくいことがある。強調したいところの色を変えるか、アンダーラインを引く程度で抑

えたほうがよい。

文字の大きさフォントの種類(欧文のみ) 文字色太字斜体下線取り消し線ここが変化するここに文字列を入力

(23)

第３章各モジュールへの情報の入力方法３ニュースモジュール - 21 - の使い方左から順番に「W e bページへのリンク」「メールアドレス」「本文内にサーバ内の写真を表示」「写真をアップロードして本文内に写真を表示」「コードを入力」「引用」に利用します。 ※ 各ボタンをクリック後右のようなメッセージが表示される場合は、まず閉じるをクリックしてくださいその後、画面上部に下図のような黄色いメッセージが表示されます。クリックするとメッセージが表示されるので、「許可」をクリックします。再度ボタンをクリックしてください。 ※ 「メールアドレス」、「本文内にサーバ内の写真を表示」、「コードを入力」、「引用」は使いません。使いたい場合はW e b管理者に相談してください。 W e bページへのリンク例えば愛媛県のW e bページへリンクをはりたい場合に使います。ボタンをクリックすると右のような窓が開くので、W e bサイトのアドレスを入力してください。 OKを押すと、今度はサイト名の入力を要求してきます。入力してください。今入力した文字列の前後に、「[url= 」のような文字列が付加して挿入されました。この「[url= ・・・ [/url]」の部分は編集しないでください。左のように表示され、クリックするとリンク先のページが表示されます。

(24)

第３章各モジュールへの情報の入力方法３ニュースモジュール - 22 - 写真をアップロードして本文内に写真を表示あらかじめ、写真のサイズなどを調整し、わかりやすい名前で準備します。第４章の「１写真の加工」を参考にしてください。 ※ ファイル名は必ず半角英数で！ MANAGERボタンをクリックすると右のような画面が表示される。送信ボタンの左の▼をクリックして写真のカテゴリを選ぶ。画面右の閉じるボタンの上に「画像ファイルの追加」と表示されるのでクリックする。「画像ファイル名」横の参照ボタンをクリックする。写真を保存したフォルダを探して表示し、送信する画像をクリックして開く（O）ボタンをクリックする。画像名を入力する。これは日本語で構わない。送信ボタンをクリックする。

(25)

第３章各モジュールへの情報の入力方法３ニュースモジュール - 23 - 画像が表示される。右側の位置ボタン（左から、左揃え、中央、右揃え）をクリックするとコードがカーソル位置に挿入される。入力が完了したら、プレビューボタンをクリックすると下図のように確認することもできる。「メールを受け取る」のチェックボックスはメールサーバーを設定していない場合ははずす。最後は必ず投稿するをクリックする。確認メッセージが表示される。

(26)

第３章各モジュールへの情報の入力方法３ニュースモジュール - 24 - ⑷ ワープロソフトで作成した文書の利用あらかじめ、ワープロソフトで作成した文書と同じ内容を掲載したい場合はコピーアンドペーストすれば簡単です。 ① ワープロソフトで元文書を開く。下記の画面例はWord2007ですが、Wordの他のバージョンや一太郎でも同じです。 ② コピーしたい部分をドラッグする。文字列の色が反転する。 ※ ドラッグとは：選択したい部分の開始点でマウスをクリックし、クリックしたままマウスを移動させ、終了点でマウスを離すこと。 ③

反転した部分の上

でマウスを右クリックする。メニューが表示される。「コピー」をクリックする。 ※ 画面上は何も変化しません。 ④ 「ニュース投稿」の「メッセージ本文」入力枠の上でマウスを右クリックする。メニューが表示される。「貼り付け(P)」をクリックする。

(27)

第３章各モジュールへの情報の入力方法 - 25 - ⑤ 文字列がはり付けられるので、成形する。

ポイント!

「ニュース」は文字通りニュースを掲載するところなので、ワープロ文書のように成形することは簡単ではありません（「コードを入力」を用いればある程度は可能です）。特にサイトを見る側の人は文字の表示サイズを変更したり、ブラウザのサイズを変更したりしていますので、極力文字列には修飾を加えないようにしましょう。同じページを見ても、見る人によって表示幅はさまざまに設定します。 ← 横幅狭く表示 ← 横幅広く表示

(28)

第４章コンテンツ作成のために１写真の加工 ⑴ 写真を撮影しましょう - 26 -

第４章コンテンツ作成のために

１写真の加工 ⑴ 写真を撮影しましょう授業や行事の様子など、文字情報は後から作成できますが、写真はその時撮影しなくてはなりません。デジタルカメラで撮影した写真は CD 等で保存もできますし、銀塩写真に比べて格段に低コストで処理できます。撮り過ぎかな、と思うくらい撮っておくとよいでしょう。なお、肖像権の取り扱いについて、必要に応じてあらかじめ説明し、了承を得ておかなくてはなりません。児童生徒の場合には保護者の許諾が必要となります。 ⑵ 写真の加工のポイント特に最近のデジタルカメラは高性能になり、撮影後に保存されるデジタルファイルも大容量のものが多くなっているため、W e bページに用いるためにはあらかじめ加工しておくことが必須です。次の４つのポイントに注意して加工を行ってください。 ① トリミング ② サイズの変更 ③ 圧縮 ④ ファイル名の変更後日編集する人がファイルを見て何の写真か分かるようにする。「DSC0005.JPG」では分からない。半角小文字英数字を用る。「スペース」や「かな」、特殊な記号は使わない。ファイルのサイズを小さくすることで、見る人がストレスなく閲覧できる。

(29)

第４章コンテンツ作成のために１写真の加工

⑶ Microsoft Office Picture Manager を用いた編集

- 27 -

Microsoft Office Picture Manager は Microsoft Office2003 及び 2007 に付属するソフトウエアで、簡単に写真の加工、修正を行うことができます。ここでは Office2007 に付属のもので説明しますが、2003 付属も基本的な操作は同じです。 ① 準備デジタル画像をコピーし、写真の内容が分かりやすいファイル名を付けておく。例えば「DSC0005.JPG」では分からないので「koucyouface.jpg」のように変更する。半角、小文字の英数字を用い、「スペース」や「かな」、特殊な記号は使わない。 ② Microsoft Office Picture Manager の起動

①で準備した、編集したい写真ファイルを右クリックし、「プログラムから開く」→「Microsoft Office Picture Manager」と順番にクリックする。

または、「スタートボタン」 → 「プログラム」 → 「Microsoft Office」 → 「Microsoft Office ツール」 → 「Microsoft Office Picture Manager」と順番にクリックしてもよい。

主な編集機能 → ※ 機能や使い方について知りたい場合は

メニューバーの「ヘルプ」から、「Microsoft Office Picture

Manager ヘルプ」をクリックする。

(30)

第４章コンテンツ作成のために１写真の加工

- 28 - ③ トリミングａツールバーの → と順番にクリックする。ｂトリミングハンドル ┏ ┓ ┗ ┛ ━ ┃ をドラッグして範囲を設定する。（Shift キーを押しながらトリミングハンドルをドラッグすると、縦横比が維持できる。）ｃ設定できたらを押す。ｄ保存する。このとき、ツールバーのをクリックして保存すると上書きになるので注意する。上書きをしたくない場合は、メニューバーのをクリックし、を選び、別の名前を付けて保存する。 ④ サイズ変更（画像の寸法の変更）ａ → と順番にクリックする。ｂ「定義済みのサイズ」の右の▼をクリックし、例えば「W e b小：（448×336 ピクセル）」を選ぶ。（３種類の変更方法があるが、ここでは「定義済みのサイズ」を使用する。）ｃを押す。ｄ保存する。 ⑤ 画像の圧縮（ファイルサイズの変更）ａ → と順番にクリックする。ｂ圧縮の目的で、例えば「W e bページ」を選ぶ。ｃを押す。ｄ保存する。 ⑥ 複数の画像をまとめて編集ａツールバーのをクリックする。ｂ現在開いているフォルダが、編集目的の画像が入っていないフォルダの場合には、をクリックして、編集したい写真が入っているフォルダを呼び出す。ｃ作業領域の左上にある３つのボタンのうち、一番左の縮小表示ボタンを押して、ファイル内の画像をすべて表示する。ｄまとめて編集したい画像を、Ctrl キーを押したままで次々とクリックして、すべて選択する。ｅあとは、④や⑤と同じように編集作業を行う。

(31)

第４章コンテンツ作成のために

- 29 - ⑦ 複数の画像の名前をまとめて変更ａまとめて編集したい画像を、Ctrl キーを押したままで次々とクリックして、すべて選択する。ｂメニューバーのをクリックし、を選ぶ。ｃ画面右側の作業ウインドウで、例えば、ファイル名を「_small」、「ファイル名の末尾に追加する」にチェックを入れ、「連番を追加する」の☑をはずす。ｄプレビューを確認して、よければを押す。ｅ保存する。

学校WebサイトへのXOOPS導入マニュアル