OpenOffice.org の紹介 OpenOffice.org はオープンソースで開発されている統合オフィスソフトです製品名と同じ名前のコミュニティが開発し世界中のユーザーが利用するスタンダードなソフトウェアとなってきています以下のような特徴を持ちますワープロや表計算プレゼンツー

(1)

【パソコン実習】　

OpenOffice.org でホームページを作成しよう

拡張機能の使い方、スタイルの考え方がわかる

特定非営利活動法人 OpenOffice.org 日本ユーザー会

鎌滝雅久

オープンソースカンファレンス 2011 Kagawa

2011 年 2 月 5 日土曜日

会場：サンポートホール高松ホール棟１ F 市民ギャラリー（受付・セミ

ナー）タワー棟 4F/5F e-とぴあ・かがわ（展示・セミナー）

主催：オープンソースカンファレンス実行委員会

共催：e-とぴあ・かがわ

　　　情報処理学会四国支部（第 2 回四国オープンソースセミナー）

後援：JGN2plus

企画運営：株式会社びぎねっと

(2)

OpenOffice.org の紹介

OpenOffice.org は、オープンソースで開発されている統合オフィスソフトです。製品名と同じ名前のコミュニティが開発し、世界中のユーザーが利用するスタンダードなソフトウェアとなってきています。以下のような特徴を持ちます。 • ワープロや表計算・プレゼンツールなどを統合したオフィスソフトです • 無料で入手できて、誰でも自由に利用できます • マイクロソフトオフィスのファイルを読み書きでき、操作もよく似ています • ほかのソフトと文書交換しやすい、標準ファイル形式 OpenDocument を採用(ISO 26300) • OpenOffice.org は、オープンソースという方針で開発・公開されています • 正式名称は、OpenOffice.org(オープンオフィスドットオルグ)です • このソフトの開発元も、OpenOffice.org という名前です今回は、ホームページの作成に OpenOffice.org を利用し、OpenOffice.org のワードプロセッサである Writer の「スタイルと書式設定」機能の使いやすさを紹介できればと思っています。また、標準ではけっして豊富とは言えない OpenOffice.org のクリップアートを、飛躍的に拡充したり、インターネットからいつでも欲しい画像を入手できる便利な拡張機能も紹介します。ハンズオンセミナーを受講される方には、パソコンを実際に操作していただいて、ホームページの作成方法とともに OpenOffice.org の操作方法も学んでいただければと思います。

OpenOffice.org を起動する

まずは、OpenOffice.org を起動します。図 1:① パソコンのデスクトップにある OpenOffice.org 3.3 のショートカットアイコンをダブルクリックする

(3)

(4)

付属クリップアートの数を増やす拡張機能の紹介

OpenOffice.org には、「拡張機能」が備わっています。Microsoft Office では、アドインやアドオンと呼ばれているオフィスソフトに便利な機能を付加する外部アプリケーションが存在します。それとほぼ同じものであると思ってください。

インストールされている拡張機能を確認する

お使いの OpenOffice.org にどのような拡張機能がインストールされているか確認しましょう。そのために次の手順で「拡張機能マネージャー」を起動します。図 3:①[ツール]-[拡張機能マネージャー]をクリックする

(5)

みなさんのパソコンの[拡張機能マネージャー]に、「DSFJ SozaiOOo」「EuroOffice Online Clipart」という拡張機能がインストールされているか、ご確認ください。

コラム

拡張機能について

拡張機能は、専用のリポジトリサイト（配布サイト）があり、通常はこのサイトから利用したいものをダウンロードし、[拡張機能マネージャー]を使ってインストールします。拡張機能リポジトリサイトの URL は以下となります。 http://extensions.services.openoffice.org/

「DSFJ SozaiOOo」と「EuroOffice Online Clipart」はそれぞれ、以下の URL に登録されています。

• DSFJ SozaiOOo

http://extensions.services.openoffice.org/en/project/DSFJ-SozaiOOo • EuroOffice Online Clipart

http://extensions.services.openoffice.org/en/project/eurooffice-online-clipart 拡張機能リポジトリサイトには、上記以外のクリップアートの拡張機能もたくさんあります。時間のあるときに探してみてください。

(6)

ホームページ作成は OpenOffice.org の HTML 編集機能で

それでは、実際にホームページ作成の実習に進みます。Windows のスタートメニューには下図のように HTML を編集するアプリケーションは見当たりません。 HTML とは、ホームページを作成する言語のことですが、OpenOffice.org を使って簡単なホームページを作成する範囲では、このような言語を意識する必要はありません。OpenOffice.org の HTML 編集機能は、ほぼ、OpenOffice.org のワードプロセッサである Writer の操作を引き継いでいますから、ワープロを利用する感覚でホームページの作成が行えます。 OpenOffice.org を起動後の画面で、[ファイル]-[新規作成]-[HTML 形式ドキュメント] を選びます。図 5:スタートメニューに登録された OpenOffice.org のメニュー

(7)

OpenOffice.org の画面が、次の図のように変わります。これが、 OpenOffice.org の HTML 形式ドキュメントの編集画面です。タイトルバーには、「 OpenOffice.org Writer/Web」と表示されています。図 6:[ファイル]-[新規作成]-[HTML 形式ドキュメント]を選ぶ図 7:HTML 形式ドキュメントの編集画面

(8)

ワープロの「見出し」がホームページの「見出し」に

