www.wanichan.com

Web > FrontPage > FrontPage 2003 (初級編) > Webページの作成

余白と行間の操作と保存

Webページの作成

ページ余白を設定するには

[レイアウトとテーブルとセル]作業ウィンドウの「ページ余白の設定」をクリックします。
図:ページ余白の設定をクリック

ページのプロパティダイアログボックスの[詳細設定]タブが開きました。
ここで余白を設定してOKボタンをクリックしてください。
図:ページのプロパティ-詳細設定

この画面を再度表示させるには

[ファイル]→[プロパティ]をクリックして、ページのプロパティを表示させて[詳細設定]タブをクリックしてください。
ケースバイケースで操作を行いましょう。

▲Page TOP

行間を狭くしたい

Wordなど、ワープロソフトで改行するには、Enterキーを押しますよね?
しかし、FrontPageでも同じ要領で普通にEnterキーを押すと、かなり行間があいてしまいます。
初心者が作ったホームページは、かなり行間空きまくってます(笑)
Word 97/98、FrontPage Expressを今までお使いの方はすでにご存知かと思いますが、行間を詰めて改行するには、「強制改行」をすればいいのです。つまり、段落を変えずに改行する、ということになります。

この場合は、Shiftキーを押しながらEnterキーを押してみてください。

これで大丈夫ですよ♪

ちなみに、普通にEnterキーを押すと、HTMLタグでは</p>になり、
Shiftキーを押しながらEnterキーを押すと、行末には<br>と変換されます(^^)

もっと詳しく説明すると・・・

上の「もっと詳しく説明すると・・・」の行をHTMLビューでは、

<p>もっと詳しく説明すると・・・</p>

になります。

あいうえお
かきくけこ

↑の部分をHTMLでは

<p>あいうえお<br>
かきくけこ</p>

と、表記されます。

<p>のpはparagraph(パラグラフ)の頭文字で、<p>は段落の始まり、というHTMLタグです。
段落の終わりに</p>でくくります。

<br>のbrはbreakの略です。
<br>を使うことによって段落を変えずに次の行へ改行させることができます。

▲Page TOP

ブラウザのタイトルバーに表示する文字を設定したい

ホームページ作成初心者のサイトへ行くと、たまにブラウザのタイトルバーに「新しいページ1」みたいになっているところがあります(^^;
これはちょっと味気ないですよねヾ(-_-;)

トップページなのだから、サーチエンジンで検索した結果、あなたのホームページのタイトルが
「新しいページ1」
になっていたら、ご覧になった方が不思議に思ってしまいます。

あなたのホームページの入り口ぐらいは、あなたのホームページのタイトルが表示されるようにしておきましょう。

ではどうすればいいでしょうか?

まず、メニューバーから[ファイル(F)]→[プロパティ(I)...]を選択してください。
すると、下の図のように、ページのプロパティの全般タグが開かれます。
図:ページのプロパティ

上から2番目の「タイトル(T)」の欄に、あなたのホームページのタイトルを入力して、OKボタンを押してください!

ちなみに、HTMLではどの部分が反映されるか見てみましょう。
ファイルの情報はページの始まり、<html>の後に続く<head>と</head>タグ内に記述されます。
その中に、タイトルバーに表示される文字列は<title>と</title>のタグに囲まれた文字列になります。
以下のHTMLソースでは「新しいページ1」になっていますよね?
その部分があなたのホームページのタイトルになっていたらOKです♪

<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>新しいページ 1</title>
</head>

▲Page TOP

ファイルを保存したい

とりあえず、作成中のあなたのトップページを保存しておきましょう。
メニューバーから[ファイル(F)]→[名前を付けて保存(A)...]をクリックしてください。
すると、「名前を付けて保存」のウインドウが表示されます。
図:名前を付けて保存

上の図では、ページタイトルは「新しいページ1」となっていますね?
変更したい場合は「変更(C)...」ボタンを押してください。

すると、「ページ タイトルの設定」のウインドウが表示されます。
あなたの任意の文字に変更して、OKボタンを押してください。
図:ページタイトルの設定

「ファイル名(N)」は「index」と入力して、最後に「保存(S)」ボタンを押してください。

これで、あなたのトップページが保存されます♪

拡張子「.html」にしたい

FrontPageでの既定の拡張子は .htm になります が、例えば、トップページを「index.htm」ではなく「index.html」として保存する方法として、ファイル名を拡張子まで「index.html」と入力すればOKです。
「そしたら、index.html.htmlにならないの?」と思われる方もいらっしゃいますが、そのような心配は一切要りませんので、ご安心ください。

どうしてファイル名が「index」なの?

トップページをindex.htmまたはindex.htmlにすることによって、ファイル名まで指定しなくてもあなたのホームページにアクセスすることが可能です。

ちなみに、私のホームページのトップページは
http://www.wanichan.com/index.htmlです。
しかし、http://www.wanichan.com/でもアクセス可能です。

拡張子を.htm にすべきか、それとも.html にすべきかは、あなたのホームページサーバーによって異なります。

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