Home / Index / Prev / Next

2.Mozilla Composer を開く

インストールが完了し、Mozilla モジラアイコン を起動すると、Web ブラウザである Navigator が表示されます。

■ Navigator ウィンドウ

navigation画面
ウィンドウにある各種バーは、[表示(V)] メニューで表示・非表示を切り替えることができます。ナビゲーションバーの表示切替
[編集(E)] → [設定(E)] で [設定] ダイアログボックスを表示し、[表示] カテ ゴリを選択して、Mozilla が開始したときに起動するプログラムを選択することができます。また、ツールバーの表示方法を変更すれば、画面を広くすることができます。
編集-設定ツールバーの表示

■ Composer の起動

Navigator ウィンドウから、新しくページを作成するために Composer を起動するには、次の3つの方法があります。
(1) メニューバーから [ファイル(F)] → [新規作成(N)] → [ページを作成(p)]
composerの起動1

(2) メニューバーから [ウィンドウ(w)] → [Composer]
composerの起動2

(3) ステータスバーにあるコンポーネントバーの Composer アイコンをクリックする。
composerの起動3

■ Composer ウィンドウ

Composer画面
Composer でも Navigator ウィンドウと同じように、[編集(E)] → [設定(E)] で [設定] ダイアログボックスを表示し、[表示] カテ ゴリを選択して、ツールバーの表示方法を変更す れば、画面を広く使うことができます。
ツールバー絵のみ
ツールバー文字のみ

■ 編集モードツールバー

Composer には4つの編集モードがあり、[編集モードツールバー] のタブをクリックすることにより切り替えることができます。
[標準] モードを選択すると、画面にどのように見えるかを確認しながら作成することができます。通常は、この [標準] のままで作成作業を行います。
[HTML タグ] モードを選択すると、画面に HTML タグが表示されます。
[<HTML>ソース] モードを選択すると、ソースに直接 HTML を入力・編集することができます。HTML ソースを書ける方は、Composer で設定できない HTML タグや CSS を入力するときに使えます。
[プレビュー] モードを選択すると、ブラウザに表示されるとおりに表示したままで、編集することができます。[標準] モードとほとんど変わらないので、あまり必要性は ありません。

参考に、新規ページの<HTML>ソースを見ておきます。HTML の基本構造ですので、覚えておきましょう。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
   <meta content="text/html; charset=Shift_JIS" http-equiv="content-type">
   <title></title>
 </head>
 <body>
  <br>
 </body>
</html>
<!DOCTYPE~>は、 このページ(ドキュメント)で、どんなバージョ ンの HTML を使うのかを宣言しています。Composer では変更することはできません。
<html>は、このページは HTML で書いてますよという宣言です。ページの最初に<html>と最後に</html>を書きます。
<head>~</head>は、ページ情 報を記入する部分で、ブラウザの画面には表示されません。
<meta~>は、ページで使用する言語を指定していま す。通常はブラウザが自動的に判別しますが、これを書いていなかったり、間違っていた りす ると、文字化けが起こりやすくなります。[表示(V)] → [文字エンコード(C)] で表示されるメニュー から選択することができますが、特に変更する必要 はありません。
<titile></title>は、ブラ ウザの一番上のタイトルバーに表示されるタイトルを記入する部分です。
<body>~</body>は、画面に表 示される部分です。
<br>は、改行するときに使うもので、ページの基本構 造には関係ありません。これがないと、[標準] モードでは入力する部分がわからなくな るので最初から表示されています。
作成作業を行っていて、画面上で入力したい場所にマウスポインタを置けなくなった時は、[< HTML>ソース] モードを選択し、入力したい場所に<br>と書けば、[標準] モードの画面にマウスポインタを置くことができるよ うになります。

選択ボタン
選択ボタンには、ラジオボタン とチェックボックス があり、ラジオボタンは選択肢の中から1つを選択する時、チェックボックスは複数を選択してもよい時に使用します。

Home / Index / Prev / PageTop / Next
© 超初心者のためのホームペー ジ作成講座