第8回ホームページ勉強会
 
課外(第23日目)、2月12日







支部便りの作成

支部便り:

   各支部の定例会は月に2回実施されており、各定例会ではワンポイントレッスンとか色んな勉強、教えあい、学びあいが実施され、最後に楽しいお茶会が行われています。

 各定例会ではお茶当番、支部便り当番が順番に決められていると思いますが、今回は支部便り当番の皆さんが撮影し指定サイズに加工して送付頂いた写真、コメントを飾って実際に支部便りを作る方法について勉強したいと思います。

 もちろん、『Word』で全体を作って、『ぽいっとHTML』でhtmlに変換します。手法を忘れた方は思い出して下さい。

 今回の様に、『Word』からhtmlに変換後に何も手を加えないのであれば、『Word』で直接htmlに変換しましょう、この方が見た目も変わらず変換できます。

0 事前準備:

 支部便りの練習ですから、320×240ピクセルの写真を6または8枚と、600×450ピク
セルの写真を1枚準備しておいて下さい。写真の内容は何でも構いません。


支部便りの基本形式の取り込み:

 皆さんがホームページビルダーで作った支部便りの写真、コメントなどのデータを引用して、Word文書を作りました。

 これに写真とコメントを入れ替えて、新しい支部便りを作るのが一番簡単ですが、新しく作るのもWordの勉強になりますから、今回は新しく作ってみましょう。


写真とコメントの入替え:

 取あえず、取り込んだデータの名前を変えて保管します。その後写真を新しい写真と入替え、コメントも入替えます。

 コメントの入力は場所が決まっていますから、文字数も有る値以下です。



写真のサイズ調整:

 
今までの勉強会では、皆さんの写真は適当に拡大、縮小して貼り付けたために、出来上がりは各人バラバラになっていますが。今回は支部便りですから、写真のサイズは適当ではなくサイズの調整を実施します。

 送付されてきた写真の横幅は320ピクセルですから、320ピクセルで表示される横幅に調整します。

 加工した写真は名前を付けて保存します。





 4.1
htmlに変換:

ぽいっとHTMLを使用した場合

『 Microsoft Word 』で作った文書を『ぽいっとHTML』でhtmlに変換します。

 その後、IE7との互換設定を実施します。支部便りではロールオーバーは見ませんが、これを入れても面白いですね。

 IEで出来上がりの確認をして、思った通りに表示されていれば完成です


 4.2 Wordで直接HTMLに変換

『 Microsoft Word 』で作った文書を『 Word 』で直接htmlに変換します。

 勉強会の1日目にご説明致しましたが、皆さん覚えておられるでしょうか?

 後で編集しないのであればこれが一番楽で、単に名前を付けて保存で、ファイルの種類で『Webページ(フィルター後)』を選択するだけです。

 互換設定も不必要で、ChromoでもFirefoxでもちゃんと動作します。



資料:クリックすると新しいウインドウでWord文書が開きます。

 資料1(作り方)

 資料2(作成例1)

 資料3(作成例2)


     資料作成:三宅 節雄