フロントページプログラムの作業段階。 Microsoft Office Frontpage プログラムの説明。 レポートの生成および表示モード

5.1.1. 新しい Web サイトとプレゼンテーション モードの作成……………… - 58

5.1.2. 構造の組織化ウェブサイト………………………………………….. - 61

5.1.3. Web ページの編集……………………………………………… - 64

5.1.4. テキストの追加と書式設定………………………………………….. - 66

5.1.5. 原色の整理ウェブページ……………………………….. - 69

5.1.6. テーブル、レイアウトテーブルの作成と編集……………….. - 69

5.2. アプリケーション オブジェクトとしてのグラフィック イメージ…………………………。 - 76

5.2.1. Web ページにグラフィックとサウンドの背景を挿入する………………
5.2.2. Web ページに画像を挿入する…………………………………………………………
5.2.3. 画像のプロパティ……………………………………………………
5.2.4. 画像を編集する………………………………………………………………
5.2.5. 描画オブジェクト…………………………………………………………
5.3.1. Web ページにハイパーリンクとブックマークを作成する……………………。
5.3.2. グラフィカルホットスポットの作成……………………..
5.3.3. FrontPage 2003 を使用したハイパーリンクの制御 ……………………
5.3.4. 一般的な境界…………………………………………………………。
5.4. カスケード スタイル シート (CSS) ……………………………………………………
5.4.1. 内部スタイル…………………………………………………………。
5.4.2. 実装されたスタイル…………………………………………………………………………
5.4.3. 外部スタイルシート……………………………………………………..
5.5. FrontPage 2003 アプリケーションのフレーム (フレーム) ………………………………

5.6. FrontPage 2003 アプリケーションのフォーム………………………………………………。 - 100

5.7. アプリケーションコンポーネントとその簡単な説明……………………。 - 104

5.8. FrontPage 2003 の追加機能 ……………………………… - 111

5.8.1. ラッピングと位置決めの使用…………………………。 - 111

5.8.2. ダイナミック HTML と JavaScript を使用した効果……………….. - 113

セクション 5. Microsoft Office FrontPage 2003 アプリケーション。

Microsoft Office FrontPage 2003 は、標準インターフェイスを使用して Web サイト (Web サイト) を作成および維持するために設計されたアプリケーションです。

WYSIWYG (「見たものは得られるもの」)。

MS FrontPage2003 は別のアプリケーションとして入手できます。 インストールフォルダーのサイズは155MBです。 ハードウェア要件。

コンピューターとプロセッサー。 Pentium 133 MHz 以上のプロセッサを搭載した PC、Pentium III を推奨。

同時に実行するアプリケーションごとに 8 MB の RAM が追加されます。

HDD。 245 MB のハードディスク空き容量と 115 MB のハードディスク容量、

オペレーティング システムがインストールされている場所 (使用可能なハード ディスク容量の要件は、構成およびインストール プロセス中に選択されたコンポーネントによって異なります)。

オペレーティング システム: Microsoft Windows® 2000 Service Pack 3 (SP3)、Microsoft Windows XP 以降。

Web サイトのプログラムに関するヘルプ情報 - http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049。

MS Office FrontPage 2003 は、レイアウト、ルーラー、

グリッド線、サンプル画像、レイヤー、テンプレート、高度なテーマはすべて、HTML の知識さえない開発者でも Web サイト プロジェクトの実装プロセスを容易にするように設計されています。 Web エディターには、テーブルを操作するための便利なツール、画像処理用の組み込みツールがあり、図面、ビデオ、アニメーション、サウンド フラグメントなどのさまざまなマルチメディア オブジェクトをページ上に簡単に配置できます。 MS Office パッケージとの緊密な統合により、ページ上に MS Word ドキュメントを表示できます。

MS Excel の表とグラフ、MS Access からのデータの動的取得、VBA、スペル チェッカー、および Web サイト ページのデザイン用の約 60 個の既製のテーマを使用します。 MS FrontPage 2003 は最新の Web をサポートします

カスケード スタイル シート (CSS)、ダイナミック エフェクト (DHTML)、フレーム、アクティブ ページ (ASP)、ActiveX コントロール、Java アプレットなどのテクノロジ。

FrontPage プログラムは Web ページ エディタであるだけでなく、ページ ナビゲーション スキーム、さまざまなレポートを使用したサイト分析、共同開発、特定のカスタマイズなどのサイト管理ツールも含まれています。

