フロントページ・エクスプレスの基本操作１
これは
７月に掲載した、フロントページ・エクスプレスの基本操作
http://isweb24.infoseek.co.jp/diary/yoshi57/frontpage..htm の内容を少し変え、
使用画像をデジカメ画像から、ｇｉｆ画像に変えてまとめたものです。
まえがき
フロントページ・エクスプレスの参考書については
ホームページ作り第２章でも書きましたが、
私が参考にしているのは、
「はじめてのホームページ Ｆｒｏｎｔｐａｇｅ Ｅｘｐｒｅｓｓ 入門」
著者：青空研究会ホームページ制作部
発行所：株式会社秀和システム
定価：１０００円
です。
これは、具体的にＨＰ（ホームページ）を作る操作を解説しているので、
自分で実際にやってみるのが一番です。
ただし、
ホームページ作り第２章でも触れましたが、
自分のＰＣ（パソコン）でＨＰを作っただけでは、ｎｅｔ上での公開はできません。
ｎｅｔ上に転送するソフト（ＦＦＦＴＰなど）が必用です。
これについては、また後で解説します。
まずは、自分で作ることから始めますが、
私自身、自分でＨＰを作りながら、ＦＰＥ(フロントページ・エクスプレス）
のほんの一部分の機能しか使っていないことに気付きました。
便利な機能が色々あるのに、普段の更新では決まった機能しか使っていない・・・。
これは、解説本の厚さに抵抗を感じる人に教えるべきじゃないか、
と思いました。
本屋で手にする本は親切丁寧な解説が載っていますから、どうしても厚くなります。
「これを全部覚えなければＨＰはできないのか・・・」、
と錯覚する人がいるかも知れません。
ところが、実際はほんの一部さえ知っていれば充分なんです。
それを分かって頂きたくてまとめてみました。
画面の画像はｂｍｐをｇｉｆに変えてあるので、
見にくいかも知れませんがお許しください。
なお、
ホームページ作りの基本的なことに関しては、
ホームページの作り方ー作りたいけれど踏み切れない方へー
http://isweb24.infoseek.co.jp/diary/yoshi57/homepage.tukuri.htm
ＦＰＥの入手に関しては、ホームページの作り方第２章
http://isweb24.infoseek.co.jp/diary/yoshi57/homepage.tukuri.2.htm
「フロントページ・エクスプレス 入手方法」
を参照して下さい。
はじめてのＨＰ作り
１．フォルダーを作る
デスクトップの何もない所で右クリック、
新規作成をポイント、
フォルダーをクリック。
デスクトップに新しいフォルダーができて、
タイトルが反転している。
ＢａｃｋＳｐａｃｅ を押して空白にし、
「hp.file」など、半角英数小文字で
好きなタイトルを入れる。
この中に、
これから作るＨＰの各ページを保存する。
このフォルダーの中にＦＰＥの
ショートカットを入れておくと、
作業がスムーズに行く。
２．ＦＰＥの起動
３．ｔｏｐページ作り
ＦＰＥを起動すると、まず、下図のような画面が表示される。
上部の色々な機能の中で、
今回紹介するのは、下の図の丸で囲った部分です。
起動したままでは、背景は白で、字体はＭＳゴシックです。
白以外の背景を使いたい時は、画面の上、中央にある書式をクリック。
この中の背景をクリック。
背景が白になっています。
白の右の▼をクリックしたままにすると、
下図のような色の選択ができます。ドラッグして好きな色の所で指を離すと
先程白だった窓が指定した色になる。ここでは例として、ピンクを選択します。
背景の下の「テキスト」の色指定も、同様の操作でできます。
設定が済んだらＯＫをクリック。
すると、画面は下図のようになります。
これで、背景が決まりました。
次に、内容を入力していきます。
ｔｏｐページのタイトル、このページの内容の説明・・・など、
ここでは、
「ホームページ作り第２章」で使った例を元に作ってみました。
これがｔｏｐページだとすると、ここで、一度保存しておきます。
画面左上のファイルをクリック、名前を付けて保存をクリック、
下図が表示されるので、ファイルとして保存をクリック、
ファイル名が反転文字になっているので、ＢａｃｋＳｐａｃｅを押して消し、
半角英数小文字で index 。保存場所は先程作った、デスクトップの「hp.file」
※注意１
ファイル名は半角英数、小文字にします。
大文字、ひらがななどは、ホストコンピューター内のファイル名としては適さず、
読み込まれる時に誤読される可能性があるからです。
※注意２
ｔｏｐページのファイル名を index にすることについて。
掲示板を利用するとき、掲示板からホームページのトップへのリンクできます。
この掲示板からリンクされるｔｏｐのＵＲＬが決まっています。
ＵＲＬの最後が http://・・・/ index.html でないと掲示板からリンクできません。
ファイル名 index のものが、転送ソフトで転送する時に index.html になります。
また、保存のとき、
ファイルの場所がマイドキュメントになっている場合があります。
この場合は、
ファイルの場所の右に黄色い上向きの矢印があります。これでｈｐ．ｆｉｌｅを探す。
或いは、その隣のボタンでデスクトップを表示してｈｐ．ｆｉｌｅを探します。
脚色
文字のスタイルや大きさを変えるには、ワープロと同じように、
変えたい部分をドラッグして（なぞって）選択、反転文字にしてから行います。
字体を変える
ＭＳゴシックの右の▼をクリック、好きな字体を選択してクリック。
字の大きさを変える
Ａ Ａ の Ａ をクリックすると大きく、Ａ をクリックすると小さくなる。
太字
Ｂ の文字をクリックすると太字になる。
字の色
Ｂ Ｉ Ｕ の右に黄色いパレットがあります。これをクリック。
右の図が表示されます。
ここで使いたい色を選択して、ＯＫをクリック。
もし、他に色を作りたい場合は、
色の作成をクリックします。
すると、下図が表示されます。
Ａは色合い、Ｂは濃さ。それぞれをマウスでドラッグ（クリックしたままで移動）させ、
色を作ります。出来上がった色は、Ｃに表示されます。
Ｃの色でよければ、Ｄの色の選択をクリック、すると、Ｅに作った色が入ります。
これを選択して、ＯＫをクリック。
これで、作った色が使われます。
上書き保存
ページの内容を変更したら、忘れないうちに上書き保存をします。
４．２枚目以降のページ作り
ファイル、新規作成、
或いは画面上部左の白い四角をクリック。
背景、字体などはｔｏｐページと同じように設定します。
例として、上図のようなページを作ったとします。
このページも名前を付けて保存をしておきます。
タイトルは p2.konsyuu. とでも、しておきます。
５．リンク
※インターネットエクスプローラー（ＩＥ）５．５及び６．０を使用時は、リンク設定で
別の操作が必要です。ＦＥＰとＩＥについて、を参照して下さい。
ここで、ｔｏｐページに戻ります。
画面中央の青い矢印←をクリックすると、一つ前の表示ページに戻ります。
ｔｏｐページの中の「今週の作業」を選択して、
挿入、ハイパーリンク、
或いは、
画面中央の青丸に
めがねマーク(右図)
をクリック。
ハイパーリンクの
作成で、
開いているページ
のタブをクリック、
すると、
ＦＰＥで開いている
ページが表示されます。
このなかの、
タイトル：今週の作業、
ファイル名：p2.konsyuu.
をクリックしてＯＫを
クリック。
すると、
今週の作業にアンダ―ラインがついて、
字の色が変わります。
ｔｏｐページを上書き保存。
次に、→で２ページ目を表示して、最後の行の「ｔｏｐページへ」を選択、
ハイパーリンク、開いているページで、
nokonokoというタイトルの、ｔｏｐページを選択してＯＫ，上書き保存。
これでリンクの設定は完了です。
ページを増やしたら、それぞれに行き来ができるように、リンクを設定しておきます。
メールにリンクを張るには、メールアドレスを入力します。
メールの文字を選択
しておいて、
リンクボタンをクリック。
mailto を選択して
右図のように、
自分の
メールアドレスを
入れます。
ＯＫをクリック。
ページ画面に戻って、
上書き保存。
ｎｅｔ上に転送後の完成したＨＰの中で、「メール」という文字をクリックすると、
アウトルックエクスプレスが起動して、メール作成画面が表示されます。
知り合いのサイトにリンクを張るには、
相手のサイト名の文字を選択しておいて、リンクボタンをクリック。
上の図で http: を選択して、右の欄に http://・・・・・・・・ と、相手のＵＲＬを入れます。
６．図の挿入
デジカメで撮った写真や、スキャナーで取り込んだ画像、
或いはペイントで描いた画像をページに使用できます。
画像は大きすぎないように、
サイズを小さくしておきます。
ＨＰのフォルダーの中に、
使いたい画像をコピーしてから入れておきます。
元の画像をそのまま移動すると、
作業中にトラブルが起きた時に
データが壊れることがあります。
こうなると、
元の画像を失うことになりますから、困ります。
コピーしたものを移動して使うほうが安全です。
挿入したい所にカーソルを合わせて、挿入、図、
或いは画面の中央の黄色い四角に山マークをクリック、
参照をクリック、
ｈｐ．ｆｉｌｅ の中から
使いたい画像を
選択して、
開くをクリック。
これで
画像が表示され
ます。
このとき、ファイルの場所がマイドキュメントになっている場合があります。
この場合は、
ファイルの場所の右に黄色い上向きの矢印があります。これでｈｐ．ｆｉｌｅを探す。
或いは、その隣のボタンでデスクトップを表示してｈｐ．ｆｉｌｅを探します。
画像の大きさを調整するには、
画像をクリック。
四角の囲い線が表示されるので、
縦横の比率をそのままに
大きさを変える時は、
四隅の四角をドラッグして、
対角線上に移動。
縦横の辺の長さを変える時は、
辺の中央の四角をドラッグ。
画像を使用したページを保存する時、画像がｂｍｐの場合は、
変換しますか、の表示が出ます。
これは、データ量の多いＢＭＰ画像を
小さいＧＩＦやＪＰＧに変換しておく必要があるからです。
すべて をクリックします。
７．画像のリンク
小さい写真をクリックすると、大きな写真が見られる。
そんなページを作るには、
初めに新しいページに大きい写真を表示したページを作っておいて、保存。
別のページで小さい写真を表示。写真を右クリックして、リンクの設定で
大きい写真のページを選択。保存。
これで、できます。
次章「フロントページエクスプレスの基本２」では、
ＢＧＭの設定、素材の利用などを取上げます。