alphaEDITを使って報告書を作成する

NetScape Composerを使っている人へ

NetScapeをインストールしてないので、原因は分かりませんが、NetScape Composerを使って作成した場合、スタイルシートへのリンクのタグ情報が文字化けしたり、改段落が<br>タグになったりしているようです。

なので、自分で直せないのであれば、NetScape Composerではなくここで紹介しているalphaEditを使ってください。

書式を保存する

はじめに基本となる書式を自分のPCに保存します。

  1. 報告書をどれか開き、ページ上で右クリックして【ソースの表示】を選択する
    ※山か藤が作成したもので最新のものを使うこと。
  2. メモ帳が開いたらメニューの【ファイル】から【名前をつけて保存】を行なう
  3. ファイル名に「r20050101.html」のように“r”＋“活動年月日”＋“.html”と名前を付けて保存する
  4. ファイル名は必ず半角英数字で入力すること

編集する

バージョンによって初期設定をする必要があります。バージョン2.0.2（最新）をダウンロードした場合は、はじめにメニューの【ツール】⇒【オプション】⇒【WYSIWYG】⇒【Enterキーで挿入されるタグ】に【p】を選択してください。

2.0.1の場合はこの設定は必要ありません。

では、編集へ。

  1. ダウンロードした「aled201.lzh」を解凍してできた「aled201」フォルダから「alphaEDIT.exe」を実行して起動する。
  2. メニューの【ファイル】⇒【開く】で保存したテンプレートを開く。
  3. 日／時／天気／場所／出欠／打上／メニュー／総評／感想とかをそれぞれ打ち変える。

alphaEDITの起動画面

下図で赤枠で囲ってある【WYSIWYG／HTMLソース／プレビュー】ボタンでそれぞれの画面に切り替えられる。

【WYSIWYG】は通常の編集画面。【HTMLソース】は一部作業で使用。【プレビュー】は【WYSIWYG】とほぼ同じ。

装飾する

装飾の際に主に使うのは、下図の赤枠で囲ってある部分くらいなので、覚えてしまえば至って簡単。

で、これを踏まえて、以下のテンプレート（抜粋）と照らし合わせて簡単に解説しときます。

下テンプレート中のオレンジ色の注釈は上図のドロップダウンメニューで選択する箇所。

下テンプレート中のピンク色の注釈は上図の「Ｂ」と「Ｉ」のツールバーを使用する箇所。

日 2005年3月27日（日） 天気 快晴
時 10:00〜14:30 場所 豊住公園
出欠 山 鶴 嶋 藤 糸 鍋 忍 天 森 成 獣 酒 打上 サイゼリヤ
○ ○ × ○ ○ 球拾 ○ ○ ○ × × ○ 記入者 山
メニュー
  • 3人 vs 3人 × 1試合　※記号付きリスト
総評
  • 木場に新たなキ○ガイ登場　※記号付きリスト

練習　※見出し2

それは実は獣ではなく思いもよらぬ方からのメールだったのです。

獣の父親です。彼は今旅行中です。　※定義

なんだ、こりゃ？

第3試合：● 山糸忍酒 0 vs 2 藤天森西 ○　※見出し3

もうダブルドリブルだよ、それ！！　※赤字の強調は「Ｂ」のツールバー

みたいな芸術的なドリブルでゴールを奪う。

結局、『反比例の法則』も空しく　※緑字の強調は「Ｉ」のツールバー

同窓会　※見出し2

この日は、山藤の教え子たち（嶋糸森酒らの世代）の同窓会がありました。しかし、残念ながら英語担当の姿が見当たりません。彼は春期講習の真っ只中ということで、きっと忙しいに違いないので、気をつかって声をかけなかったためです。がんばってくださいね。

DJ（欠席）　※用語
今回一番の見所と思われていたDJ参戦は残念ながら不発に終わった。　※定義

ともあれ、幹事の酒とバイトの糸、ご苦労様でした。おかげさまで楽しい会になりました。またの機会を楽しみにしております。
感想とか
  • 早く点の取れるPVになりたいです。（鶴）　※記号付きリスト
  • 疲れた…足の裏、豆だらけ。（藤）　※記号付きリスト

日／時／天気／場所／出欠／打上／記入者

装飾はないので記入するだけ。

メニュー／感想

メニューや感想は「記号付きリスト」の書式。文頭に が挿入されます。

この書式は改行すれば自動的に次の行にも適用されます。その下の「木場に新たなキ○ガイ登場」の欄も同様。

総評

総評欄の各書式は以下の通りです。

本文は「標準」の書式。
大見出し（ex. 練習／同窓会）は「見出し2」の書式。
小見出し（ex. 第3試合・・・・・）は「見出し3」の書式。

文字の強調

強調したい文字列を選択してツールバーで設定してください。

赤字強調を行なう場合は「Ｂ」のツールバーで設定。
緑字強調を行なう場合は「Ｉ」のツールバーで設定。

定義リストを使う

↓定義リストってのはこんな書式。↓

DJ（欠席）
今回一番の見所と思われていたDJ参戦は残念ながら不発に終わった。

ある用語とその意味の定義を説明するためのタイプの書式で、改行する度に「用語」⇒「定義」⇒「用語」…と繰り返されます。ただし、何も記入しないで連続改行すると「標準」の書式に戻ります。

「DJ（欠席）」の部分は「用語」の書式。文頭にが挿入され文字列が太字になります。
「今回一番の見所と〜」の部分は「定義」の書式。文頭にが挿入されます。

文字の大きさ

文字の大きさを変更する場合は【HTMLソース】画面を開いて大きさを変更したい文字の前後に次のタグを打ち込んでください。

赤字強調で大きくしたい場合：<strong style="font-size:200%"> 大きくしたい文字列 </strong>
緑字強調で大きくしたい場合：<em style="font-size:200%"> 大きくしたい文字列 </em>

パーセンテージは適当に変えてください。200%だと通常の文字の倍の大きさで表示されます。

リンクや画像の挿入

リンクを張る

報告書の上下には前後の報告書へのリンクが張られてます。↓こんなの。↓

とりあえずリンクを張りたい文字列「前へ(****/**/**)」や「次へ(****/**/**)」の文字列をそれぞれ選択して、上の画像にある【ハイパーリンク】ツールバーを押します。文字列を選んで右クリックから【挿入】⇒【ハイパーリンク】を選択しても良いです。

すると、次のような画面が出てきます。

【リンクファイルの場所】の欄に前後の報告書のファイル名、例えば「r20050320.html」を入力。http://〜から入力する必要はありません。同じディレクトリ内にあるので、ファイル名だけで大丈夫です。

別のHPへのリンクを張る場合は同様の手順で【リンクファイルの場所】の欄にリンクしたいページのURLを入力してください。

画像を張る

画像を張る場合は、次の手順で行なってください。手順を守らないとサイトにあげたときにリンクが崩れる恐れがあります。

  1. どこでもいいので「report」フォルダを作り、そこに自分が作った報告書を保存します。
  2. 「report」フォルダの中に「img」フォルダを作り、そこに画像を保存します。
  3. 報告書の中の画像を挿入したい場所にカーソルを置き、【画像の挿入】ツールバーをクリック。
  4. すると、こんな画面が出てくるので、【参照ボタン】を押して「img」フォルダの中の画像を選択してOKします。
  5. ボーダーサイズを1に設定すれば画像を細い枠線で囲むことができます。

できあがった報告書をサイトにあげるやり方はこちら。