ブラウザ、HTTP および FTP プロトコル経由でサイトを Web サーバーにアップロードします。 このプログラムを使用すると、Web ページを作成および編集できるだけでなく、追加のスクリプトを作成することなく、Web ページにさまざまな複雑な要素 (カウンター、リンク バー、検索バー、ダイナミック エフェクト、クリーパーなど) を挿入することもできます。

ただし、これらのコンポーネントのほとんどは、Web 環境でのみ機能します。

FrontPage (Microsoft)、SharePoint™ Team Services 1.0 (Microsoft)、または

Microsoft Windows® SharePoint サービス。 使用しているブラウザの種類によっては、一部のコンポーネントが動作しない場合があります。 これにより、Web ページの作成時にアプリケーションの機能の使用に特定の制限が課されます。

MS FrontPage Web エディタの欠点には、Internet Explorer ブラウザを優先することが含まれるため、完成したサイトの動作を他のブラウザで確認する必要があります。 また、完成した HTML コードの一部の冗長性もあります。 エディターはページ コードの変更を追跡し、ユーザーが削除したタグを復元します。

図 5.1 – MS Office FrontPage 2003 プログラム ウィンドウ

基本的に、MS FrontPage 2003 はほとんどの MS Office アプリケーションと似ています。

2003年（図5.1）。

	– ヘッダー行		- ワークスペース
	- メニューバー		– ビューボタンバー
	– 標準ツールバー		– 「描画」ツールバー
	– 「書式設定」ツールバー			- ステータスバー
	– プレゼンテーションパネル			- タスクペイン
	– 現在の情報エリア			参照

ビュー プログラムのヘルプを表示するには、次のコマンドを実行する必要があります。

[ヘルプ]→[Microsoft Office FrontPage] および FrontPage ヘルプ パネル内 リンクをたどってください目次 。 コンピュータがインターネットに接続されている場合、Web サイト http://office.microsoft.com にあるドキュメントがヘルプの目次に追加されます。 それ以外の場合、目次はアプリケーションとともにインストールされるドキュメントのみで構成されます。

5.1. アプリケーション環境での Web サイトの作成と編集。

Web サイトの作成を開始するときは、そのトピック、サイトのサブセクションの数、およびそれぞれのページの数を決定する必要があります。 詳細な構造図を作成し、各 Web ページのテキストとグラフィック素材を準備します。 MS Office FrontPage 2003 で Web サイトを直接開発するプロセスは、次のアルゴリズムを使用して実行できます。

1) 新しい Web サイトを作成するか、すでに作成されている Web サイトを開きます。

2) 構造を整理（編集）する Webサイト。

3) ページを編集する Web サイトの順序は任意です: 3.1) 特定のページの編集モードに移動します。

3.2) Web ページのプロパティを設定します。

3.3) キーボードからテキストを入力するか、クリップボード経由で貼り付けてフォーマットします。 3.4) 背景、サウンド、テーブル、グラフィックスを挿入します。

3.5) MS Office FrontPage 2003 の動的な効果とコンポーネントを追加します。 3.6) Web ページを保存し、Internet Explorer ブラウザで表示します。

3.7) 編集を続けるか、別の Web ページの編集に進みます。

4) 必要に応じて、手順 2 に戻って新しいものを追加しますウェブページ。

5) FrontPage 2003 を閉じて開きますブラウザーで Web サイトを開き、テストします (さまざまなブラウザーでさまざまなモニター拡張機能を使用して Web サイトを表示します)。

5.1.1. 新しい Web サイトとプレゼンテーション モードの作成。

新しい Web サイトを作成するには、次の手順を完了する必要があります。

1) コマンドの実行ファイル→新規。

2) タスク領域の作成パネル (1 図 5.2) で、ハイパーリンクに従います。

1 ページの Web サイト (2 図 5.2)。

3) 開いた [Web サイト テンプレート] ウィンドウ (3 図 5.2) の [全般] タブで、1 ページ Web サイト テンプレート (4 図 5.2) を選択します。 テンプレートの説明 (5 図 5.2)

ダイアログボックスの右下に が表示されます。 (他のテンプレートを選択した場合、新しい Web サイトにはすでに特定のデザインの Web ページが多数含まれており、場合によっては特別なウィザードが起動します。

Web サイトの構造を設定できる設定。)

4) フィールドに入力します新しい Web サイトの場所を指定します: (6 図 5.2) 手動で

