(5)レイアウトを整える(段落の位置揃え)
こんどは、中央揃え・インデントの設定などレイアウトを整えて見やすくしましょう。
WELCOME TO MY HOMEPAGE!! -->中央揃え ようこそ、KURIchanのホームページへ。 〃 最近の話題(インターネットについて) -->インデント プロフィール 〃 おすすめページ 〃 kousi@mail.netwave.or.jp -->中央揃えまず、設定したい個所を選択し、中央揃えの場合は[中央に配置]、インデント(字下げ)設定の場合は[インデント]を押します。
- 設定後
(まとめ)
左揃え: 中央揃え: 右揃え:インデントの解除: インデントの設定:
(水平線の挿入)
- 真ん中のインデントを設定した段落の前後に水平線(仕切線)を入れてみましょう。
インデントの設定されていない部分(前の段落の最後、次の段落の先頭)の位置にカーソルを合わせて、メニューから<挿入>の<水平線>を選択します。
- 水平線挿入後
(6)ファイルの保存、ブラウザでの確認
ここまでの内容で一度ファイルに保存し、ブラウザで確認してみましょう。
(注意)ファイル名の付け方
ホームページで使用するファイルの名前は、インターネットを通じて世界へ発信するため、次の約束事を必ず守って下さい。
- ファイル名は、半角英数字(英字は全て小文字が一般的)とし、漢字あるいは半角カナ文字は用いない。
- 名前の途中にスペースを入れない。
- 拡張子を必ずつける。
- HTML文書 :htmlまたはhtm
- 画像データ(GIF):gif
- 〃 (JPEG):jpg
(ファイルの保存)
[上書き保存]を押すか、あるいはメニューから<ファイル>の<名前を付けて保存>を選びます。
・ページタイトルを付けます。 ・次に、[ファイルとして保存]をクリックします。
・「保存する場所」から「3.5インチFD」を選びます。 ・「ファイル名」を「index.html」にして[保存]を押します。 ・3.5FDにHTML文書ファイルとして保存されます。 ・タイトルバーにファイル名「index.html」が表示されます。
(ブラウザで確認)
[ネットスケープ(NN4.0)の場合]
- メニューから<ファイル>の<ページを開く>を選択します。
- [ファイルを選択]を押し、3.5FDより「index.html」を選択します。
- [場所やファイルを開く先]を押します。
- 作成したページが表示されます。
[インターネットエクスプローラ(IE4.0)の場合]
- メニューから<ファイル>の<開く>を選択します。
- [参照]を押し、3.5FDよりindex.htmlを選択します。
[OK]を押します。
- 作成したページが表示されます。
(注意)
FrontPageExpressは、IE4.0付属のソフトですので、作成中の文書はIE4.0で表示することを想定して画面に表示しています。しかし、IE4.0で表示した場合と全く同じではありませんので、必ずブラウザでも意図したとおりに表示されるか確認する必要があります。
また、異なるブラウザ(例えばネットスケープ)では表示が異なる場合や項目によっては表示されないこともありますので、ブラウザはIE4.0だけでなくネットスケープでも確認することをお奨めします。