1. ホーム
  2. Web制作
  3. フロントページ・チュートリアル

FrontPageチュートリアル:ページを編集する

2022-01-01 23:35:42

Lesson 1: FrontPageチュートリアル:Web制作の基本
1. ビューとモード(I)
タスクバーの「スタート」ボタンをクリックし、「プログラム」オプションを選択し、「Microsoft FrontPage」オプションをクリックすれば完了です。WEBページの編集とWord文書の編集は同じ設定が多く、その設定に使われるアイコンもWordと同じなので、FrontPageのインターフェースがWordと非常に似ていることが分かるかもしれません[図2-1]。

[図2-1】FrontPage 2000のインターフェース
ビューの中にあるグループボックスはビューを切り替えるためのもので、中にある小さなアイコンをクリックすると別のビューに切り替わります。frontPageには全部で6つのビューがあり[図2-1左など]、異なるビューを使ってWEBサイトのデザインをさまざまな角度から見ることができるのです。WEB サイトは、常に最新の状態に保つことが大切です。サイトが大きくなればなるほど、その維持に必要な作業量も増えていく。サイトを構築するのは早くても、この6つのビューの力を借りなければ、維持するのは難しいのです。
これらのビューの使い方は、一度にマスターする必要はなく、利用できることを知っておくだけでよいのです。
2. ビューとパターン (II)
同じWEBサイトが異なる表示でどのように表示されるかを見てみましょう。
(1) "Web"ボタンをクリックしてWebビューに切り替え、ツールバーの"Folder List"ボタンをクリックしてウィンドウ内にフォルダリストボックスを追加します[図2-2]。Webビューは、選択されたWebページを表示するために使用されます。フォルダリストの中のHTMファイルをダブルクリックすると、右端のワークスペースにWebページの内容が表示されます。
なお、ワークスペースの左下には、表示モードを切り替えるための3つのタブがあります[図2-3]。Normal タブをクリックすると、Normal モードに切り替わります。Normal モードでは、Web ページの内容を編集したり、様々なフォーマットを設定することができます。Preview タブをクリックすると、プレビューモードに切り替わります。現在編集中のファイルがブラウザでどのように表示されるかを確認したい場合は、プレビューモードを使用します。また、HTMLモードに切り替えると、Webページに対応するHTMLテキストファイルを直接編集できるので、HTML言語を少し知っていれば、Webページに対して特別な設定を行うことができます(チュートリアルの付録に説明があります)。

(2) フォルダー表示では、現在の WEB サイトのフォルダーとその中に含まれるファ イルを一覧で表示します[図 2-4]。WEB サイトには多くのファイルが含まれるため、これらのファイルを分類し、別々のフォルダーに入れる必要があります。たとえば、すべての画像ファイルは IMAGES フォルダに入れることができます。また、FrontPageでは、Web閲覧者には見えない情報を格納するための_PRIVATEフォルダを用意しています。現在のサイトの次のようにし、サウンドファイルに使用されるWebサイトを格納するために使用されるSOUNDフォルダを追加します:サイトのルートディレクトリを選択し、クリックして"ファイル"メニュー"新規&アイテム、ポップアップのサブメニューで、選択して"フォルダ"コマンドを実行します。SOUNDと入力すると、新しいフォルダが作成されます[図2-5]。

実際には、サイトはディレクトリであり、その下に多くのサブディレクトリを作成し、サイトのさまざまなファイルをこれらのディレクトリに配置することができます。
(3) レポートビューは、現在のサイトに関するいくつかの統計情報を提供します。ここでは、サイトのディレクトリにあるどのファイルがサイトにリンクされていて、どのファイルがそうでないかを知ることができます。
(4) ナビゲーションビューは、サイト内のページの階層を整理しやすくするためのものです。このビューでは、各ページボックスが1つのページを表します。ナビゲーションが設定されているサイトであれば、まずここでページの階層を設定し、その階層をナビゲーションバーで表現することができます。
(5) ハイパーリンクビューは、選択したウェブページに設定されているハイパーリンクを確認するために使用します。ページ内に設定されているハイパーリンクの数や、リンクの種類を簡単に知ることができます。
(6) タスクビューは、サイトメンテナンスに関するタスクの一覧を保持します。サイトの規模が大きく、多くの人がメンテナンスする場合、タスクリストで作業の進捗状況を把握することができます。
3. ページの作成
このセクションでは、ページを作成する方法について説明します。 
ページを作成する最も簡単な方法は、FrontPage "Common"ツールバーの「新規作成」ボタンをクリックすることです。右側に小さな下向きの矢印がありますが、これは作成するものを選択するためのもので、「新規作成」ボタンは新しいページ、サイト、フォルダ、タスクを作成するために使用します。デフォルトの状態は、「新規Webページ」です。

新しいページを作りたいときは、下矢印キーで選択するのではなく、「新規作成」ボタンをクリックすればいいのです。しかし、ファイルメニューの「新規作成」コマンドを使って新しいページを作ると、より多くの選択肢が生まれます。
ファイル]メニューの[新規]コマンドをクリックし、[新しいページ]を選択すると、[新規]ダイアログボックスにFrontPageが提供する多くのWebテンプレートが表示されます[図2 "New"ダイアログボックスにFrontPageが提供する多くのWebテンプレートが表示されますので[図2 -6]、これらのテンプレートで該当するWebページを作成することができます。選択したテンプレートの外観は、右下のプレビューボックスで確認することができます。"Two-Column Body" ページを選択すると、新しい2カラムのページが作成されました。次に、「OK」をクリックします。
テンプレートを利用すれば、常に白紙の状態から編集を始める必要がないので、手間を省くことができます。
前のページ 1 2 次のページ もっと読む