(完全なパスを入力)、または [参照] ボタン (7 図 5.2) を使用して (場所を定義します)

ディスクに新しい Web サイトを保存し、フォルダーを開いて (作成し)、ボタンを押します。

開ける）。

5) OKボタンを押します。

図 5.2 – 新しい Web サイトの作成

Web サイトが作成された後 (図 5.3)、 ビューパネル Web サイト タブ (1) が表示されます。 ダッシュボードを表示するこのビューで使用できるサービス情報 (2) とコマンド ボタン (3)、および作業ウィンドウ内の現在のビューのコンテンツ (4)。

パネル ビューボタン(5 図 5.3) には、Web サイトの表示のさまざまなモードに切り替えることができる 6 つのボタンが含まれています。

フォルダー ビュー – Web サイト上のフォルダーとページのリストを表示します。 このモードでは、右側の [フォルダーの作成] ボタンを使用して新しいフォルダーを作成すると便利です。

図 5.3 – Folders Web サイトの表示

リモート Web サイト ビュー – Web を表示するために使用されます

リモート Web サーバー上のサイト。

レポート ビュー – Web サイトに関するレポート オプションのリストが含まれています。 各概要レポートには、独自の名前、項目数、合計ファイル サイズ、および説明があります。

このモードは、たとえば、ハイパーテキストの遷移におけるエラーを特定するために使用できます。

トランジション ビュー – Web サイトの構造をグラフィカルに表示します。

ページ。

タスク ビュー – Web 作成のタスクを整理するために使用します。

website (通常、複数の人が Web サイトの作業に関与している場合に使用されます)。

これらのビューはすべて、[表示] メニューからアクセスできます。

FrontPage 2003 を使用して作成された Web サイトには、Web ページ、画像、マルチメディア ファイルなどを含めることができます。 ほぼすべての種類のファイル、および隠しフォルダーとファイル (アプリケーションには表示されません) が含まれており、アプリケーションの特別な機能をサポートします。 隠しフォルダーには、_vti_cnf および _vti_pvt が含まれます。 これらは、たとえば「マイ コンピュータ」プログラムで Web サイトのフォルダを開くと表示されます。 _vti_cnf フォルダーには、各ファイルに関する情報が含まれています。

デフォルトでは、作成時に 1ページ Web サイト、フォルダーが作成される

プライベート、画像、index.htm ファイルは、Web サイトの最初の (ホーム) ページです。

Index.htm Web ページを表示するには、ファイル名をマウスの左ボタンでダブルクリックする必要があります。 その結果、 ビューパネルタブの右側

Web サイトにアクセスすると、index.htm タブ (1 図 5.4) と閉じるボタン (2 図 5.4) が表示されます。 情報エリアのパネルを表示するボタン クイックタグ選択(3 図 5.4)、および

作業エリア 空白の文書が表示されます。 の上ボタン バーを表示 (4

図5.4)、Webページ編集のさまざまなモードに切り替えることができるボタンが表示されます。

デザイナー ビュー – Web ページを WYSIWYG モードの高度なワード プロセッサとして表示します。

分割ビュー – 拡張ワード プロセッサ モードと Web ページの HTML コード エディタの両方で同じ Web ページを表示します。 いずれかのモードで行われた変更は、すぐに 2 番目のモードに反映されます。

コード ビュー – Web の HTML コードを直接編集できます。

ページ。

プレビュー ビュー – ブラウザーでページがどのように見えるかを示します。

これらのビューにアクセスするには、「表示」→「ページ」コマンドを使用します。

Web サイト上のファイルとフォルダーのリストをページ ビューで表示するには、次のコマンドを実行する必要があります。 表示→フォルダ一覧またはボタンを押してください

スイッチパネル標準ツールバーの をクリックするか、キーボードの ALT と F1 を同時に押します。

で その結果、作業領域は 2 つの部分に分割されます (図 5.4)。 左側で

– Web サイトのフォルダー リスト (5) または右側のトランジションのビュー – [表示] メニューの任意のビュー。

プログラム内で編集するための Web サイトのプレゼンテーションのこの構成

FrontPage 2003 が一番便利そうです。

編集中の Web ページの作業スペースを増やすには、作業ウィンドウを閉じることができます。 以降の FrontPage 2003 アプリケーションの起動時にこのパネルが表示されないようにするには、次のコマンドを実行する必要があります。