さっそくホームページ作りにとりかかりましょう。今回は、香川県の観光情報を扱うホームページにしてみます。以下の図のように、1 行目に「香川県の観光情報」、2 行目に「高松城」、3 行目に「讃岐うどん」と入力してください。IME（漢字変換）がオフの場合は、キーボードの「全角/半角」キーを押してください。 1 行目の「香川県の観光情報」に「見出し 1」のスタイルを、2 行目の「高松城」、3 行目の「讃岐うどん」には「見出し 2」のスタイルを設定します。手順は以下のようになります。図 8:HTML 形式ドキュメントの編集画面に日本語を入力する図 9:①1 行目の先頭をマウスでクリックしてカーソルのポインタを置く図 10:② ツールバーの[スタイルの適用]欄の右側の「▼」ボタンをクリックして、「見出し 1」をクリックする

(9)

図 11:③1 行目に「見出し 1」のスタイルが適用される

図 12:④2 行目の先頭をマウスでクリックしてカーソルのポインタを置く

(10)

コラム

「見出し」スタイルと HTML 言語の関係

「見出し 1」スタイルは、HTML 言語のタグ<h1>～</h1>に対応しています。また、「見出し 2」スタイルは、タグ<h2>～</h2>に対応しています。このように、Writer の見出しスタイルを設定することで、HTML 言語を意識せずに、HTML 形式ドキュメントの編集を行うことができます。実習　3 行目に「見出し 2」のスタイルを適用してください図 14:⑥ 表示された[スタイルと書式設定]の「見出し 2」スタイルをダブルクリックする図 15:⑦2 行目に「見出し 2」のスタイルが適用される

(11)

改段落と改行の違い

Microsoft Word をお使いの方は、あまり意識をされないと思いますが、ホームページでは、改段落と改行では異なる扱いとなります。具体的には、改段落は HTML 言語のタグ<p>、改行はタグ<br>が使われます。 OpenOffice.org の Writer を利用すれば、この違いも気にせずホームページ作りが行えます。ここで作成している「香川県の観光情報」を扱うホームページで、次の図のように「高松城」の説明文を入力します。赤い線で囲ったツールバーの[編集記号]ボタンをクリックしてください。次の図のように、画面に表示された記号が改段落を表しています。図 16:「高松城」の説明文図 17:改段落の編集記号

(12)

「高松城」の説明文の 1 行目のどこでも良いので、マウスでクリックして、カーソルのポインタを置きます。その位置で「Shift+Enter」キーを押してください。次の図のように改行されます。赤い線で囲った記号が、改行の編集記号です。 Writer では、改段落と改行が区別されることを覚えておいてください。また、改行時にはほぼ 1 行分の行送りが行なわれますが、改段落の場合は、1 行分以上の行送りが行なわれている点もわかると思います。このように、Writer で作成すれば、ホームページ上でも区別される改段落と改行の違いを見た目でも理解できると思います。図 18:改行が挿入された

(13)

クリップアートを利用してみよう

ホームページ作りは、香川県の観光情報にふさわしい図を挿入して完成させましょう。セミナーの最初に紹介したように、図の利用がさらに便利になる拡張機能をインストールしています。

ここでは、拡張機能の「EuroOffice Online Clipart」を使って、インターネットからふさわしい図を挿入してみたいところですが、会場の関係で残念ながら、インターネットを使った図の挿入ができません。一応、「EuroOffice Online Clipart」で図の挿入方法を説明しておきます。ちなみに「EuroOffice Online Clipart」は、Writer 用の拡張機能です。タイトルバーに「Writer/Web」と表示されている場合は、メニューに表示されません。「EuroOffice Online Clipart」を利用する場合は、Writer で図を挿入し、HTML 形式ドキュメントの編集画面にコピーすると良いでしょう。

「EuroOffice Online Clipart」の使い方は次のとおりです。

(14)

図 20:②Keyword 欄に挿入したい図の検索ワードを入力し、[Search]ボタンをクリックする

(15)

このように、Wikimedia Commons にアップされている図が検索され、インターネット上の URL へのリンクとして挿入されます。さらに著作権表示も自動で挿入されるので、ホームページで公開する際の著作権に関する手続きも済んだ状態で利用できると考えてよいでしょう。

デスクトップの画像を挿入する

今回は、お使いのパソコンのデスクトップに、「EuroOffice Online Clipart」で検索した画像を用意しておきました。この画像を挿入する方法を紹介します。

図 22:④ 図が挿入される

(16)

図 24:②[挿入]メニューの[ファイルから]をクリックする

図 25:③[画像の挿入]ダイアログボックスで「デスクトップ」を選び、高松城の図を選択、[開く]ボタンをクリックする

(17)

実習デスクトップの讃岐うどんの図を挿入してください

(18)

作成したページを Web ブラウザでプレビュー

作成中の HTML 形式ドキュメントが、Web ブラウザでどのように表示されるか、事前に確認できるプレビュー機能があります。次のようにプレビューしてください。

(19)

ページのタイトルを決めて完成！

最後にページのタイトルを入力して完成です。このページのタイトルは、Web ブラウザで表示した際、タイトルバーに表示されます。次の手順でページのタイトルを設定し、HTML 形式ドキュメントとして保存します。図 28:①[ファイル]メニューの[プロパティー]をクリックする図 29:②[プロパティー]ダイアログボックスの「概要」タブのタイトル欄を設定、[OK]ボタンをクリックする

(20)

図 30:③[ファイル]メニューの[名前を付けて保存]をクリックする

図 31:④[名前を付けて保存]ダイアログボックスで保存する場所に「デスクトップ」を選び、ファイル名を指定し、ファイルの種類が「HTML 形式ドキュメント（html）」となっていることを確認し、[保存]ボタンをクリックする