FrontPage Expressによるホームページの作成


フロントページエクプレスは、インターネットエクスプローラに付属するホームページ作成ソフトです。
ワープロ感覚で、ホームページが作れます。

まず、学校ホームページの最初のページを作ります。

こんな感じのページを作ってみましょう。

まず、ワープロ感覚で文字を入力します。

ようこそ○○中学校のホームページへ
写真をクリックしてください。
那覇市立○○中学校
住所
電話 FAX
Emailアドレス

くらいでいいでしょう。
入力したら、大きさを変えます。
大きさを変えたい文字列をドラッグして、下の図の赤で囲まれたボタンを押してください。
強調文字にしたいときは、青で囲まれたBを押します。
色を変えたいときは、黄色のボタンです。

最後に、文字列全部をドラッグして、中央揃えにします。黄緑で囲まれたボタンを押してください。

これで、文字部分は完成です。
背景の色も付けましょう。
「ファイル」−「ページのプロパティ」を開き、「背景」を開きます。
「背景」の▼マークをクリックすると、色が選択できます。
お好みの色を選んでください。ここでは、水色を選んでおきました。

次に、写真を取り込みます。
カーソルを「ようこそ○○中学の……」の下へ持っていき、画像の呼び出しボタンを押します。


「ファイルから」を選び、「参照」で、画像ファイルのある場所を選びます。


画像が表示されたら、適当な大きさに変えましょう。
画像をクリックすると四隅に、小さな四角い点が現れます。
これをドラッグすると大きさは自由に変えられます。

これで、ホームページのデザインは終わりました。
次に、リンクを設定します。

次のページを学校紹介のページということで、shoukai.html」と名付けることにします。
画像をクリックしたら、次のページ飛ぶように、画像にリンクを設定します。
画像をクリックして選択してから、ハイパーリンクのボタンを押します。

「www」を選んで、「ハイパーリンクの種類」「その他」にし、URLに「shoukai.html」と入れます。
他の部分は、何も入力しないでかまいません。

同様に、メールのリンクを設定します。
メールアドレスをドラッグして、ハイパーリンクのボタンを押します。
今度は、「ハイパーリンクの種類」を「mailto:」にします。
URLに「mailto:」がでてきますから、その後ろにメールアドレスを打ち込みます。
これで、最初のページはできあがりました。
保存しておきましょう。
ファイル」−「名前を付けて保存」を選ぶと、下の様になります。
ページタイトルには「○○中学ホームページ」とタイトルを付けておきます。
そして、「ファイルとして保存」をクリックしてください。

ここで、ファイル名は必ず「index.html」としてください。

これで、最初のページの作成は終わりました。

   【2ページ目の作成へ】   【戻る】