[ツール]→[オプション]の[全般]タブで、ボックスのチェックを外して作業ウィンドウを開きます。

Web サイトでの作業を終了するには、次のコマンドを実行する必要があります。

「ファイル」→「ノードを閉じる」。

図 5.4 – コマンド実行後の FrontPage 2003 プログラム ウィンドウ 表示→フォルダ一覧

FrontPage 2003 で Web サイトを開くには、次の手順を実行する必要があります。

コマンドの実行 ファイル→ノードを開く.

表示される [Web サイトを開く] ダイアログ ボックスで、Web サイトであるフォルダーを開きます。

「開く」ボタンをクリックします。

5.1.2. 組織
ウェブサイトの構造。
ウェブサイトの後
作成されました、作成する必要があります
元の構造、つまり
追加	必要
新しいウェブページ。 追加					図 5.5 – トランジション情報パネル
新しい Web ページを構造に組み込む					– 新しい Web ページの作成
サイトを整理できる					– 既存の Web ページを追加する
					– リンクバーの作成
違う方法。					– リンクバーへの包含（除外）
	考えてみましょう				– サブツリービュー
モードで Web ページを作成する					– 水平または垂直の配置
表現					– 構造表示スケールの選択

トランジション。 このモード (図 5.5) では、Web ページがグラフィカルな図 (8) の形式で表示され、情報パネルには操作を可能にするコマンド (1 ～ 7) が含まれています。

ウェブサイトの構造。 新しい Web ページを作成するには、次の手順を完了する必要があります。

1) 情報パネルのボタン 1 を押します。 この時点で構造内のどの Web ページも選択されていない場合は、次のタイトルの Web ページが選択されます。

トップページ1。 利用可能な Web ページのいずれかが

構造が選択されると、選択したページに細い線 (8) で結ばれた新しいページ 1 というタイトルの Web ページが表示されます。 後者の場合と同じ効果は、利用可能な Web ページのいずれかを右クリックし、ドロップダウン メニューでコマンドを実行することで実現できます。 新規→ページ。 後続のすべてのページは、番号のみが前のページと異なります。

2) 作成したWebページがフォルダ一覧ウィンドウに表示されるようにします。

標準ツールバーまたは [表示] メニューから [更新] コマンドを実行する必要があります。

3) ヘッダーのある Web ページの [フォルダーのリスト] ウィンドウ内 トップページX

toppageX.htm ファイル、ヘッダー付きの Web ページに対応 新しいページ Xは、ファイル new_str_X.htm に対応します (X は番号です)。 名前付きのファイル

new_str_X.htm の名前を次のように変更する必要があります。

ラテン文字、数字、および許可されている記号のみ 。 これを行うには、対応するファイルを右クリックしてコマンドを選択します名前を変更して、

ファイル名を必要な名前に置き換えます。

4) Web サイトの構造を変更する場合、既存のページを削除し (目的のページを右クリックし、[削除] を選択し、下部のチェックボックスをオンにして [OK] をクリックします)、スキームに従って移動します (左クリックしてページを移動します)。希望の場所に移動します）。 ウェブが削除または移動された場合

ページに下位レベルのページがある場合、それらも削除されます。

	移動しました。
			作成した		ウェブページ
	Web サイトのルート フォルダーに配置されます。 もし
	ページがたくさんあるので、別の場所に配置するのが論理的です
		に従って		構造。	このために
	ウィンドウ 作成する必要があるフォルダーのリスト (図 5.6)						図 5.6 – フォルダリストウィンドウ
								Webページを作成する
	情報パネル フォルダーリスト）を押して、							- フォルダーを作成する
								- 窓を閉める

左クリックしてファイルを目的のフォルダーに移動します。

II. フォルダー一覧ウィンドウ (図 5.6) を使用して Web ページを作成するプロセスを見てみましょう。 このウィンドウには、Web サイトのフォルダーとファイルがアルファベット順に表示され、それらのネストが示されます。 新しい Web ページを作成するには、次の手順を完了する必要があります。

1) ボタン 2 を使用して、特定の入れ子構造で必要な数のフォルダーを作成し、名前 New フォルダー X を必要な名前に変更します。

2) 作成するフォルダーを選択しますウェブページ。

3) ボタン 1 を押して、new_page_Х.htm の新しいファイルの名前を必要な名前に置き換えます。

(ラテン文字、数字、および許可されている記号のみ) ) 拡張子を変更せずに

.htm ファイル。

4) 必要に応じて、マウスの左ボタンを押して、フォルダからフォルダへファイルをドラッグできます。

5) 結果として得られる構造の操作を便利かつ明確にするためウェブサイトでは、グラフィック形式で配置することもできます。 これを行うには、Web サイトのプレゼンテーション モード トランジションを選択し、マウスの左ボタンを押して、作成した Web ページを

グラフィカルなブロック図。 必要に応じて、目的のグラフィック要素を右クリックしてコマンドを選択することで、図のグラフィック要素の名前を変更できます。

名前を変更します。

図 5.7 – 新しい Web サイトの Web ページの保存

Windows 10 用 Microsoft FrontPage を使用すると、HTML を学ばなくても Web サイトを作成できます。 プロジェクト ページに必要なテキストを配置し、適切な場所に画像を配置するだけです。 複雑なユーティリティや特別なスクリプトを使用せずに、プラグインやエフェクトの開発が可能です。

アプリケーションには、サイトと対話するためのツールのセットが含まれています。 統合テンプレートは、主要なインターネット ページやコンテンツ全般を作成するために使用されます。 プロのデザイン技術とテキストスタイルを使用することが可能です。 あなたの個人的なスタイルを具体化するための幅広いオプションがあります。 公式 Web サイトから登録や SMS を使用せずに、ロシア語版の Windows 10 用 Microsoft FrontPage をダウンロードすることをお勧めします。

番組情報

• ライセンス: 無料
• 開発者: マイクロソフト
• 言語: ロシア語、ウクライナ語、英語
• デバイス: PC、ネットブック、ラップトップ (Acer、ASUS、DELL、Lenovo、Samsung、東芝、HP、MSI)
• OS: Windows 10 Home、Professional、Enterprise、PRO、Enterprise、Education、Home Edition (アップデート 1507、1511、1607、1703、170)

インターネット ページのデザインの基本原則を簡単に理解できるプログラム。複雑なインターネット サイトやポータルを作成するための追加ツールが幅広く用意されています。

Microsoft FrontPage プログラムについて簡単に説明します。

これは、Web サイトの設計、準備、公開に使用できる、習得が簡単で便利な Web エディタです。 MS Office ファミリ製品との統合、使い慣れたインターフェイス、および豊富なテンプレートのおかげで、このプログラムでは、MS Word での作業の基本に精通している初心者ユーザーでも、すぐに作業をマスターできます。 同時に、FrontPage は「ダミー」向けのソリューションとは言えません。このプログラムは、インターネット ページを最適化するための広範な機能とさまざまなツールを提供します。

なお、Microsoft FrontPageという名称は2003年まで存在していましたが、その後新機能が追加され、ソフトウェア自体の名称も変更されました。 FrontPage は 2007 年に Microsoft Expression Web に、2010 年に Microsoft Office SharePoint Designer に名前が変更されました。 実際、新しいバージョンにはいくつかの追加が加えられていますが、プログラムの基本的な外観は保たれています。

基本的なプログラムツール

Microsoft FrontPage プログラムの概要

Microsoft FrontPage は MS Word ツールと多くの共通点があるため、多くのボタンやメニュー タブも直感的であり、ページ作成プロセスが簡単になります。 多くの人は、Microsoft Word で単純なテキストを入力して書式設定し、表を作成する方法をすでに知っており、同じ原則が FrontPage でのページの編集にも当てはまります。

右の図は、テキスト、リンク、画像を含むページ テンプレートを作成できる標準ツール セットを備えたプログラムの全体像を示しています。 「表示」タブ、「ツールバー」に移動し、「 標準", "書式設定" そして " テーブル「」の場合、これらのツールはページを作成するだけで十分です。以下では、「デザイナー」、「コード」、「表示」タブに注目してください。これらは 3 つの異なるモードで、作成しているページの外観をいつでも確認できます。のように。

• デザイナーでは、Microsoft Word と同じ方法で、すべての編集内容の入力、テキストの入力と書式設定、画像の挿入、リンクの作成、背景とフォントの色の変更が行われます。
• 「コード」タブでは、いわゆる HTML コードを表示できます。 HTML は、World Wide Web 上のドキュメントの標準マークアップ言語です。 ほとんどの Web ページは HTML を使用して作成されます。 このタブではページを編集することもできますが、このマークアップ言語を知っている必要があります。 ただし、初心者はコンストラクターですべての変更を行う必要があり、HTML へのすべての変更は自動的に行われます。
• [表示] タブでは、ブラウザ (Internet Explorer など) でページがどのように見えるかを直接確認できます。

Microsoft FrontPage のその他のメニュー、ボタン、機能の詳細については、プログラムのヘルプを参照してください。 これを行うには、「F1」キーを押します。

FrontPage でのページのテンプレートの作成

エディターにメインテーブルを挿入する

したがって、単純なテンプレートを作成するには、3 つのブロックを含むテーブルを挿入する必要があります。 3 つのブロックは単純な標準です。上のブロックはサイト名用、2 番目のブロックはサイト ナビゲーション リンク用、3 番目のブロックはページ上のテキスト、画像、その他の情報用です。 便宜上、さらにテーブル ブロックを挿入できますが、これらのブロックをどのように、いくつ、どのサイズで作成するかは好みの問題です。 テーブルを作成するのではなく、いわゆる「div」要素をページに挿入し、特定のスタイルを割り当てることでブロックを作成する別の方法もありますが、この方法は新人 Web マスター向けではないため、これについては別の記事を書くことができます。

1. 表を挿入するには、右の図に示すように、「表」>「挿入」>「表」タブに移動し、フィールドに入力します。 実際、独自のパラメータを入力できますが、このテーブルの幅は固定されており、画面領域の 100% に拡大されます。 こうすることで、表がブラウザ上にコンパクトに表示されます。
2. 次に、挿入後の高さは同じになるため、3 つのセルすべてを調整する必要があります。 一番上のセルを右クリックして「セルのプロパティ」に移動し、高さフィールドに条件付きで「150」と入力し、「ドット単位」ボックスにチェックを入れます。 セルのサイズは 150 ピクセルになります。 同じメニューで、セルの背景色を選択できます。また、「スタイル...」メニューをクリックすると、セルの境界線の色やサイズを選択するなど、他のセル設定を行うことができます。これを試して結果を見てください。 セル自体にサイトの名前を入力できます。
3. 次に、サイト ナビゲーション リンク用の 2 番目のセルを編集します。 幅は約 40 ピクセルに設定します。これで十分です。また、背景色や余白などのその他の設定もお好みに合わせて調整します。 次に、リンク自体の名前を縦線記号または別の記号で区切って書き込みます (テンプレート全体をダウンロードすると、以下で表示できます)。 MSWord と同じように、テストを選択し、中央揃えボタンを押します。 同様に、フォント、フォントサイズ、その他のテキスト設定を変更できます。
4. 最後のセルもセットアップしました。 本文用で、挨拶文を入力できます。
5. 最後に、[ファイル] > [プロパティ] タブに移動し、サイトの名前を入力し、ページの一般的な背景やその他の一般的な設定を変更できます。

これでテンプレートの準備が整いました。 これは、サイトの後続のすべてのページのフレームワークです。 このサイトは HTML コードでは次のようになります。

これがサイトのテンプレートを取得する方法です

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "テキスト/html; charset=windows-1251"> < title >サイト名 < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >サイト名 < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >家 | < b >2ページ | < b >3ページ目 | < b >4ページ目 | < b >5ページ目 | < b >連絡先 < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >ホームページのテキスト。 ここに挨拶文を挿入し、サイトの目的を簡単に書くことができます。

この HTML コードは、エディターの [コード] タブにすぐに挿入でき、完成したテンプレートがすぐに表示されます。 独自のニーズに合わせて変更および編集できます。 ここで説明する価値があるのは、メインテキストが挿入される場所で、フィールドの近くに配置されないように、例に示すように、インデント設定を使用して「div」タグで囲まれていることです。

追加のテンプレート

1. また、FrontPage プログラムや他の同様のプログラムには、ページの作成に使用できる標準テンプレートがあり、簡単に編集でき、ニーズに合わせてテンプレートをカスタマイズできることも知っておく必要があります。 標準テンプレートを選択するには、[ファイル] タブ > [作成...] に移動し、開いたウィンドウで [その他のページ テンプレート] を選択します。ここで任意のテンプレートを選択できます。
2. 2 番目のオプションは、インターネットからテンプレート全体をダウンロードすることです。 このようなサービスを提供しているサイトはたくさんあります。 テンプレートは有料でも無料でも構いません。 特定のテンプレートをダウンロードした後、プログラムでそれを編集し、必要なコンテンツを入力し、特定の要素のスタイルを変更できます。

標準のテーブルとテーマのレイアウトを使用する

Microsoft FrontPage は、Web サイト構築のための既製のテーブル レイアウトとテーマのための優れたツールを提供します

Microsoft FrontPage には、通常のページや名刺サイトの作成方法を学ぶのに役立つテーブル レイアウトとテーマの標準セットがあることを知っておく必要があります。 右上にはドロップダウン メニューがあり (右の図を参照。テーブル レイアウトとデザイン テーマを使用した結果も示されています)、クリックすると、[レイアウト] を選択する必要があるメニューが表示されます。テーブルとセル」を選択すると、さまざまなテーブル レイアウトが下に表示されます。ご自身の裁量と好みに合わせて選択できます。 これにより、手動でテーブルを作成できるようになります。

したがって、表のセルにテキスト、ロゴ、リンクを入力または貼り付けると、同じメニューに移動して「テーマ」メニューを選択でき、ページ、リンク、ページのデザインにさまざまなテーマを選択できます。背景など。 この機会は、インターネット ページの作成方法を学び始めたばかりの人にとって良い機会であり、Web サイトの作成プロセスが非常に明確に反映されています。 つまり、Microsoft FrontPage では、さまざまな設定を試して、特定のページがどのように変換されるかを明確に確認できます。 ここで 1 つのアドバイスを与えることができます。各ツールには、本格的なページを作成するための独自のプロパティと目的があるため、プログラムのすべての機能を研究し、さまざまなメニューを利用することを恐れないでください。

画像を挿入してページへのリンクを作成する

初心者の Web マスターにとって、ページに画像を挿入したり、他のページへのリンクを作成したりする方法を知ることは重要です。 たとえば、サイト名のテキストの代わりに、サイトのロゴの画像を挿入できます。 これを行うには、まず画像を挿入するフィールドをクリックし、次に最上部の「挿入」タブ > 「描画」 > 「ファイルから」をクリックし、目的の画像を選択して「挿入」をクリックします。その画像がページに表示されます。 画像を右クリックすると、追加の画像設定を含むメニューに移動できます。 すべての画像をすべての画像に対して厳密に定義された 1 つのフォルダーに入れることが重要です。

サイトの他のページに移動するには、ユーザーがサイトのすべてのページにアクセスできるリンクを作成する必要があります。 これを行うには、リンクに必要なテキストを選択し、「挿入」>「ハイパーリンク」タブに移動し、開いたメニューでリンクを作成するページを指定して「OK」をクリックする必要があります。 。 同じウィンドウ内に、リンクを新しいウィンドウで開くかどうかなど、リンクに関する他の設定があります。 基本的には独学で勉強することができます。

結論

基本的に、これらのエディタは互いに類似しており、同様の機能とメニューを備えています。 基本設定をマスターすれば、他のエディタでも簡単に Web サイトを作成できます。 これらの原則をマスターしたら、いわゆる CSS を使用した、より複雑な Web サイト デザインの方法に進むことができます。 CSS とは何か、および Web サイトのデザインを編集する方法については、CSS に関する記事を参照してください。

この「テンプレート」方式の欠点は、作成したテンプレートに基づいて各ページを個別に作成する必要があることです。 いわゆるエンジンを使ってWebサイトを作成する場合など、別途ページを生成する必要がない場合は、コンテンツの追加に応じて自動的にページが生成されます。

記事やウェブサイト作成のためのそのようなプログラムの使用について質問がある場合は、フォーラムのディスカッション スレッドで質問することができます。

同様のトピックに関する記事

Microsoft FrontPage - このプログラムは、HTML でレイアウトを使用できるようにするエディターです。 このソフトウェアは、「何をすれば結果が得られるか」という原則に基づいて動作します。 ユーティリティ エンジンは、よく知られた IE ブラウザでも使用されているテクノロジに基づいています。 開発者は、サードパーティのエンジンを使用するブラウザを使用すると、表示が異なると述べています。

このプログラムは、開発者が行った変更をリアルタイムで自動的に実装できます。

Webページ作成の基本操作をマスターしたい初心者におすすめのエディタです。 多数の機能を備えたより複雑で複雑な類似物とは異なり、このプログラムは簡単と呼ぶことができます。 ただし、基本的な機能を使用すれば、Web サイト構築の基礎をすぐに学ぶことができます。

ロシア語版の Microsoft FrontPage の完全版を、登録や SMS なしで公式 Web サイトから無料でダウンロードしてください。

システム要求

• 対応OS：Windows 7、10、8、8.1、Vista、XP
• ビット深度: 32 ビット、64 ビット、x86

この図は、Microsoft FrontPage 2003 プログラム (1995 ～ 2003 年) を示しています。 エディターにはロシア語のインターフェイスとロシア語のヘルプがあります。 重量113MB。

ウィキペディアより:

1995 - Microsoft FrontPage 1.1
1997 - FrontPage 97 (第 2 バージョン)
1997 - FrontPage Express 2.0
1998 - Macintosh 用 Microsoft FrontPage
1998 - FrontPage 98 (第 3 バージョン)
1999 - FrontPage 2000 (第 9 バージョン)
2001 - Microsoft FrontPage 2002 (第 10 バージョン)
2003 - Microsoft Office FrontPage 2003 (第 11 バージョン)

FrontPage は 2003 年に廃止され、次のような Microsoft プログラムに置き換えられました。 Microsoft Office SharePoint デザイナーそして Microsoft Expression Web。

Microsoft FrontPage プログラムはシンプルかつ論理的であると同時に、優れた機能を備えています。

Microsoft Office Word に慣れている人にとって、FrontPage の外観は新しいものではありません。 メニュー バーとツールバーは Word のものと似ており、コマンドのほとんどは同じです。

FrontPage (ビジュアル モード) での作業も、基本的に Word での作業と同じです。

FrontPage には、デザイナー (ビジュアル モードでページを作成する)、コード (ページ コードを作成する)、表示、およびプログラム ウィンドウをコードと表示に分割するモードの 4 つの操作モードがあります。

ビジュアル モードでは、FrontPage はテキストの書式設定 (学校でのスペルミスを赤線で強調表示)、画像、表、リンク、フレーム、フォームなどをすべての設定で挿入できます。

コード モードでは、FrontPage は優れたコード エディタよりもはるかに弱く、劣っています。多くのビジュアル モード機能はここでは利用できません (この機能は通常、Dreamweaver を除いて、複合エディタに固有のものです)。 コード モードで Web ページを作成できますが、ビジュアル モードで作成されたコードを編集または修正するには、このモードを使用することをお勧めします。

このプログラムの大きな利点は、ロシア語のインターフェース、ヘルプ、およびロシア語の FrontPage 上の多数のトレーニング資料であることです。

プログラムの欠点の中には、プログラムが速くないことが挙げられます。開くのに時間がかかり、いくつかのコマンドを実行するときに多少の遅れがあります。 場合によっては、編集者が不適切な主導権を握り、あなたが望まないことを行う可能性があります。

ビジュアル モードでテキスト素材を作成するときに、FrontPage が通常はクリーンなコードを生成する場合、他の操作中に大量の不要なコードがページに注がれる可能性があります。 この問題は、エディターで使用できるカスタム HTML コード オプティマイザーによって部分的に解決できます。

プログラムは完全に信頼できるとは言えず、予期しない誤動作が発生することがあります。 また、FrontPage 2003 は、何かがガタガタ音を立てたり、揺れたり、滑ったりする大きな機構に似ています。
しかし、多くのユーザーがその欠点に適応し、FrontPage は今でも広く使用されています。

インターネット上には、FrontPage に関するチュートリアルが多数あります。 ここにあるいくつかの：

フロントページ エクスプレス

FrontPage Express (1995 ～ 1997、重量 4.3 MB) - 小さく、高速で優れたプログラム。 機能としてはNVUなどのエディタに近いです。 FrontPage の軽量バージョンです。
上は、FrontPage Express ツールバーの図です。
エディターは、見出しをデザインし、さまざまなフォントの種類、サイズ、スタイル、色の選択を支援します。 画像、ビデオ、背景音、特殊文字、アニメーション、リスト、Java アプレット、クリーパー、フォーム、リンク、表などをページに挿入するのに役立ちます。

エディターではページはビジュアル モードで作成され、コードを編集する方法はありませんが、出力コードは不要なインクルードがなく、非常にクリーンであることがわかります。

現在、FrontPage Express はすでに多少時代遅れになっています。 たとえば、作成中のページをプレビューするためのブラウザが組み込まれていない、スタイル シートを使用しない (エディタはスタイル シートにまったく応答しない) などです。

フロントページをダウンロード- インターネット上のアーカイブから